Список

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

Пример

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

Требования

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

Имя поля Необходимый? Ограничения/Настройки
Название списка Нет
  • Настраиваемое семейство и цвет шрифта.
  • Рекомендуется максимум 1 строка.
  • Высота карточки сворачивается, если заголовок не указан.
Основной текст Да
  • Название каждого элемента должно быть уникальным (для поддержки голосового выбора).
  • Простой текст. Фиксированный шрифт и размер.
  • Макс 1 строка. Дополнительные символы будут обрезаны многоточием.
Вторичный текст

Также называется телом или форматированным текстом.

 Нет
  • Простой текст. Фиксированный шрифт и размер.
  • Максимум 2 строки. Дополнительные символы будут обрезаны многоточием.
Изображение товара Нет
  • Изображения появляются справа.
  • Настраиваемая форма изображения (скошенные или закругленные углы).
</td>

Количество предметов

  • Максимум: 10
  • Минимум: 2

Последовательность

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

Интерактивность

  • Проведите по экрану: проведите карусель, чтобы открыть разные карты.
  • Касание: когда пользователи касаются элемента, название элемента принимается в качестве ввода пользователя, начиная следующий поворот в диалоговом окне.
  • Голос/клавиатура: ответ с названием карты аналогичен выбору этого элемента.

Руководство

Списки в основном используются для просмотра и выбора заголовков. Хотя у вас может быть от 2 до 30 элементов списка, мы рекомендуем использовать от 2 до 10.

Используйте списки, чтобы помочь пользователю выбрать контент, который:

  • можно наиболее осмысленно просматривать, просматривая короткие заголовки или описания (например, названия песен, имена контактов, названия событий, темы сеансов).
  • пользователю может потребоваться сканировать и сравнивать во время просмотра (например, цены на акции)

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

Делать.

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

Не.

Не повторяйте слова или фразы в заголовках, например, «42 и его отношение к…». Они не помогают однозначно идентифицировать элемент, а заголовок будет слишком длинным, чтобы уместиться на экране.

Пространство ограничено, поэтому загружайте информацию заранее, предоставляя пользователям сначала самую важную информацию.

Делать.

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

Не.

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

Пользователям требуется время, чтобы визуально просмотреть все на экране, поэтому убедитесь, что контент повышает ценность.

Делать.

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

Не.

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

Если есть только 1 вариант, то нет необходимости предоставлять пользователю список на выбор. В Actions on Google можно создавать списки только из двух и более элементов.

Делать.

Вместо списка из 1 элемента предоставьте пользователю дополнительную информацию о 1 доступном для него варианте.

Не.

Не заставляйте пользователя выбирать, когда есть только один вариант.

Назад
Карусель
Далее
Реакция СМИ