Базовый минимум или роскошный максимум: версия Smart TV

от автора

Привет! Меня зовут Ира Макаркина и я — продакт-менеджер стримингового сервиса viju.ru. В этой статье поделюсь с вами своими инсайтами о том, с какими трудностями сталкивается команда разработки Smart TV, пытаясь предоставить пользователю наилучший возможный опыт на большом телевизионном экране, и разберу реальный кейс из нашей практики.

Вечер перед телевизором: что может пойти не так?

Представьте: после долгого рабочего дня вы наконец-то можете расслабиться — садитесь на диван, включаете телевизор и хотите просто посмотреть серию любимого сериальчика. Но вместо этого вас, как назло, разлогинило. Нужно либо тянуться за телефоном, чтобы сканировать QR-код, либо кучу времени вводить длинный пароль с помощью пульта при условии, что вы этот пароль вспомните. Ладно, вроде справились…

Дальше выясняется, что с дивана ничего не видно: текст мелкий, все сливается, а фокус где-то потерялся — не очень понятно, выбрана первая серия или уже вторая, или вообще кнопка «Назад». Вы наугад нажимаете «ОК». Кажется, угадали…

И… всё зависает. Переход на «самый сложный уровень»: встать с дивана и вытащить штекер из розетки. Нет, все-таки это не «финальный босс» — после перезагрузки всё может начаться заново… Упс, вас снова разлогинило.

Знакомо? Бесит? 

Тихий и уютный вечер перед телевизором.

Тихий и уютный вечер перед телевизором.

Именно из таких моментов и складывается опыт пользователя на Smart TV.

Так в чем проблема?

На первый взгляд требования к продукту выглядят максимально просто: всё должно быть понятно, быстро и без лишних действий. Но на практике этот «базовый минимум» пользователя очень быстро превращается в тот самый «роскошный максимум» для команды. Сейчас расскажу, почему так.

Одна из причин — фрагментация платформ. В мобильной разработке всё относительно прозрачно: есть две основные операционные системы —  iOS и Android. В мире телевизоров всё устроено иначе. Пользователи владеют десятками разных устройств — телевизоры, приставки, тв-стики. За каждым устройством стоит своя платформа:

  • Tizen;

  • webOS;

  • Vidaa;

  • Android TV;

  • YaOS;

  • Салют ТВ и множество других решений.

Даже внутри одной системы существуют разные версии, каждая со своими особенностями и ограничениями.

Для пользователя же это невидимая часть айсберга. У него дома стоит один-два телевизора, от которых он ожидает максимальную производительность, а в итоге версия приложения для его устройства может не существовать в принципе.

Еще одна причина — телевизоры можно классифицировать как устройства-долгожители. На просторах интернета можно встретить заявления о телевизоре, проработавшем 14 лет; о телевизоре, купленном в 2000-х; да даже о работающем телевизоре КВН (его, правда, к Smart TV не относим). Смартфон обновляют раз в несколько лет, а телевизор может спокойно проработать семь, десять и даже больше. За это время меняются стандарты производительности, появляются новые технологии, а старое железо остаётся тем же.

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

Ну а что? Работает же.

Ну а что? Работает же.

Управление — отдельный пласт проблем. На телевизоре у пользователя нет ни мышки, ни тачскрина — только пульт. Кажется очевидным, но на самом деле за этим простым словосочетанием стоит целый mindset change, это практически как переезд заграницу — погружение в другую культуру и другой стиль жизни.

Управление пультом полностью меняет логику взаимодействия с продуктом. Любое действие превращается в последовательность шагов: нажать кнопку, дождаться реакции, переместить фокус, снова нажать. То, что на вебе или на смартфоне занимает долю секунды, на телевизоре превращается в маленький квест. Это требует другого подхода к проектированию.

Каждый экран приходится буквально «прогонять» в голове с пультом: куда пользователь пойдёт дальше, сколько действий ему потребуется, не потеряется ли он по дороге. Если хотя бы в одном месте ответ неочевиден — это уже проблема. Кстати, мои коллеги уже рассказали о том, как мы справляемся с тестированием интерфейсов на телевизорах. Почитать можно здесь.

