Интерфейс навыка

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

Типы интерфейсов

Выделяется три типа интерфейсов, в зависимости от которых вы выбираете поверхность для навыка.

Название Тип интерфейса Поверхности

GUI (Graphical user interface)

Графический

Сайт, приложение, интерфейс на часах, ТВ и др.

VUI (Voice user interface)

Голосовое управление

Умные колонки Яндекса

CUI (Conversational user interface)

Диалоговый

Голосовой помощник Алиса в приложении Яндекса

Название Тип интерфейса Поверхности

GUI (Graphical user interface)

Графический

Сайт, приложение, интерфейс на часах, ТВ и др.

VUI (Voice user interface)

Голосовое управление

Умные колонки Яндекса

CUI (Conversational user interface)

Диалоговый

Голосовой помощник Алиса в приложении Яндекса

Таким образом, к поверхностям с экраном относятся Алиса на Windows, приложение Яндекса, Яндекс Браузер и др. При этом устройства, которые поддерживают только голосовое управление (например, Яндекс Станция), не смогут отобразить графические элементы. Об этом нужно помнить при проектировании навыка.

Элементы интерфейса приложения Яндекс

Карточка

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

Доступные размеры карточки
  • 1 x 388/172
  • 1.5 x 582/258
  • 2 x 776/344
  • 3 x 1164/516
  • 3.5 x 1358/602
  • 4 x 1552/688
BigImage

Посмотреть в справочнике API

Список

Используется для перечисления возможностей навыка.

Доступные размеры списка
  • 1 x 60/60
  • 1.5 x 90/90
  • 2 x 120/120
  • 3 x 180/180
  • 3.5 x 210/210
  • 4 x 240/240
ItemsList

Посмотреть в справочнике API

Галерея изображений

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

Размер галереи изображений: 328 x 480.

ImageGallery

Посмотреть в справочнике API

Баблы и подсказки

Баблы показывают фразы пользователя и навыка.

Добавляйте подсказки для упрощения навигации или для возврата в ветку сценария после ошибки.

response.buttons

Посмотреть в справочнике API

Кнопки в баблах

Используются для перехода на внешний ресурс или в разделы меню.

Не используйте более 6 кнопок в одном бабле.

response.buttons

Посмотреть в справочнике API