Ростелеком
4157

Приложения на телевизорах: чем они отличаются от мобильных

С какой стороны подойти к разработке, и в чём головная боль — рассказывает менеджер по продукту видеосервиса Wink.

В закладки

Многообразие телевизоров: от квадратных до «умных»

Из всех телевизоров, которые мы подключаем к интерактивному телевидению, 40% — это устройства с квадратным разрешением 4:3. Но их владельцы постепенно переходят на недорогие китайские плазмы, работающие на Android — те стоят 10-15 тысяч рублей и относительно доступны, поэтому доля престарелых телевизоров сужается.

Из остальных 60% можно выделить пласт телевизоров конца нулевых: это широкоформатные экраны, с хорошей картинкой и звуком, но они всё ещё не поддерживают приложения — таких около 7%. Оставшиеся 53% относятся к Smart TV.

Smart TV — это маркетинговое название технологии, как 4K. Название подразумевает, что эти телевизоры можно подключить к интернету и устанавливать на них можно приложения. Внутри этого сегмента широкая «палитра» производителей: недавно там появился даже Xiaomi. Сюда же относятся и телевизоры с операционными системами на базе Android: либо телевизионного, либо мобильного, но адаптированного под пульт — в обоих случаях можно что-то установить и даже поиграть в игры.

Было заметно, как с рынка пропали телевизоры Philips и Toshiba, но они возвращаются с разработкой, сделанной на базе оболочки браузера Opera. По аналогии с Google Chrome, который сделан на движке Chromium — тот распространяется свободно и его используют в массе разных индустрий.

В основном рынок делят между собой Samsung и LG. У каждого гиганта есть своя операционная система — это Tizen и WebOS и свои магазины приложений. Следом по популярности — Android TV, а замыкают четвёрку операционные системы на Linux.

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

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

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

Но технологические гиганты не видят смысла ставить в телевизоры более совершенную «начинку»: там не развит рынок игр, а пользователи, как правило, докупают приставки — Apple TV, PlayStation или ростелекомовскую.

Развитие рынка приложений притормаживает основная телевизионная аудитория — она достаточно возрастная и с осторожностью относится ко всему новому. Если в приложениях появляются эксклюзивные сериалы или спортивные трансляции, то привыкание идёт легче. Поэтому продавцы телевизоров нередко раздают промокоды, отправляя зрителей в приложения.

Последние исследования показывают, что взрослая аудитория пересаживается на планшеты — с одной стороны, они покидают телевизоры, с другой — активнее приобщаются к приложениям и переносят этот опыт.

Разработка телевизионного приложения: тонкости и ограничения

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

Затем одновременно начинают работать дизайнеры и разработчики. Их взаимодействие критически важно даже на этапе, когда ещё ничего не сделано — иначе мы нарисуем интерфейсы, которые нельзя будет воплотить.

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

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

Основной нюанс при разработке — другое поведение пользователя. На смартфонах все привыкли листать, тапать, свайпать. А приложения под Smart TV больше похоже на сайты времён WAP — раннего мобильного интернета. Навигация в телевизорах осуществляется в духе «вниз-вправо-назад». Поэтому разработкой на каждой платформе занимается своя команда: кто-то делает приложения под iOS, другие — под телевизоры.

Пересадить разработчика делать приложение Smart TV после Android невозможно: разные механизмы вещания, архитектура кода, управление. Нельзя сказать, что телевизионные приложения — это начальная ступень для разработчиков: это очень своеобразная среда, в которую нельзя моментально попасть, ещё вчера верстая лендинги на HTML. Там тоже есть бэкенд, а также сложный код, скрипты и взаимодействия с пультами.

Первый макет главного экрана был нарисован в ноябре 2017 года

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

Аэромышь в работе

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

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

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

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

Процесс: релиз в магазине приложений

В 2012 году любое приложение на телевизоры можно было опубликовать за неделю, но и количество откровенно «удивительных» разработок было велико. Теперь основные производители, Samsung и LG, заметно усложняют процесс ревью — процесс проверки приложений на ошибки. Эта ситуация противоположна мобильному рынку, где Apple и Google стараются ослабить контроль.

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

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

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

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

Ошибки, которые находят тестеры, делятся на две группы: критические и минорные. Если есть хоть одна критическая, приложение не будет опубликовано. К ним относятся серьёзные проблемы: нельзя авторизоваться, проиграть видео, что-то купить. Тестеры запишут на видео и саму ошибку, и пошагово покажут, как на неё наткнулись.

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

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

— А где это в документации?

— Ну, нету.

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

Коллекционировать все подряд телевизоры мы тоже не можем, хотя имитируем поведение российского покупателя — смотрим на отзывы, соотношение цены и качества, приобретаем популярные устройства. Сейчас наш парк составляет около 25 моделей, часть из которых пришлось искать на «Авито» — производитель уже снял их с производства.

Ещё один нюанс: нам не сообщают заранее об обновлении заводских прошивок. Они тихо установятся, а наше приложение перестанет работать сразу на всех актуальных моделях.

— А что случилось? Почему не работает?

— Да и не должно, мы обновили прошивку.

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

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

Samsung работают скорее в режиме «отписок»: единственный способ обращения — через основной портал. Возможно, на «тикеты» когда-нибудь ответят. С Android таких проблем нет — после первого обзора релиз всегда будет занимать четыре часа.

Так выглядит общение с техподдержкой Samsung в консоли

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

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

  • Совпадающее разрешение, потому что телевизионные приложения не умеют адаптироваться под размер экрана.
  • Нельзя показывать взрослый контент без предупреждения, а эротику — совсем нельзя.

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

