Обзор визуальных компонентов

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

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

Когда создавать визуальные эффекты

Если вы следовали нашему процессу разработки диалогов , то вы начали с разработки для устройств без экрана, таких как Google Home. Это связано с тем, что правильно настроить поток разговора проще, если все находится в одном месте — голосовых подсказках.

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

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

Подумайте, какую информацию можно было бы лучше представить на экране. Задавайте такие вопросы, как:

  • Поможет ли это пользователям увидеть изображение того, что обсуждается?
  • Будет ли пользователю проще сделать выбор из визуального списка, а не из устного?
  • Есть ли дополнительный контент, который хоть и не критичен для беседы, но было бы полезно показать пользователям?


Где и как появляются визуальные эффекты

Очевидно, что визуальные эффекты будут отображаться только на устройствах с выводом на экран. Их размер и расположение будут автоматически изменены в соответствии с размером экрана, на котором они отображаются.
Визуальные эффекты никогда не будут появляться в одиночку. Они всегда будут сопровождаться голосовой подсказкой и/или подсказкой на дисплее. Они также должны сопровождаться чипсами.
Думайте об этих визуальных компонентах как о шаблонах с обязательными и необязательными полями. Все, что вам нужно сделать, это указать данные (т. е. текстовые строки, файлы изображений и т. д.), которые вы хотите отобразить. Подробную информацию о том, что вам нужно указать, см. в разделах «Требования» под каждым визуальным компонентом.

Типы визуальных компонентов

Визуальный компонент Описание
Базовая карта Используйте базовые карточки для отображения изображения и текста пользователям.
Просмотр карусели Карусели просмотра оптимизированы для того, чтобы пользователи могли выбирать один из многих элементов, когда эти элементы являются контентом из Интернета.
Карусель Карусели оптимизированы для того, чтобы пользователи могли выбрать один из множества элементов, когда эти элементы легче всего отличить по изображению.
Список Списки оптимизированы для того, чтобы пользователи могли выбрать один из множества элементов, когда эти элементы легче всего отличить по названию.
Реакция СМИ Медиа-ответы используются для воспроизведения и управления воспроизведением аудиоконтента, такого как музыка или другие медиафайлы.
Стол Таблицы используются для отображения статических данных пользователям в удобном для сканирования формате.