Список

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

Пример

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

Требования

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

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

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

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

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

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

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

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

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

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

Руководство

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

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

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

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

Делать.

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

Не.

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

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

Делать.

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

Не.

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

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

Делать.

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

Не.

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

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

Делать.

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

Не.

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

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