Любопытно, что в магазинах телевизионных приложений совсем не развита рейтинговая система. Есть только звёздочки, но что-то по ним понять невозможно — магазины не отдают статистику по количеству проголосовавших зрителей.

Если пользователь совсем недоволен, он идёт жаловаться в App Store или Google Play — там легче ввести отзыв, несмотря на то, что это вообще другое приложение. Классикой стало, что люди жалуются на платный контент — обвиняют приложение на Smart TV в желании нажиться и снижают наш рейтинг в магазине Apple.

Кроссплатформенная претензия от пользователя

Самым эффективным способом получить обратную связь остаётся личное сообщение по заполненным полям в профиле — отправить письмо на почту с просьбой оценить работу, например.

Что ждёт телевизоры дальше

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

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

Основные изменения будут касаться качества изображения: станут популярны 8K-телевизоры, будут совершенствоваться матрицы и технологии подсветки. Нельзя сказать, что это кардинальные изменения, но цветопередача и детализация станут лучше. Из последних маркетинговых фишек — разработка гибких экранов и использование телевизора, как настенной картины.

Телевизор-картина в раме. При помощи сенсора он подстраивает свою яркость под окружение

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

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

А вот камеры в телевизорах уже были — это пройденный этап. В телевизорах LG ещё пять лет назад можно было переключать каналы по взмаху рук. Ещё телевизоры с камерой могли понять, что перед ними никого нет и выключиться, а зрители использовали камеры для общения в Skype. Это осталось игрушкой, как и 3D-очки: сложно обучить пользователя новым паттернам поведения — взмахам рук.

{ "author_name": "Ростелеком", "author_type": "editor", "tags": [], "comments": 13, "likes": 22, "favorites": 22, "is_advertisement": false, "subsite_label": "rt", "id": 80095, "is_wide": true, "is_ugc": false, "date": "Thu, 22 Aug 2019 12:30:29 +0300", "is_special": false }
0
{ "id": 80095, "author_id": 256314, "diff_limit": 1000, "urls": {"diff":"\/comments\/80095\/get","add":"\/comments\/80095\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/80095"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 256314, "last_count_and_date": null }
13 комментариев
Популярные
По порядку
Написать комментарий...
5

По-моему скайп с телеков зря убрали (хотя это ограничение самого Скайпа в случае с Самсунгом).
Простой пример: хочется пообщатьсья с бабушками-дедушками. Купил такой телек (со встроенной камерой или отдельной), показал куда 2 раза кликнуть и готово.

Общайтесь каждыйми вечерами.

Вместо этого приходится покупать комп (планшет) и объяснять куда тыкать. Причём планшет для них служит только для скайпа и не более, остальное время он простаивает.

Ответить
1

Вторая мысль.
За последние 5 лет не использовал телевизор практически.
Только для того, чтобы посомтреть фильм (но там игры с подключением планшета, компа и т.д).

Сейчас очередной переезд и думаю, а нужна ли мне плазма за 400-1000 евро, чтобы включать её 1 раз в неделю.

Ответить
1

А сколько осталось времени до закрытия Wink? Год, два, три или? Интересуют мнения VC аудитории.

Ответить
1

Спасибо, интересно было. Понял две вещи
- как разработчик, лезть сюда не буду
- как потребитель, не буду надеяться, что телевизор сам по себе запустит какой-нибудь Galaxy on Fire. Хотя игрушка старая, может и пойдет )

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

Ответить
0

во многих смартах даже реклама их подвешивает, а не то что игрушка

Ответить

Комментарий удален

0

Открою секрет. Планшет и даже мобильный телефон интерфейсно отличаются от ТВ только наличием одного дополнительного состояния — «Focused». Размеры компенсируются расстоянием взаимодействия с устройством, и больше никакой разницы между ними нет. Т.е. мы берём дизайн мобилы и ставим в телек прям как есть. Вот прямо как на первой гифке, прям из одного UI-кита или дизайн-системы. Мало того, тоже самое и с Apple TV, Android TV, PS4, xBox, Roku и т.д.

Ответить
0

1. У телевизора другой контекст использования. От этого могут меняться сценарии.
2. Пультами не так удобно так же удобно наводиться, как тыкать пальцем (видно на гифке). Это влияет на размерность интерфейса.
Из-за тех же пультов удобнее перемещаться по клавишам вверх, вниз, вправо и влево. Если интерфейс не подразумевает такое использование (а мобильный такое редко подразумевает), то пользоваться будет сложновато.

Ответить
0

Использовать удобный редактор vc.ru? Что за бред!

Ответить
0

@wink мне чтобы пролистать 10 каналов из избранного, надо нажать 40 кнопок!!!

Вправо - влево - вниз - ок

Сделайте нормальные списки
Сделайте нормальный родительский контроль с исключением конкретных каналов

А потом пишите статьи на vc

Ответить
0

Поправка 30 кнопок
Ок - вниз - ок

Ответить
0

Ответы службы поддержки огонь у вас:

Ответить
0

Не ясно, почему стоит столько подписка? Идету путаница на сайте Ростелекома в стоимости.

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

Следующий момент, что приставка стоит конских денег с учётом, что вроде бы даже аренды нет.

Ответить
0

Воспользовался бесплатным месячным промокодом чтобы снова убедиться, что Wink то дно контент-проката что я помню. Интересно, на каких курсах программистов учат показывать видео в одном единственном качестве HD на мобильных устройствах (facepalm)

Ответить

Комментарий удален

{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ] { "page_type": "default" }