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

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

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

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

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

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

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

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

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


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

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

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

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