66
для понимания даже абстракциями. Что-то прочное материальное становятся
относительным, как и время, относительно скорости света.
Данный концепт заключает в себе грань относительности между матери-
альным и нематериальным, многомерность измерений.
Средствами графического выражения могут служить линии или волнооб-
разные структуры, различные градиенты, берущие начала от научных спек-
тров. (рис.2.2.)
Рис. 2.2. Референсы второй концепции
3. Подкаст как музыка
В данном дизайн решении я ориентировалась на типичное изображение
звука как музыки. Это, главным образом, стереорамы, ноты. Так же, в отличии
от других концепций, предпочтение в данном случае было отдано образу ис-
кусства.
67
4. Подкаст как отображение индивидуальности
В данном концепте я ориентировалась на эскапизм продукта, связав его с ак-
центом на индивидуальности, свойственной ЦА. Таким образом, я пришла к
визуальному решению, что основывается на линейном отображении, напоми-
нающим отпечаток пальца. Беря во внимание волновую структуру звука, в
этом отображении объединяются продукт и сам пользователь. (рис.2.3.)
Рис. 2.3. Референсы третьей концепции
Рис. 2.1. Ментальная карта
1.3. Ментальная карта
Перед тем, как начать эскизировать весь проект и разрабатывать логотип.
Нужно создать ментальную карту, которая поможет прийти к идее и к назва-
нию. Ментальная карта – это удобный графический инструмент, который по-
могает структурировать всю информацию, которую мы узнаем или получаем
68
благодаря мозговому штурму. В центре пишется слово, название проекта и т.д.
от которого будто дерево вырастают ветки с ассоциациями, с помощью него
мы задаем темы и направления, в которых мы будем двигаться для проекта.
Ментальные карты могут быть разнообразны с добавление картинок, матери-
алов, цветов или просто с добавление слов. (рис. 2.4.) В данной ментальной
карте были прописаны идеи для названия мобильного приложения для разме-
щения подкастов.
Рис. 2.4. Ментальная карта
69
1.4. Мудборд
Мудборд является своеобразной визуализацией будущего дизайна. Муд-
борд помогает представить общие концепцию и согласовать её с заказчиком.
Чтобы увидеть примерную картинку той или иной идеи для этого разрабаты-
вается moodboard где с помощью вспомогательных картинок показывается об-
раз. (рис.2.2.)
Отталкиваясь от ментальной карты, создается несколько мудбордов, ко-
торые помогают увидеть с помощью них свой интересный образ для разра-
ботки. Мoodboard включает в себя слова, которые были прописаны в менталь-
ной карте, к каждому слово подбирается подходящая картинка.
Moodboard включает в себя:
Звуковые волны или звуковые колебания— это колебания молекул меха-
нического характера, что передаются в пространстве вещества (например, воз-
духа). Подкаст очевидным способом связан со звуком. Вся информация пере-
даётся через звук. Звук может искажаться, частично пропасть, но помимо
этого, он может быть разбит совершенно разными образами. Это образ линии,
обрывчатости и многомерности.
Ночной свет – яркие цвета, возникающие контрастом с темнотой. Фиоле-
товый цвет фиксирует элемент мистики, потустороннего, а также это цвет ин-
дивидуальности.
Это мудбор, в первую очередь, о путешествии с самим собой. О времени
наедине с собой и попытке понимания себя. Поиск того, что ты хотел попро-
бовать. Фантазия на грани самопознания. Отойти от реальности, вдохновляясь
собой.
Так же в данном m
oodboardе представлен шрифт, который возможно мог
бы подходить для радио-тематики, шрифт прямой гротеск. (рис.2.5.)
70
Рис. 2.5. Мудборд
1.5. Карта сайта
Карта сайта представляет список страниц сайта для навигации, пока-
зывает взаимосвязь между страницами сайта, помогая представить каким об-
разом в отношении друг друга находятся различные страницы.
71
Это перечень разделов и/или всех страниц в иерархическом порядке.
Данная карта сайта состоит более чем из 93 пунктов, так как не отмечается
весь путь повторяющихся страниц (рис. 2.6.).
Стартовая страница представляет собой, главным образом, страницу
со списком подкастов, сортированных по рейтингу популярности за послед-
ние две недели. Сортировку по пункту (новинки, комментариям, объему, по-
пулярности, последние эпизоды и случайно) можно изменить в дополнитель-
ном меню. Так же можно зайти в раздел категорий и отсортировать произве-
дения по жанру. Помимо этого, доступно прохождение теста, что позволит в
игровом формате более выборочно отсортировать художественные подкасты,
учитывая вкус каждого отдельного человека в рамках алгоритма системы.
Карта составлена таким образом, чтобы перейти к эпизоду и самому прослу-
шиванию можно было не больше, чем через три нажатия. А также, чтобы пе-
реход был доступен с нескольких страниц или, по крайне мере, нужно было
миновать её, чтобы перейти к некоторым связанным функциям (например,
комментарии к эпизоду).
Приложение так же уделяет внимание персональному аспекту. Суще-
ствует личный кабинет с возможностью создавать различные подборки из
предоставленного материала для своего удобства, а также при желании – для
удобства других пользователей, что заинтересуется ею. Помимо этого, ком-
муникация может происходить в комментариях, общему чату к подкасту или
в личных сообщениях. Важно отметить, что она подразумевается сугубо в
рамках интереса к контенту, а не межличностного и поэтому приложение не
предполагает возможности создания конференций и некоторых других месе-
еджевых функций. Таким образом, концепция мобильного приложения со-
стоит в том, чтобы стать надёжной платформой для «фэндомов». Фандом –
это нечто вроде группы по интересам. Интересом, которым все участники и
объединены. Термин «фандом» пришел в русский язык из английского.
72
Раньше это слово означало «группа людей, увлекающихся научной фантасти-
кой», но со временем его значение стало более расплывчатым. С появлением
интернета термин приобрёл большую популярность.
Рис. 2.6. Карта сайта
73
1.7. Эскизы
Стартовая страница представляет собой каталог различных подкастов с
названием вверху обложки. В случае если название полностью не помеща-
ется в обозначенную область – в конце стоит троеточие, что даёт знать поль-
зователю о допущении. Цветная область в представленном макете – обозна-
чение различных обложек. Так же на экране интерфейса снизу можно заме-
тить иконографику, что обозначает (слева направо): каталоги, тест, личный
кабинет (рис. 2.7. )
Сверху так же обозначены пиктограммы, одна из которых говорит о возмож-
ности поиска определённого подкаста, а другая дает возможность настроить
сортировку, оценить приложение, сообщить о технической ошибке или ку-
пить премиум-версию.
Рис. 2.7. Стартовая страница
При клике на один из подкастов приложение переведёт на страницу с
описанием подкаста. (рис. 2.8. и рис. 2.9.).
74
Страница намеренно простая в целях оптимизации, чтобы рассеять внимание,
заметить каждое возможное действие. Фоном служит обложка подкаста, обо-
значенная на макете салатовым цветом. Для каждого подкаста обложка раз-
личается. Стоит отметить, что при запуске подкаста, она имеется у каждого
проекта, являясь графическо-рекламной частью. Тем самым обложки ярко
демонстрируют индивидуальность каждого продукта и поскольку подкастинг
современный формат, который зачастую содержит графическую часть только
в обложке (и иногда в логотипе), то к ней приковано чрезвычайно много вни-
мания как зрителей, так и при создании проекта. Поэтому, как правило, об-
ложки и логотипы зачастую заказываются у профессионалов: дизайнеров и
художников. Поэтому те выглядят стильно, соответствуя современным трен-
дам и служат хорошим фоном.
Внизу страницы прописано описание проекта, чтобы пользователь мог
быстро определить интересует ли его данный продукт. При нажатии текст
«раскрывается» занимая полный экран.
В любом состоянии можно «смахнуть» пальцем в сторону и в таком слу-
чае пользователь по падает на страницу описания другого подкаста, что поз-
воляет быстро просматривать множество продуктов.
Если какой-либо подкаст заинтересовал человека, то ему достаточно лишь
нажать на сердечко слева, чтобы добавить произведение в закладки, которые
находятся в личном кабинете, и прослушать в удобное для себя время, не от-
рываясь от просмотра других подкастов.
Но если пользователь желает ознакомиться с произведением в настоя-
щий момент, то достаточно «кликнуть» на иконку справа, что переведёт на
личную страницу подкаста.
75
Рис. 2.8. Мудборд
Рис. 2.9. Страница описания подкаста
На личной странице подкаста (рис. 2.10.) располагается обложка и назва-
ние произведения. Помимо этого, так же внимание уделяется рейтингу на ос-
нове популярности в приложении относительно категории, что позволяет
сразу оценить тот или иной подкаст. Так же, снизу расположена подвижная
система хэштегов, из которой видны только самые популярные. Именно че-
рез хэштеги можно попасть на подборку подкастов, а потом и на личную
страницу подкаста. Своим присутствием они делают систему поиска не
только более гибкой, так и обозначают людей в ней, что ставит акцент на
«сообщности».