второй экран

ux/ui -дизайн

2022 - 2023 гг.

mobile: ios, android

разработать мобильное приложение, которое будет помогать зрителям найти дополнительную информацию о получаемом контенте на тв

целью бизнеса является собирать статистику о предпочтениях пользователей + реклама существующих продуктов

т.к. продукты у заказчика все связаны, целевая аудитория нам известна:

- возраст 46-55 лет (21%), 36-45 (19%), 26-35 (17%)
- преимущественно мужчины (61%)
- используют спутниковую приставку заказчика в квартирах (95%)
- есть проводной интернет (68%) и мобильный (59%)
- проживают в квартирах в селах Лен. обл., Моск. обл. и Краснодарском крае

* заказчик является оператором цифрового телевидения (раскрыть его не позволяет NDA)

Job story

CJM

задачей от заказчика было сделать программу передач с трансляцией на тв однако, хотелось повысить ценность приложения для пользователя

сроки были сжаты

выпускаем mvp на android, включаем только основные функции приложения, выделяем четыре раздела:
- телегид
- для вас (умная подборка контента)
- избранное
- профиль

важно получить первичную обратную связь от пользователя

спустя месяц после релиза видим невысокие скачивания приложения, так же большинство пользователей не заинтересовано в повторном использовании, ценность продукта не высока

расширяем онбординг, коротко рассказываем, что можно сделать в приложении и собираем предпочтения для дальнейшего формирования индивидуальной ленты

существенным изменениям является добавление проигрывания контента в приложении и демонстрации его на ТВ

тут важно сказать: заказчик нацелен на продажу тв-приставок и хотелось ограничить просмотр контента только для пользователей с приставками, однако, при конструктивном диалоге было принято решение давать просмотр на смартфонах тоже

поменялась последовательность визуального отображения программ передач в ленте, текущая стала с баннером для лучшего размещения иконок и привлечения внимания

добавили фиксированное позиционирование режима вещания и названия канала

фильтрация

изначально показываем текущую передачу, при скролле отображаем прошедшие

просмотр текущей передачи в приложении либо демонстрация на тв.
демонстрация подсказок при первом посещении

так же при скролле осуществляем быстрый переход к следующему каналу

в первом релизе возникла проблема с отображением баннеров на страницах: каналы, программы, персоны, где баннер был на всю ширину экрана и достаточно большой высотой

из-за того, что изображения приходят разного формата обрезалась голова или еще какая-то нужная информация

было взято большое кол-во исходных изображения и выявлено самое "неподходящее" на основе которого подбирался размер для текущего баннера

раздел "для вас" сформирован из персонализированных лент и сорис, если пользователь не выбрал "любимые" показываем популярные, так же предоставляем возможность "налайкать" в настройках приложения

в сторис показываем полезную информацию (н-р: статьи , рецепты) с любимых каналов и передач, вовлекаем ставить напоминание на телефон

просмотр контента

при отсутствии тв-приставки кнопка с демонстрацией на тв не отображается

прагматичное решение отображения баннеров

исчезание контролов:
тап на пустую область или
3 секунды бездействия

проигрывание на телевизоре

в mvp использовались системные шрифты, для следующего релиза меняем на шрифт с брендбука заказчика

цветовая съема тоже поменялась, сделали уклон в стиль неоформизм + добавили тёмную тему приложения

Montserrat

Regular

Medium

SemiBold

Bold

ExtraBold

10

12

15

24

14

20

16

22

появился новый раздел "сервисы".

управлять просмотром на тв стало еще проще: добавлен голосовой ассистент и пульт

добавили быстрый переход к другим приложениям заказчика (в будущем планируется синхронизация)

собраны ui kits под каждую операционку: цвета и текстовые стили, иконки, иллюстрации, компоненты в светлой и тёмной темах

маркет android

итого: ждем обратную связь от пользователей и занимаемся разработкой приложения на тв (пока на стадии "есть идея")

на протяжении создания всего проекта велся контроль дизайна (в том числе совместно с разработчиками и тестировщиками)

приложение в маркете (пока только android) можно скачать и посмотреть (NDA не позволяет тут давать ссылку, прошу обращаться лично на собеседовании)

трудностей на проекте возникало не мало, начиная от расхождения во мнениях дизайн команды и заказчика, заканчивая проблемами в реализации неоформизма (теней) на android, но все было успешно решено и вот-вот ждет релиза приложение на ios

пока была выпущена на android первая версия обновления (переход к новому дизайну проходит поэтапно)