Интерфейс виджета для Чат - бота на сайте
10 257 RUBОпишите проект, для которого нужно разработать дизайн интерфейса:
Чат - бот, виджет на сайте
Краткий сценарий взаимодействия интерфейса с пользователем:
Боль пользователя: Получить ответ на свой вопрос
Пользователь заходит на сайт и открывает виджет чат - бота, он задаёт свой вопрос и выбирает наиболее подходящий ответ из списка.
После ознакомления со статьёй он может отправить жалобу, нажав кнопку“нет”, либо оставить свои контакты в чате после нажатия кнопки“Связаться со мной”.
Пользователь может отправить свой вопрос при помощи аудио сообщения, нажав на кнопку “Микрофон”, которая включит запись аудио.
Пользователь может нажать на кнопку и прослушать любое сообщение (например, статью)
При вводе сообщения пользователю показываются подсказки для ввода с возможными вопросами.
Основные элементы интерфейса:
Доступные сейчас:
Сохраняется история сообщений бота и пользователя
Кнопки выбора статей (от 1 до 5) и кнопки действий "Да"," Нет", "Связаться со мной", "Не нашёл свой ответ"(пример можно посмотреть на сайте - задайте вопрос боту)
Подсвечиваемые ссылки и email в тексте
Изображение (аватарка) бота, оператора и пользователя
Аудиоввод сообщения
Подсказки при вводе сообщения для выбора наиболее подходящей статьи
Аудио воспроизведение “ответа” и предлагаемых ботом вопросов
Иконка виджета чат - бота, по нажатию на которую открывается окно диалога.
Для дальнейшей реализации:
Бот может переключить на оператора, без действий со стороны пользователя (возможно замена картинки бота, уведомление о том, что сейчас с Вами общается оператор технической поддержки)
Отображение в диалоге картинок и видео (как со стороны пользователя, так и со стороны бота)
Отправка файлов
Нужно ли использовать визуальные образы, персонажи в дизайне интерфейса?
Персонажи: Бот, Пользователь, Оператор технической поддержки
Язык интерфейса:
Русский язык
Есть ли у вас сайт и фирменный стиль?
https://xn--80aaj5aiiy2b.xn--p1ai/index.html?system=faqsamozanyatie - ПРИМЕР того, как выглядит сейчас ЧАТ-БОТ на сайте
https://asknpd.ru/ - лендинг
Приложение asknpd.ru для IOS и Android
Должен ли быть интерфейс в фирменном стиле?
Нет (нужны свежие идеи)
Обозначьте главные и дополнительные цвета, которые нужно использовать в дизайне интерфейса:
Цвета - на ваше усмотрение. Цвета будут меняться автоматически из личного кабинета. В первую очередь интересует UX.
Есть ли прототип интерфейса?
Во вложении скриншоты виджета чата, требуется полностью переработать механизм работы виджета.
Что мы ждём от вас:
Небанальной переработки существующего виджета как с учётом внедрения дополнительного функционала, так и стилистической направленности.
Цвета, шрифты и иконки будут изменяемыми в личном кабинете.
Приложения 4
Победившая работа
Виолетты П.
Всем коллегам понравился результат. Видно профессионализм и желание сделать хорошо