Карусель
Пример
Вот пример того, как выглядит карусель, когда все обязательные и необязательные поля заполнены.
![](https://developers.google.cn/static/assistant/conversation-design/images/carouselmapped.png?hl=ru)
Требования
Этот визуальный компонент в настоящее время поддерживает настройку .
Имя поля | Необходимый? | Ограничения/настройки |
---|---|---|
Изображение товара | Нет |
|
Карточный фон | Нет |
|
Основной текст | Да |
|
Вторичный текст Также называется основным или форматированным текстом. | Нет |
|
Количество предметов
- Максимум: 10
- Минимум: 2
Последовательность
Все элементы в карусели должны содержать одни и те же поля — например, если один элемент содержит изображение, то все элементы в карусели должны содержать изображения.
Интерактивность
- Проведите пальцем по карусели, чтобы открыть разные карты.
- Касание: когда пользователи касаются элемента, название элемента принимается в качестве пользовательского ввода, начиная следующий ход в диалоговом окне.
- Голос/Клавиатура: ответ с названием карты аналогичен выбору этого элемента.
Руководство
Карусели в основном используются для просмотра и выбора изображений.
Используйте карусели, чтобы помочь пользователю выбрать контент, который:
- можно наиболее осмысленно просматривать с помощью сканирования изображений (например, постеры фильмов, обложки альбомов, рецепты, одежда)
- могут быть осмысленно разделены на прямоугольные фрагменты (например, твиты, новости)
Используйте заголовки, которые уникальны и удобны для разговора.
![](https://developers.google.cn/static/assistant/conversation-design/images/titles-do.png?hl=ru)
Делать.
Название каждого элемента должно быть как можно короче, но при этом оставаться отличным от других элементов.
![](https://developers.google.cn/static/assistant/conversation-design/images/titles-dont.png?hl=ru)
Не.
Никогда не используйте одно и то же название для нескольких элементов. И избегайте названий, которые очень похожи.
Представьте карусель с кратким обзором .
- Сколько предметов в карусели (например, «В вашем списке желаний 7 предметов».)
- Почему были выбраны именно эти товары (например, «Вот наши самые популярные букеты»).
- Любые критерии выбора элементов (например, «концерты на этих выходных»)
- В каком порядке расположены элементы (например, «начиная с самого последнего порядка», если в обратном хронологическом порядке)
![](https://developers.google.cn/static/assistant/conversation-design/images/overview-do.png?hl=ru)
Делать.
Сообщите пользователю, почему вы предложили именно эти элементы.
![](https://developers.google.cn/static/assistant/conversation-design/images/overview-dont.png?hl=ru)
Не.
Не оставляйте пользователя в недоумении, почему ваше действие показывает именно эти элементы.
![](https://developers.google.cn/static/assistant/conversation-design/images/choice-do.png?hl=ru)
Делать.
Дайте пользователю понять, что ему нужно выбрать что-то из карусели. Здесь чипы позволяют им выбрать «ничего из этого» или уточнить результаты (например, показывая только «лоскутные кроссовки»).
![](https://developers.google.cn/static/assistant/conversation-design/images/choice-dont.png?hl=ru)
Не.
Не показывайте пользователю карусель. Задайте им вопрос таким образом, чтобы было ясно, что произойдет, если они выберут предмет.