Дизайн мобильного приложения «Теремок-ТВ»
Мобильный развлекательный центр для крупнейшего российского агрегатора детского контента
«Теремок-ТВ» — один из крупнейших российских YouTube-каналов с огромным выбором мультфильмов для детей разных возрастов.
Имея такую большую и активную аудиторию, клиент принял решение создать собственный полноценный развлекательный центр для детей, который помимо основной функции — просмотра видеоконтента — должен решать ряд дополнительных задач:
- Увеличение вовлеченности пользователей
- Увеличение возможностей по контакту и взаимодействию с аудиторией
- Создание дополнительных инструментов монетизации аудитории
- Аналитика аудитории
На начальном этапе «Теремок-ТВ» — это мобильные приложения для основных платформ — iOS и Android, в будущем — и для SmartTV.
Нашему агентству доверили самую интересную и ответственную часть работ — разработку дизайна мобильного приложения.
Заказчик — компания XmediaDigital была основана в 2006 году и сейчас является сертифицированным агрегатором контента для YouTube, Google Play, iTunes, а также сама занимается производством детского контента.
Зрители сети каналов компании XMD могут найти мультфильмы и детские шоу российского производства, такие как «Маша и медведь», «Фиксики», «Ам Ном», «Малышарики», «Герои Энвелла» и многие другие. Кроме того, на каналах представлены популярные иностранные мультсериалы такие как «Робокар Поли», «Тоботы», «Супер крылья Джет». Также на каналах опубликованы мультсериалы и сериалы собственного производства компании XMD — «Жила-была царевна», «Грузовичок Пик» и другие.
В марте 2017 года их детский канал GetMovies поставил мировой рекорд по подписчикам — 10 миллионов человек. На сегодня число подписчиков канала превышает 23 миллиона человек.
Традиционно начинаем с разработки креативных концепций
Клиенту было предложено три абсолютно разных варианта дизайна приложения, объединяет которые следующее:
- Яркий и приятный дизайн, т. к. целевая аудитория приложения — это дети, в работе с которыми важно привлекать и удерживать их внимание.
- Удобный и интуитивно понятный интерфейс для использования даже самыми маленькими детьми без помощи родителей.
- Разработка не только видеоплеера, но и целой платформы для развития приложения в будущем.
1-я концепция. Сундучок-теремок со сказками
Собрание мультфильмов и песен можно представить в виде волшебной шкатулки.
Заходя в приложение, мы открываем сундук. Сундук покажет ребенку веселые мультфильмы, сказки, песенки и сериалы. Сами видео представлены в виде карточек с закладками, что упростит навигацию по каталогу. В самом сундучке могут жить герои, которые будут подсказывать или оповещать о чем-то детей.
2-я концепция. Сцена
При входе в приложение ребенка встречает веселый дед-билетер, который предлагает взять билет / выбрать категорию мультфильмов.
Далее мы проходим к сцене и на экране видим мультфильм / сказку, в зрительном зале «сидят» герои других мультфильмов в выбранной категории. Мультфильмы перемежаются с персонажами, при нажатии на которых проигрывается анимация. Зал с видео скроллится бесконечно вниз. При закрытии приложения занавес захлопывается.
3-я концепция. Теремок
При входе в приложение к зрителю быстро выплывает из-за холмов дом, который состоит из различных пристроек, башенок, лесенок и флюгеров. На большой веранде показывается основное превью. Ниже расположены остальные видео в виде окошек. В этом здании могут появляться анимированные персонажи, передвигаться лестницы. При смене категории здание поворачивается другой стороной — с тематическими элементами.
После детального обсуждения с заказчиком был выбран вариант «Сцена».
В рамках выбранной концепции мы разработали дизайн всех экранов, делая их интересными, живыми, но в то же время понятными.
Понимая, что с приложением будет взаимодействовать в основном детская аудитория, мы старались, чтобы приложение смотрелось ярко и ребенку хотелось им пользоваться. Поэтому в процессе мы меняли цветовые схемы фона, а также реализацию главных иконок для обозначения разделов — отказались от более спокойных пластилиновых фигурок в пользу ярких переливающихся иллюстраций.
До:
После:
Также не забываем про важность интерактива, анимируем элементы дизайна.
В дизайне мы также использовали уже существующих персонажей с канала «Теремок-ТВ».
Принципы взаимодействия
Сам интерфейс и принципы работы приложения были созданы таким образом, чтобы даже самые маленькие дети могли самостоятельно использовать его без обязательной помощи со стороны взрослых. Например, в «Теремке-ТВ» нет полей для классического текстового или голосового ввода поисковых запросов — поиск сериалов или мультфильмов осуществляется наглядно, с помощью картинок героев.
Награды
В приложении также есть система наград за просмотр обучающих видео, чтобы у детей был стимул смотреть не только развлекательные мультфильмы и сериалы.
Результат
При разработке дизайна очень важно было учитывать соответствие требованиям Android и iOS — платформ, на которых планировалась публикация приложения.
На текущий момент приложение доступно в Apple Store и Google Play. Несмотря на то, что клиентом еще не проводились рекламные активности, приложение активно скачивают и используют.
По нашей оценке и внутренней статистике, дизайн приложения интуитивно понятен даже детям в возрасте от 1 до 3 лет. Кстати, по нашей же статистике, это самая активная аудитория в приложении.
Отдельно стоит отметить, что подход команды ADICT позволил одновременно создать онлайн-кинотеатр для детей и базу для дальнейшего построения целой экосистемы для развлечения детей внутри приложения и при этом сильно отличаться от всего, что присутствует сейчас на рынке.
Скачайте приложение:
Аналитика
Дизайн-стратегия и арт-директура
Анимация
Проектирование и прототипирование мобильных приложений
Дизайн мобильных приложений
Motion-дизайн