Как сделать дизайн навыка в чате?

Содержание:

Типы навыков
UI компоненты текстового способа ввода
Требования к ресурсам

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

Далее рассматривается тип навыков, в котором используется и интерфейс, и голос.

Какие UI компоненты используются в этом типе навыков?

Suggestion

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

Хороший пример использования suggestion — это навык «Йога для глаз»:

Action

Они представляют из себя спич-бабл с текстовой информацией и кнопкой для перехода на внешний ресурс. Рекомендованное поведение экшенов — это переход на сайт.

Списки

Списки бывают двух видов:

с картинками
без картинок

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

1x 60/60
1,5x 90/90
2x 120/120
3x 180/180
3,5x 210/210
4x 240/240

Карточка

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

Ссылки

Анастасия Вишневская. Как выбрать правильный компонент при дизайне навыка? // Школа Алисы. 2018-2019