106
Низкий контраст и темный фон помогут использовать приложение при
слабом освещении, не напрягая глаза. И многие люди любят черный. Среди
моей ЦА тёмная тема особенно востребовонна.
Рис. 2.41. Макеты страниц теста
2.10.3. Графические элементы
Подбирая графические элементы, я отталкивалась, главным обра-
зом, от скруглённого квадрата, который все больше стремился к
107
кругу. Чтобы не перегружать вид страницы, я намерено не отхо-
дила от простых форм. (рис. 2.42.)
Рис. 2.42. Макеты страниц теста
Разрабатывая знаки, я ориентировалась на первый дизайн-кон-
цепт и таким образом создавала некие линейные конструкции, в ос-
нове которых лежал круг. Подбирая знак, я опиралась на типичные
представления, но в стилистики моего дизайн-проекта. (2.43.-2.44.)
Рис. 2.43. Макеты страниц теста
108
2.11. Итоговый вариант
В мобильном приложении для подкастов используются обычные
мокапы. (рис. 2.44-2.46)
Рис. 2.44. Макеты страниц теста
Рис. 2.45. Макеты страниц теста
109
Рис. 2.46. Макеты страниц теста
2.12. Результаты проектной части
Учитывая все требования потребителя, по итогам проектной части, былo
разработано мобильное приложение.
Мобильное приложение по размещению художественных подкастов –
это уникальный продукт, который разнообразен и имеет свою аудиторию по-
требителей. В данном проекте было разработано мобильное приложение для
размещения художественных подкастов –- это приложение направлено не
только на развлекательный контент, но и на познавательный исход. Мобиль-
ное приложение рассчитано на для людей в возрасте от 15 до 25 лет, в этом
возрасте люди склонны искать себя, они заинтересованы в различной инфор-
мации и открыты новому, ища место для себя в мире. Для них было разрабо-
тано мобильное приложение, что даст возможность погрузится в другие миры,
что подарят новую перспективу на мир вокруг и на самого себя, ведь важный
элемент художественных подкастов, среди голоса из динамиков и покоя, это
110
мысли в голове, что приходят вместе с историями. Для этого были разрабо-
таны макеты экранов, такие как: интерфейс проигрывателя, экраны для раз-
личных страниц, 27 знаков-навигаторов, дизайн теста-игры. Каждый элемент
связан между собой единой округлой визуальной стилистикой. Все цвета и от-
тенки подобраны с учетом вкусов и потребностей ЦА, восприятия и внимания,
каждый разработанный элемент приложения передает дух проекта. Подборка
шрифтов осуществлялась тоже по своим правила и требованиям – он должен
быть понятным, читабельным и стилистически подходящим.
Следующим этапом данного проекта – это технологические аспекты раз-
работки мобильных приложений и расчет сметы. Данный этап будет расписан
в следующей главе.
111
ГЛАВА 3. ТЕХНОЛОГО-ЭКОНОМИЧЕСКАЯ
3.1. Технологическая часть
Разработка мобильных приложений – это трудоемкий и не простой про-
цесс, каждый элемент навигации и страница – это логическая цепочка. При
создании мобильного приложения нужно продумать все до мельчайших по-
дробностей. Для таких моментов создается технологическая карта, которую
можно назвать инструкцией для разработки. В ней описаны все необходимые
сведения.
Таблица 1
«Технологическая карта»
№
Стадии ди-
зайн проек-
тирования
Виды работ
Обо
ру-
до-
ва-
ние
Ин-
стру-
менты
Мате-
риалы
1.
Исследова-
тельско-ана-
литическая
• Сбор информации
• Поиск конкурентов
и аналогов и инфор-
мации о них
• Определение ЦА
ПК
Интер-
нет,
каран-
даш
Бу-
мага,
Word
2.
Разработка
идеи
• Проведение мозго-
вого штурма
• Создание наброс-
ков
Каран-
даш
Бу-
мага,
альбом
112
• Выбор итогового
варианта
• Составление мен-
тальной карты
3.
Типография и
цвет
• Подбор гарнитуры
• Подбор цветовой
гаммы
ПК
Па-
литра
цве-
тов,
интер-
нет
Illus-
trator
4.
Разработка
знака
• Разработка эскиза
на бумаге
• Перенос концептов
на ПК
ПК
Бу-
мага,
каран-
даш,
ПК
Illus-
trator
5.
Создание
айдентики
• Разработка пикто-
грамм
• Разработка струк-
туры мобильного
приложения
• Разработка навига-
ции мобильного при-
ложения
• Создание экранов
мобильного прило-
жения
• Создание визуали-
затора эквалайзер
ПК
Про-
грамма
Illus-
trator,
After
Effects
113
6.
Оформление
проекта
• Создание мокапов
ПК
Про-
грамма
Pho-
toshop
3.1.1. Технологические аспекты изготовления
мобильных приложений
Существуют различные инструменты для разработки мобильного при-
ложения. У них есть свои особенности, которые помогут для создания прило-
жения под свою идею. Первое с чем нужно определиться это платформа. При-
ложение может разрабатываться с помощью готовой платформы или же с
нуля. Сначала стоит рассмотреть разработку с готовой платформой.
TheAppBuilder. Судя по информации платформа простая в использова-
нии, потому что этим продуктом могут пользоваться не только специалисты,
но и сам клиент для редактирования деталей. Благодаря онлайн-инструментам
можно настроить структуру мобильного приложения и заполнить нужной ин-
формацией.
Appery.io. Это облачный сервис, который имеет фреймворк Phone Gap
и встроенные инструменты. Его можно подключить к Rest api, который может
помочь с добавлением облачной базы и соответственно связь с приложением.
С помощью данной платформы можно создать свои плагины.
Appmakr. Для того, чтобы пользоваться данной платформой не нужно
знать языки программирования. Есть возможность создать несколько мобиль-
ных приложений, обновляя их при надобности. Есть также доступ для отправ-
ления уведомлений, различных файлов, таких как: фото, видео, аудио.
Mobile Roadie. При использовании данной платформы есть возмож-
ность увидеть заранее как будет выглядеть итоговый вариант приложения, то
как пользователь будет им пользоваться. Можно перенести информацию с
114
приложения на сайт и наоборот. Изменять вид мобильного приложения и ис-
пользоваться на других платформах.
Также можно рассмотреть инструменты, благодаря которым можно со-
здавать приложения и их преимущества.
App Watch. Это облачный инструмент для аналитики и обеспечения
безопасности для мобильного приложения. Он может помочь разработчикам
защитить от хакеров приложение.
Преимущества:
• Сканирует мобильное приложение, для обнаружения проблем
• Создает пользовательские отчеты с описанием
• Проверяет различными методами приложение для осуществления
безопасности пользования
• Выявляет различные уязвимости, благодаря чувствительным пара-
метрам.
Xamarin. Инструмент предназначен для разработки нативных приложе-
ний. Благодаря различным уровням логистики существует доступ к разным
платформам.
Преимущества:
• Позволяет поддерживать связь с api мобильного устройства
• Управляет элементами интерфейса пользователя
• Обеспечивает более правильную работу, потому что возникают мало
ошибок при использовании инструмента
• Использование функционала только на определенных платформах.
PhoneGap. Инструмент для разработки мобильного приложения с быст-
рым доступом к коду. Позволяет создать приложение, которое будет работать
на различных мобильных устройствах.
Преимущества:
115
• Отлично работает на платформах: JavaScript, HTML5 и CSS3
• Может работать с различными библиотеками для разработки мо-
бильного приложения
• Помогает уменьшить время разработки приложения
• С помощью плагинов можно улучшить функциональность мобиль-
ного приложения
• Не требует обладание специальных навыков для разработки
Alpha Anywhere. Является инструментом, который помогает быстрее
разработать мобильное приложение.
Преимущества:
• Помогает для более эффективной работы кроссплатформенный при-
ложений
• Обеспечение безопасности мобильных данных
• Более проработанные управление данными
• Улучшенная синхронизация
• Возможность прямой публикации от совершенной доработки
• Существуют готовые примеры мобильных приложений, которые
можно изменить под свою идею
• Удобный и быстрый доступ к данным сервера
Kendo UI. Продвинутый инструмент для разработки мобильного прило-
жения. Представляет большие возможности создания приложения.
Преимущества:
• Можно создать нативные веб-приложения. Есть возможность под-
строить под необходимый размер экрана устройства.
• Первый и самый просто инструмент при разработке для программи-
рования JavaScript
• Можно связываться с хранилищем локальных и удаленных данных