UI/UX: без чего нельзя создать современный IPTV/OTT-сервис

Интерфейс — то, с чем пользователь IPTV/OTT-сервиса сталкивается каждый раз, когда ищет контент, включает телеканалы, музыку и видео по запросу. Если интерфейс удобный, люди его не замечают: ребенку, взрослому или пожилому не нужна инструкция, чтобы найти и включить фильм. Разбираемся, каким должен быть интерфейс современного проекта и как оператору не допустить типичных ошибок.

Интерфейс приставки и телевизора решает сотни задач

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

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

Современные ТВ-интерфейсы похожи

Интерфейс любого умного ТВ-устройства решает следующую задачу: обеспечить качественный пользовательский опыт на большом экране. Например, в США к 2022 году лучше всего продавались телевизоры с диагональю 42–75 дюймов. Однако люди не сидят в метре от ТВ, поэтому, чтобы зрителям было комфортно смотреть телевизор, дизайн большинства видеосервисов построен по принципу «десятифутового UI».

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

Качественные примеры современного «десятифутового» интерфейса — Android TV^TM, tvOS, Amazon Fire TV, Roku и другие платформы. Устройством должно быть удобно управлять с нескольких метров, а это значит, что в интерфейсе операционной системы и отдельных приложений не следует размещать мелкий текст, иконки и другие небольшие элементы, уместные на мобильных устройствах и ПК.

Интерфейс Android TV: контент и иконки приложений представлены в виде крупных плиток. На одном экране не более двух десятков элементов.

Те же принципы лежат в основе интерфейсов tvOS от Apple, Roku, Tizen и других платформ умного телевидения.

В tvOS тоже нет слишком мелких элементов: их все нетрудно разглядеть с нескольких метров.

Зрители не хотят нажимать кнопки

Когда пользователь ищет фильм или сериал в стриминговом приложении на смартфоне, у него в распоряжении полноценная клавиатура: например, несложно ввести запрос «The Good, The Bad, The Ugly», чтобы найти итальянский спагетти-вестерн.

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

Так выглядят современные пульты умных телевизоров и приставок: нет полноразмерной клавиатуры, доступно только управление громкостью, навигация, иногда — отдельные кнопки стриминговых сервисов, но обязательно — голосовой поиск.

Даже создатели Android TV советуют разработчикам приложений сосредоточиться на голосовом вводе и не заставлять пользователей печатать:

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

Такие шаблоны Apple предлагает использовать при разработке приложений для tvOS. Соблюдаются принципы «десятифутового» интерфейса.

Оригинальные рекомендации по дизайну приложений для больших экранов дает Amazon Fire TV: там просят не размещать важные элементы интерфейса по краям экрана. Совет относится не только к эстетике и удобству — некоторые телевизоры обрезают эту область изображения, так что пользователь ее не видит.

Руководство разработчика Amazon Fire TV советует размещать любой текст и графику внутри синей (безопасной) области.

Создателям приложений для Amazon Fire TV рекомендуют использовать крупные шрифты — например, для интерфейса 720p основной шрифт должен быть больше 19 пикселей в высоту, для 1080p — больше 28 пикселей.

Интерфейсы становятся доступнее

«Десятифутовые» интерфейсы рассчитаны на зрителей с нормальным зрением, и поэтому подходят не всем: по данным ВОЗ, почти у 2,2 миллиарда людей зрение нарушено. В США и Европе проживает более 60 миллионов таких людей. Но это не значит, что им не интересно смотреть фильмы и сериалы.

В 2017 году сотрудники телекоммуникационной корпорации Comcast провели исследование и выяснили, что 96% слепых и слабовидящих смотрят телевизор каждый день. Но больше половины из них жалуются на то, что им трудно находить контент.

Поэтому в Android TV есть TalkBack — система, озвучивающая всё, что происходит на экране. В Apple TV добавили лупу Zoom для увеличения изображения и функцию VoiceOver, чтобы зачитывать вслух текст с экрана. В Roku также есть встроенный аудиогид. Кроме того, все эти и другие платформы предлагают голосовой поиск, поэтому зрителям не приходится набирать текст на пульте или клавиатуре.

Android TV позволяет настроить размер и цвет субтитров.

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

Пользователь — центр телевизионной экосистемы. Операторы внедряют лучший UI/UX, чтобы как можно сильнее вовлечь старую и привлекать новую аудиторию. Платформы вроде Android TV, Apple TV, Roku, RDK и даже кастомизированные Linux-решения созданы для того, чтобы предложить людям лучший пользовательский опыт. Сегодня у нас есть голосовые помощники, экранные лупы и «десятифутовые» дизайны, но только время покажет, куда эволюция заведёт интерфейсы в будущем.

Recommended

Контроль и безопасность данных гостей в гостиничном IPTV

Гостиничный номер всегда воспринимался как пространство, где гость может расслабиться и чувствовать себя в безопасности. Но по мере того как в номерах появляются Smart TV, стриминговые сервисы и интерактивные функции, привычная логика меняется. Теперь задача отелей – обеспечить не только комфорт, но и безопасность данных гостей.

Role-based access control в IPTV-проектах: зачем он нужен операторам

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

Как улучшить удержание аудитории с помощью «умных» push-уведомлений

На современном рынке IPTV конкуренция за внимание зрителя становится не менее жёсткой, чем борьба за контент. Пользователь легко переключается между сервисами, а мобильные и OTT-платформы уже приучили его к персональному взаимодействию с приложением. Поэтому операторы всё чаще рассматривают push-уведомления не просто как техническую функцию, а как инструмент управления жизненным циклом клиента. Если использовать их правильно, они способны снижать уровень оттока, повышать вовлечённость пользователя.