Інтерфейс віджета для Чат - бота на сайті

Опишіть проект, для якого потрібно розробити дизайн інтерфейсу:

Чат-бот, віджет на сайті

Короткий сценарій взаємодії інтерфейсу з користувачем: 

Біль користувача: Отримати відповідь на своє питання

Користувач заходить на сайт і відкриває віджет чат-бота, він задає своє питання і вибирає найбільш підходящу відповідь зі списку.
Після ознайомлення зі статтею він може надіслати скаргу, натиснувши кнопку“ні”, або залишити свої контакти в чаті після натискання кнопки“Зв'язатися зі мною”.
Користувач може надіслати своє питання за допомогою аудіо повідомлення, натиснувши на кнопку “Мікрофон”, яка включить запис аудіо.
Користувач може натиснути на кнопку і прослухати будь-яке повідомлення (наприклад, статтю)

При введенні повідомлення користувачу показуються підказки для введення з можливими питаннями.

Основні елементи інтерфейсу:

Доступні зараз:

1. Зберігається історія повідомлень бота і користувача

2. Кнопки вибору статей (від 1 до 5) і кнопки дій "Так"," Ні", "Зв'язатися зі мною", "Не знайшов свого відповіді"(приклад можна подивитися на сайті - задайте питання боту)

3. Підсвічувані посилання та email в тексті

4. Зображення (аватарка) бота, оператора і користувача

5. Аудіовведення повідомлення  

6. Підказки при введенні повідомлення для вибору найбільш підходящої статті

7. Аудіо відтворення “відповіді” і запропонованих ботом питань

8. Іконка віджета чат-бота, по натисканню на яку відкривається вікно діалогу. 

Для подальшої реалізації:

1. Бот може переключити на оператора, без дій з боку користувача (можлива заміна картинки бота, повідомлення про те, що зараз з Вами спілкується оператор технічної підтримки)

2. Відображення в діалозі картинок і відео (як з боку користувача, так і з боку бота) 

3. Відправка файлів

Нужно чи використовувати візуальні образи, персонажі в дизайні інтерфейсу?

Персонажі: Бот, Користувач, Оператор технічної підтримки

Мова інтерфейсу:

Російська мова

Чи є у вас сайт і фірмовий стиль?

https://xn--80aaj5aiiy2b.xn--p1ai/index.html?system=faqsamozanyatie - ПРИМЕР того, як виглядає зараз ЧАТ-БОТ на сайті

https://asknpd.ru/ - лендінг

Додаток asknpd.ru для IOS і Android

Чи повинен бути інтерфейс у фірмовому стилі?

Ні (потрібні свіжі ідеї)

Позначте головні та додаткові кольори, які потрібно використовувати в дизайні інтерфейсу:
Кольори - на ваш розсуд. Кольори будуть змінюватися автоматично з особистого кабінету. В першу чергу цікавить UX.

Чи є прототип інтерфейсу?

У вкладенні скріншоти віджета чату, потрібно повністю переробити механізм роботи віджета.

Що ми чекаємо від вас:
Небанальної переробки існуючого віджета як з урахуванням впровадження додаткового функціоналу, так і стилістичної спрямованості.
Кольори, шрифти та іконки будуть змінюваними в особистому кабінеті.

Опишите проект, для которого нужно разработать дизайн интерфейса:

Чат - бот, виджет на сайте

Краткий сценарий взаимодействия интерфейса с пользователем: 

Боль пользователя: Получить ответ на свой вопрос

Пользователь заходит на сайт и открывает виджет чат - бота, он задаёт свой вопрос и выбирает наиболее подходящий ответ из списка.
После ознакомления со статьёй он может отправить жалобу, нажав кнопку“нет”, либо оставить свои контакты в чате после нажатия кнопки“Связаться со мной”.
Пользователь может отправить свой вопрос при помощи аудио сообщения, нажав на кнопку “Микрофон”, которая включит запись аудио.
Пользователь может нажать на кнопку и прослушать любое сообщение (например, статью)

При вводе сообщения пользователю показываются подсказки для ввода с возможными вопросами.

Основные элементы интерфейса:

Доступные сейчас:

1. Сохраняется история сообщений бота и пользователя

2. Кнопки выбора статей (от 1 до 5) и кнопки действий "Да"," Нет", "Связаться со мной", "Не нашёл свой ответ"(пример можно посмотреть на сайте - задайте вопрос боту)

3. Подсвечиваемые ссылки и email в тексте

4. Изображение (аватарка) бота, оператора и пользователя

5. Аудиоввод сообщения  

6. Подсказки при вводе сообщения для выбора наиболее подходящей статьи

7. Аудио воспроизведение “ответа” и предлагаемых ботом вопросов

8. Иконка виджета чат - бота, по нажатию на которую открывается окно диалога. 

Для дальнейшей реализации:

1. Бот может переключить на оператора, без действий со стороны пользователя (возможно замена картинки бота, уведомление о том, что сейчас с Вами общается оператор технической поддержки)

2. Отображение в диалоге картинок и видео (как со стороны пользователя, так и со стороны бота) 

3. Отправка файлов

Нужно ли использовать визуальные образы, персонажи в дизайне интерфейса?

Персонажи: Бот, Пользователь, Оператор технической поддержки

Язык интерфейса:

Русский язык

Есть ли у вас сайт и фирменный стиль?

https://xn--80aaj5aiiy2b.xn--p1ai/index.html?system=faqsamozanyatie - ПРИМЕР того, как выглядит сейчас ЧАТ-БОТ на сайте

https://asknpd.ru/ - лендинг

Приложение asknpd.ru для IOS и Android

Должен ли быть интерфейс в фирменном стиле?

Нет (нужны свежие идеи)

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

Есть ли прототип интерфейса?

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

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