ym88659208ym87991671
Графический интерфейс | Документация для разработчиков
Skip to main content

Графический интерфейс

Обновлено 01 ноября 2022

Интерфейс смартапа зависит от типа приложения и может быть представлен как в виде простого чата с пользователем (Chat App), так и в виде полноценного веб-приложения (Canvas App) или android-приложения (Native App).

Chat App

Текстовый ответ

Сообщения ассистента в чате с пользователем.

Текст сообщения на экране может отличаться того, что произнесет ассистент. Сообщения передаются в ответе ассистента, в поле items.bubble.

Сообщения должны быть короче 2000 символов.

Пример поля items.bubble, которое передается в ответе ассистента:

Демо
Код
JSON
Загрузка...

В зависимости от инструмента, текстовые ответы передаются с помощью:

Подсказки

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

Пример массива подсказок suggestions.buttons, который передается в ответе ассистента:

Демо
Код
JSON
Загрузка...

В зависимости от инструмента, подсказки передаются с помощью:

Изображение

Ответ в виде изображения в чате с пользователем.

Изображения должны соответствовать требованиям:

  • Размер — менее 500 Кб;
  • Формат — jpg, png или bmp;
  • Рекомендуемое соотношение сторон — 3:2;
  • Рекомендуемое разрешение — больше 1024×682 пикселей.

Пример содержит код карточки типа list_card, с помощью которой можно передавать изображения в ответах ассистента:

Демо
Код
JSON
Загрузка...

В зависимости от инструмента, изображения передаются с помощью:

Карточка

Ответ в виде карточки, которая содержит: заголовок, описание, изображение и кнопку.

Пример карточки list_card, которую можно передать в поле items.card ответа ассистента:

Демо
Код
JSON
Загрузка...

В зависимости от инструмента, карточки передаются с помощью:

Список

Ответ в виде карточки со списком.

Пример списка в карточке list_card, которую можно передать в поле items.card ответа ассистента:

Демо
Код
JSON
Загрузка...

В зависимости от инструмента, изображения передаются с помощью:

Галерея изображений

Ответ в виде горизонтальной галереи карточек.

Галерею можно добавить только с помощью карточек типа gallery_card, которые передаются в ответе ассистента.

Демо
Код
JSON
Загрузка...

Canvas App и Native App

Интерфейс веб-приложений и android-приложений может быть любым.

Вам будет проще разрабатывать интерфейсы Canvas App, выдержанные в стиле ассистентов Салют, с помощью дизайн-системы Plasma.

Вы так же можете использовать готовый шаблон Canvas App.

Смотрите также

Заметили ошибку?

Выделите текст и нажмите Ctrl + Enter, чтобы сообщить нам о ней