Важный аспект — реакция пользователя на заторможенный интерфейс. Например, пользователь уже нажал кнопку ОК на пульте, но система еще обрабатывает запрос. Человек воспринимает это как тотальное зависание системы и сигнал к действию. Соответственно, до того, как видео открылось, он успевает нажать еще пять кнопок на пульте, пытаясь заставить устройство работать, а на деле еще больше перегружая его командами. Результат  — хаотичное перескакивание по всем экранам и, как следствие, знакомый нам “сложный уровень” — время вставать с дивана и вытаскивать штекер. В отличие от мобильных устройств, где внимание может рассеиваться, на телевизоре не прощения медлительности приложения.

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

В конце апреля на телевизорах марки Hisense мы переосмыслили наше приложение и запустили его обновленную версию viju tv+. viju tv+ — смена продуктовой концепции, мгновенное погружение в потоки любимых фильмов и сериалов, ТВ-каналов и онлайн-трансляций.

Что изменилось для пользователя телевизора

В классическом сценарии приложения viju пользователь после запуска приложения попадает на главный экран с карточками контента и боковым меню. У viju tv+ другой путь — пользователь сразу оказывается внутри уже идущей трансляции, он мгновенно вовлекается в просмотр.

БЫЛО: viju - привычная для онлайн-кинотеатров страница с промо-блоком, карточками контента и боковым меню

БЫЛО: viju — привычная для онлайн-кинотеатров главная страница с карточками контента и боковым меню.
СТАЛО: viju tv+ - инновационная главная страница с полным погружением в контент и быстрым переключением по каналам.

СТАЛО: viju tv+ — инновационная главная страница с полным погружением в контент и быстрым переключением по каналам.

При таком радикальном изменении приложения важно заинтересовать пользователя визуально простым, но в то же время привлекательным и «живым» интерфейсом с интересными анимациями, красочными градиентами, постоянно проигрывающимися видеофайлами.

Что происходило непосредственно с телевизорами

На макетах всё выглядело отлично — ярко и красочно. На тестовом стенде — тоже. Но вот на реальном телевизоре все пошло не так. Часть моделей Hisense просто не вытянула новый интерфейс:

  • длительный Time to First Frame;

  • лаги навигации;

  • просадка FPS;

  • задержки при отрисовке экранов;

И всё это — за 3 дня до запланированной даты релиза. Ситуация «пу-пу-пу».

Как решать?

Чтобы не перегружать слабый GPU/CPU телевизора пришлось срочно перерабатывать дизайн. Что сделали:

  • уменьшили радиусы скруглений;

  • полностью убрали линейные и радиальные градиенты;

  • сократили количество прозрачных стилей и добавили насыщенности

  • отключили анимации

  • заменили видео в телепрограмме на статичные постеры

  • добавили шиммеры

Роскошный максимум vs Базовый минимум: главная страница.

Роскошный максимум vs Базовый минимум: главная страница.
Роскошный максимум vs Базовый минимум: страница оффера.

Роскошный максимум vs Базовый минимум: страница оффера.
Роскошный максимум vs Базовый минимум: страница телепрограммы.

Роскошный максимум vs Базовый минимум: страница телепрограммы.

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

Заключение

Работа со Smart TV сильно меняет продуктовый подход. Здесь нельзя сразу бежать в сложные фичи и вычурные эксперименты с интерфейсом. Для телевизоров производительность перестаёт быть чисто технической характеристикой и становится частью пользовательского опыта. Поэтому сначала нужно добиться того самого базового минимума пользователя — чтобы он просто сел, включил приложение и без усилий начал смотреть. Только после этого можно думать о роскошном максимуме — как сделать красивее, интереснее, лучше.

Парадокс телевизоров в том, что для пользователя «базовый минимум» выглядит как что-то само собой разумеющееся.

Устаревший телевизор?Ну, он же работает нормально.

Уникальная модель, которой нет практически ни у кого?Ну, а что для меня версию приложения не могут, что ли, сделать?

Баги, уникальные для модели, до которых просто не успели дойти?Чем вообще занимается разработка в этой компании?

Любая проблема — даже самая мелкая — моментально становится заметной и раздражающей.

Именно поэтому релиз приложения для Smart TV оказывается многоуровневой задачей. Достичь «роскошного максимума» — значит не просто сделать крутой и яркий продукт, а сделать его так, чтобы пользователь вообще не задумывался о том, как он работает и просто наслаждался просмотром.

ссылка на оригинал статьи https://habr.com/ru/articles/1029888/