76
Чуть ниже располагается три иконки, которые обозначают (слева
направо): переход к чату по подкасту, меню перехода по сезонам, поиск по
эпизодам (по слову или номеру).
Так же инфографика композиционно отделяет «представительскую»
часть от ленты эпизодов. Каждый эпизод сопровождает описание и возмож-
ность как скачать для оффлайн прослушивания, так и добавить в плейлист.
При долгом нажатии на описание, оно раскрывается на весь экран. При нажа-
тии на изображение или название осуществляется переход на страницу эпи-
зода/плей.
Рис. 2.10. Личная страница подкаста
На этой странице доступно непосредственное прослушивание аудио.
Снизу располагается плей-меню, которое состоит из возможности остано-
вить/начать прослушивание трека. Так же существует возможность отмотать
назад на 10 секунд (обычно используется при переслушивании плохо услы-
шанного или просто понравившегося фрагмента) и вперёд на 30 секунд
(обычно используется, если этап кажется скучным). Значок слева переводит к
странице комментариев, справа – даёт возможность скачать трек.
Полоска, заканчивающая плей-меню, обозначает протяжённость аудио.
Слева указан настоящий таймкод, когда справа общее время продолжитель-
ности. Ползунок графически ориентирует на каком моменте находится слу-
шатель.
77
Пиктограммы справа сверху представляют (слева направо): свернуть,
дополнительное меню, настройка звука, возможность поделиться.
Так же всегда можно «смахнуть» в сторону экран и перейти к следую-
щему или предыдущему эпизоду, что сразу будет с «развёрнутым» описа-
нием и кнопкой перехода к прослушиванию (рис. 2.11. - 2.12.).
Рис. 2.11. Эскиз эпизода
Рис. 2.12. Эскиз эпизода
78
Страница личного кабинета (рис. 2.13.)..
На ней находятся все составленные подборки, которые можно редакти-
ровать, а так же делать доступ к ним открытым или закрытым.
Присутствует возможность добавления аватара.
Статистика позволяет выводить список любимых подкастов и тегов.
В личном кабинете можно взаимодействовать с настройками и, напри-
мер, сменить тему приложения, а так же подробнее ознакомится со своей ста-
тистикой.
Рис. 2.13. Страница личного кабинета
Страница плейлиста (рис. 2.14.)..
На ней находятся все составленные подборки, которые можно редакти-
ровать, а также делать доступ к ним открытым или закрытым. Так же можно
создавать новый плейлист. При входе в саму подборку имеется возможность
79
редактировать её, добавить новый эпизод их общей базы, а также перейти на
страницу эпизода/плея.
Рис. 2.14. Страница плейлиста
2.7. Разработка нейминга
Думая о нейминге. Я ориентировалась на составленную ментальную
карту, как и на образы, полученные зачёт мудборда. Учитывая историю под-
кастинга, что начинается с радиовещания, я хотела использовать фразу «ON
AIR», что была зажжена предупреждением на запрет шума около рубки во
время вещания. Эта фраза несёт в себе мощный образ. Тут одновременно упо-
минается и техническая сторона трансляции звуки, и образ пограничности
между материальным и нематериальным, а также связь с другими людьми. Од-
нако, думая об этом, я понимала, что послание для молодой ЦА будет плохо
считываться, так как эта фраза, хоть и прошла спустя поколения, не актуальна
в настоящее время. К тому же, мне хотелось воплотить образ фантазии в назва-
нии мобильного приложения для размещения художественных подкастов.
Таким образом я пришла к словосочетанию «Air tale on», где слово «оn»
служило триггером, кнопкой переключения, неким активным элементом. Од-
нако, позже, на стадии проектирования логотипа, эта идея показалась излишне
80
избыточной. Таким образом, я решила упростить нейминг, соединив два слова
в одно.
Интернациональный английский язык позволил сочетать два слова, объ-
единив в один фэнтезийный образ неких рассказов, историй, что рождаются
из воздуха и в воздухе, чтобы быть услышанными. И посредником между
этими историями и слушателями является мобильное приложение
«AIRTALE».
2.8. Разработка логотипа
Разрабатывая этот логотип, я объединила слово «on» со знаком ноты, предпо-
лагая анимацию. Позже эта визуализация показалась перегруженной и черес-
чур простой.(рис.2.15.)
Рис. 2.15. Вариант логотипа по третьей концепции
Работая с третьей концепции и образе птицы как источника мелодичности,
символа некой природной красоты, гармонии и природы. Природа же
наталкнула на рассуждения о физике – науке, которая буквально изучает
природу вов сём её многообразии. Таким образом. В голове соединились две,
казалось бы, совершенно различные концепции. За основу формы я взяла
форму медиатора, объединяя его с образом крыльев и перьев, что
81
объединилось с иллюзией невозможного пространства трибара. (рис.2.16. и
2.17.)
Логотип выглядел черезчур абстрактно, так что я от него отказалась.
Рис. 2.16. Эскиз логотипа по третьей и второй концепции
Рис. 2.17. Логотип по третьей концепции
Разрабатывая третий вариант логотипа, я отталкивалась от четвёртой концеп-
ции. Линейная структура, отдалённо напоминающая отпечаток и так же соеди-
няющее два слова, так же как физическое пространство сливается с эфемерной
историей. Разрабатывая данный логотип, я пришла к четвёртой версии, кото-
рая показалась мне самой удачной. (рис.2.18. и 2.19.)
82
Рис. 2.18. Разработка логотипа по второй и четвёртой концепции
Рис. 2.19. Логотип по второй и четвёртой концепции
За основу логотипа была взята первая концепция, которая подводила к
технологичности, в основе которой лежит круг, что хорошо выражено в лого-
типе. (рис.2.20.) за основу знака я взяла отображение микрофона, радиовышки
и сети, соединив их в одном графическом образе
83
Рис. 2.20. Логотип
Тип логотипа (рис..2.21):
• Классификация: шрифтовой
• Цвет: фиолетовый, лиловый.
• Тип композиции: горизонтальная
• Шрифт: гротеск
Рис. 2.21. Цвета логотипа
84
Минимальный размер логотипа 24 mm х 4.5 mm (рис. 2.22.).
Рис. 2.22. Минимальный размер логотипа
Прототипом для создания шрифта логотипа служил шрифт Halfomania Regular
и Myriad Variable Concept.
Они были выбраны в виду закруглённого вида, ритмичности, напоминающие
неоновое свечение, а так же контрастной строгости, некой жёсткости, что
напоминало мне металлических конструкциях радиовышки. (рис. 2.13.).
Рис. 2.23. Шрифт Halfomania Regular
85
Рис. 2.24. Шрифт Myriad Variable Concept
2.9. Разработка интерфейса
2.9.1. Стартовая страница
Стартовая страница представляет собой каталог различных подкастов с
названием выше обложки. В случае если название полностью не помещается
в обозначенную область – в конце стоит троеточие, что даёт знать пользова-
телю о допущении. Так же на экране интерфейса снизу можно заметить ико-
нографику, что обозначает (слева направо): каталоги, тест, личный кабинет
(рис. 2.25.).