Следуйте этим рекомендациям при проектировании приложений для работы на больших экранах: для телевизоров с Салют ТВ и медиаприставок SberBox и SberBox Top.
Особенности экрана
Люди обычно смотрят телевизор на расстоянии нескольких метров, поэтому элементы интерфейса должны быть достаточно крупным, а текст читаемым с такого расстояния. Элементы интерфейса должны быть контрастными и различимыми при любом освещении.
Акцент на графический интерфейс
Пользователь в первую очередь фокусируется на интерфейсе и его элементах. Выносите в интерфейс ключевую информацию о работе приложения, так как на слух пользователь может не воспринять информацию, особенно при включенном режиме Mute.
Голос для упрощения ввода и поиска
Голосом заполнить поля или искать информацию быстрее и проще, чем с помощью клавиатуры на телевизоре. Добавляйте в приложения голосовые команды для ввода текста и поиска и делайте подсказки о таких возможностях.
Также пользователи могут использовать голосовые команды в случае, если дойти до нужного места требует от них более трех нажатий на пульте.
Навигация голосом и жестами
Пользователи могут управлять устройствами SberBox Top и SberBox Time, используя только голос, без пульта. В таких ситуациях меняется контекст использования устройства: пользователи могут проходить сценарий без фокуса на интерфейсе, например, находясь на расстоянии от устройства или занимаясь своими делами. Для этого необходимо предусмотреть полноценную голосовую навигацию.
Также SberBox Top поддерживает управление жестами. Это ускоряет навигацию, а также может быть полезно в ситуациях, когда говорить голосом неудобно.
Пульт
Активация ассистента
Для использования голосовых команд пользователь активирует ассистента через кнопку Салют на пульте. Это создает дополнительное условие: чтобы пользоваться приложениями, нужно держать пульт в руке.
Если приложение должно помогать людям, когда у них заняты руки, то увеличивайте время сценария без использования ассистента и пульта или выберите SberPortal для реализации этой идеи.
Приоритетная навигация
Навигация должна быть естественной и знакомой для пользователя. При этом она не должна отвлекать внимание от контента. Упростите доступ: пользователи хотят получать контент быстро и с минимальным количеством кликов.
Сделайте навигацию простой и не усложняйте интерфейс, добавляя ненужные уровни навигации. Используйте для этого цвет, размер, анимацию или комбинацию этих атрибутов.
События нажатия кнопок
События нажатия кнопок умных устройств Sber аналогичны событиям нажатия стандартных клавиш клавиатуры Android:
| Кнопка на пульте | Код нажатия клавиши на клавиатуре Android |
|---|---|
| Включить/Выключить | KeyEvent.KEYCODE_POWER = 26 |
| Отключить звук | KeyEvent.KEYCODE_VOLUME_MUTE = 164 |
| Вверх | KeyEvent.KEYCODE_DPAD_UP = 19 |
| Вправо | KeyEvent.KEYCODE_DPAD_RIGHT = 22 |
| Вниз | KeyEvent.KEYCODE_DPAD_DOWN = 20 |
| Влево | KeyEvent.KEYCODE_DPAD_LEFT = 21 |
| Ок | KeyEvent.KEYCODE_DPAD_CENTER = 23 |
| Назад | KeyEvent.KEYCODE_BACK = 4 |
| Вызов ассистента. Активирует микрофон | KeyEvent.KEYCODE_SEARCH = 84 |
| Домой | KeyEvent.KEYCODE_HOME = 3 |
| Увеличение громкости | KeyEvent.KEYCODE_VOLUME_UP = 24 |
| Уменьшение громкости | KeyEvent.KEYCODE_VOLUME_DOWN = 25 |
Настройки навигации
- Подпишитесь на события нажатия клавиш клавиатуры. Это позволит вашему смартапу получать и обрабатывать информацию о нажатиях на кнопки пульта.
- Загрузите Spatial Navigation, чтобы с помощью пульта переключать фокус между элементами на основе их расположения на экране.