В Purrweb написали о дизайне приложений для телевизоров.
— Делайте элементы интерфейса достаточно большими, чтобы они читались с 3 метров. Особенно текст, значки и указатели. Тестируйте макеты на реальных устройствах;
— Состояние фокуса, отражающее положение пользователя на экране, должно быть особенно выразительным;
— Учитывайте возможности пульта. Если он слишком простой, какие-то функции можно вынести в связанный с телевизором телефон;
— Не усложняйте логику приложения. Человек перед телевизором хочет откинуться на спинку кресла и отдохнуть;
— Тёмная тема должна быть основной. Фильмы и сериалы часто смотрят в темноте;
— Добавьте возможность завести несколько профилей. Обычно телевизором пользуется несколько человек. Так зрительские предпочтения конкретного человека не будут видны на начальном экране;
— Проверяйте дизайн в том числе и на устаревших телевизорах. Их не принято обновлять каждые 2–3 года. Например, на старых телевизорах цветная обводка небольших объектов может стать слишком незаметной и стать негодной для состояния фокуса.
#tv
— Делайте элементы интерфейса достаточно большими, чтобы они читались с 3 метров. Особенно текст, значки и указатели. Тестируйте макеты на реальных устройствах;
— Состояние фокуса, отражающее положение пользователя на экране, должно быть особенно выразительным;
— Учитывайте возможности пульта. Если он слишком простой, какие-то функции можно вынести в связанный с телевизором телефон;
— Не усложняйте логику приложения. Человек перед телевизором хочет откинуться на спинку кресла и отдохнуть;
— Тёмная тема должна быть основной. Фильмы и сериалы часто смотрят в темноте;
— Добавьте возможность завести несколько профилей. Обычно телевизором пользуется несколько человек. Так зрительские предпочтения конкретного человека не будут видны на начальном экране;
— Проверяйте дизайн в том числе и на устаревших телевизорах. Их не принято обновлять каждые 2–3 года. Например, на старых телевизорах цветная обводка небольших объектов может стать слишком незаметной и стать негодной для состояния фокуса.
#tv
vc.ru
Как задизайнить приложение на смарт-ТВ: 7 советов, проверенных на практике — Дизайн на vc.ru
Телевизоры становятся умнее, и мы в Purrweb стараемся от них не отставать. Не так давно мы сделали свой первый проект для смарт-ТВ, в котором отвечали за дизайн и разработку. Теперь хотим поделиться опытом: какой интерфейс советуют делать телевизионные гиганты…
Вячеслав Андреев написал об адаптации мобильного браузера под ТВ.
— В среднем телевизоре железо слабее, чем в среднем телефоне. Придётся отказаться от анимаций и некоторых функций вроде вкладок (каждая вкладка требует памяти и вычислительной мощности);
— Стоит адаптировать UI-ресурсы с учётом других разрешений экранов, чтобы интерфейс не выглядел размытым;
— С телевизором человек использует пульт, поэтому лучше отказаться от лишних меню и оставить главное — поисковую строку;
— В навигации между несвязанными сайтами поможет история посещённых сайтов и блок с избранными сайтами;
— Из меню стоит убрать всё, чем не удобно пользоваться на ТВ, и оставить: Назад, Домашняя страница, Обновить, Добавить в избранное, Изменить адрес сайта;
— Пользователю надо понимать, какой элемент сейчас выделен (что произойдёт при нажатии «Ок» на пульте), но такого состояния может не быть на устройствах с сенсорным экраном. И выделение элементов может работать не на всех сайтах. Решение: курсор, который можно перемещать по экрану;
— Для курсора может потребоваться отдельный режим скролинга;
— С пульта неудобно вводить текст, поэтому стоит добавить голосовой ввод с микрофона на пульте. И особенно полезны подсказки при вводе.
#tv
— В среднем телевизоре железо слабее, чем в среднем телефоне. Придётся отказаться от анимаций и некоторых функций вроде вкладок (каждая вкладка требует памяти и вычислительной мощности);
— Стоит адаптировать UI-ресурсы с учётом других разрешений экранов, чтобы интерфейс не выглядел размытым;
— С телевизором человек использует пульт, поэтому лучше отказаться от лишних меню и оставить главное — поисковую строку;
— В навигации между несвязанными сайтами поможет история посещённых сайтов и блок с избранными сайтами;
— Из меню стоит убрать всё, чем не удобно пользоваться на ТВ, и оставить: Назад, Домашняя страница, Обновить, Добавить в избранное, Изменить адрес сайта;
— Пользователю надо понимать, какой элемент сейчас выделен (что произойдёт при нажатии «Ок» на пульте), но такого состояния может не быть на устройствах с сенсорным экраном. И выделение элементов может работать не на всех сайтах. Решение: курсор, который можно перемещать по экрану;
— Для курсора может потребоваться отдельный режим скролинга;
— С пульта неудобно вводить текст, поэтому стоит добавить голосовой ввод с микрофона на пульте. И особенно полезны подсказки при вводе.
#tv
Хабр
Из микро в макро: как адаптировать мобильное приложение под ТВ-платформу
Рано или поздно Android-разработчику станет любопытно попробовать новые платформы. Устройств с этой ОС много — есть из чего выбрать. Например, сейчас набирает популярность разработка под умные...
Алексей Тюрин написал, как обезопасить ввод пинкода на телевизоре, когда экран видят другие люди.
— Пинкод закрывает детям и сожителям доступ к настройкам телевизора, подпискам и покупкам, платёжным данным. Особенно актуально, если телевизор находится в публичном месте;
— Также им можно ограничить детей от взрослого контента;
— Люди могут использовать тот же пинкод, например, в банковском приложении, что повышает ставки, если кто-то подсмотрит его во время ввода на телевизоре;
— Раньше не было проблемы ввести код, не выбирая цифры на экране, так как цифры были на пультах;
— Проблему легко решили на приставках (PlayStation, Steam): на контроллере много кнопок, которые можно нажимать вместо цифр;
— В Android TV, Sony Bravia, Samsung Tizen есть безопасный ввод: стрелками ↑ и ↓ на пульте пользователь выбирает на экране группу цифр (1-2-3, 4-5-6, 7-8-9), а кнопками ←, OK, → незаметно для стороннего наблюдателя выбирает левую, правую или центральную цифру в группе;
— Коды иногда используют для отключения родительского контроля. Если ребёнок дошкольного возраста, вместо пинкода для разблокировки взрослого контента можно просто просить ввести решение несложного математического выражения (3×8=?) или цифры, написанные на экране словами (Zero, One, Zero, Two);
— Стоит ожидать появления разблокировки отпечатком пальца или лицом через встроенные в пульт сенсоры.
#tv #log_in
— Пинкод закрывает детям и сожителям доступ к настройкам телевизора, подпискам и покупкам, платёжным данным. Особенно актуально, если телевизор находится в публичном месте;
— Также им можно ограничить детей от взрослого контента;
— Люди могут использовать тот же пинкод, например, в банковском приложении, что повышает ставки, если кто-то подсмотрит его во время ввода на телевизоре;
— Раньше не было проблемы ввести код, не выбирая цифры на экране, так как цифры были на пультах;
— Проблему легко решили на приставках (PlayStation, Steam): на контроллере много кнопок, которые можно нажимать вместо цифр;
— В Android TV, Sony Bravia, Samsung Tizen есть безопасный ввод: стрелками ↑ и ↓ на пульте пользователь выбирает на экране группу цифр (1-2-3, 4-5-6, 7-8-9), а кнопками ←, OK, → незаметно для стороннего наблюдателя выбирает левую, правую или центральную цифру в группе;
— Коды иногда используют для отключения родительского контроля. Если ребёнок дошкольного возраста, вместо пинкода для разблокировки взрослого контента можно просто просить ввести решение несложного математического выражения (3×8=?) или цифры, написанные на экране словами (Zero, One, Zero, Two);
— Стоит ожидать появления разблокировки отпечатком пальца или лицом через встроенные в пульт сенсоры.
#tv #log_in
Оди. О дизайне
Ввод ПИН-кода на ТВ: как сделать его безопасным — Оди. О дизайне
Согласно российскому законодательству при запуске всех онлайн-кинотеатров требуется ввод пин-кода. Я решил изучить эту проблему глубже и выяснить: какие типы ПИН-кодов бывают, всегда ли нужно запоминать ПИН-код, есть ли альтернативы и, самое главное, что…