Привет! Меня зовут Ира Макаркина и я — продакт-менеджер стримингового сервиса 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+ другой путь — пользователь сразу оказывается внутри уже идущей трансляции, он мгновенно вовлекается в просмотр.
При таком радикальном изменении приложения важно заинтересовать пользователя визуально простым, но в то же время привлекательным и «живым» интерфейсом с интересными анимациями, красочными градиентами, постоянно проигрывающимися видеофайлами.
Что происходило непосредственно с телевизорами
На макетах всё выглядело отлично — ярко и красочно. На тестовом стенде — тоже. Но вот на реальном телевизоре все пошло не так. Часть моделей Hisense просто не вытянула новый интерфейс:
длительный Time to First Frame;
лаги навигации;
просадка FPS;
задержки при отрисовке экранов;
И всё это — за 3 дня до запланированной даты релиза. Ситуация «пу-пу-пу».
Как решать?
Чтобы не перегружать слабый GPU/CPU телевизора пришлось срочно перерабатывать дизайн. Что сделали:
уменьшили радиусы скруглений;
полностью убрали линейные и радиальные градиенты;
сократили количество прозрачных стилей и добавили насыщенности
отключили анимации
заменили видео в телепрограмме на статичные постеры
добавили шиммеры
В результате, появилась готовая к релизу версия — интерфейс стал заметно отзывчивее, лаги при навигации почти исчезли, а приложение стало стабильно работать даже на слабых моделях.
Заключение
Работа со Smart TV сильно меняет продуктовый подход. Здесь нельзя сразу бежать в сложные фичи и вычурные эксперименты с интерфейсом. Для телевизоров производительность перестаёт быть чисто технической характеристикой и становится частью пользовательского опыта. Поэтому сначала нужно добиться того самого базового минимума пользователя — чтобы он просто сел, включил приложение и без усилий начал смотреть. Только после этого можно думать о роскошном максимуме — как сделать красивее, интереснее, лучше.
Парадокс телевизоров в том, что для пользователя «базовый минимум» выглядит как что-то само собой разумеющееся.
— Устаревший телевизор? — Ну, он же работает нормально.
— Уникальная модель, которой нет практически ни у кого? — Ну, а что для меня версию приложения не могут, что ли, сделать?
— Баги, уникальные для модели, до которых просто не успели дойти? — Чем вообще занимается разработка в этой компании?
Любая проблема — даже самая мелкая — моментально становится заметной и раздражающей.
Именно поэтому релиз приложения для Smart TV оказывается многоуровневой задачей. Достичь «роскошного максимума» — значит не просто сделать крутой и яркий продукт, а сделать его так, чтобы пользователь вообще не задумывался о том, как он работает и просто наслаждался просмотром.