Навыки Алисы/Как выбрать правильный компонент при дизайне навыка
Как сделать дизайн навыка в чате?
Содержание:
- Типы навыков
- 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