Explore

Раздел уведомлений и верстка таблиц

Conversation history

Контекст

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

User stories

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

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

Как это реализовано сейчас

1. Узнать о событиях в диалоге можно только выгрузив логи сессий c подробными файлами технической информации.

⁠

2. Проверить правильность распознанных ботом фраз юзера можно только перейдя в раздел Training.

⁠

⁠

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

Решение

Наиболее наглядным вариантом отображения является таблица, в которой каждая строчка отображает, что происходило в каждом стейте диалога:

показаны интенты и энтити, распознанные ботом;

в сообщениях пользователя энтити подсвечиваются

Из выбранного конверсейшена можно перейти в раздел Training.

⁠

⁠

Редизайн раздела уведомлений

Контекст

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

Уведомления можно посмотреть как на отдельной странице, так и прямо из портального хедера. Есть опция отметки сообщений как прочитанные.

⁠

⁠

Проблемы

1. Неудобная навигация по разделам уведомлений, поэтому сложно найти нужное

2. Неадаптированная таблица в мобильной версии

3. Один аккаунт могут использовать сразу несколько пользователей с разными ролями. Поэтому в этом кейсе нужна возможность возвращать статус непрочитанного сообщения.

Решение

Вместо аккордеона категорий уведомлений используем табы как привычную навигацию по разделам

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

Статус сообщений

Добавили тоггл фильтрации только непрочитанных сообщений

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

⁠

⁠

Новый сайдбар уведомлений

⁠

Следующий кейс

⁠

⁠

Voximplant site | Продуктовые и разводящие страницы, документация

⁠

Подробнее →⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.