Обновления

Теперь всё будет по-другому: мы обновили раздел Диалоги

Теперь всё будет по-другому: мы обновили раздел Диалоги

Сегодня в Carrot quest важное обновление: мы впервые за долгое время кардинально поменяли внешний вид всей админки: обновили цвета, переработали элементы и изменили шрифты. Наибольшие изменения коснулись раздела Диалоги, и именно про это мы расскажем в сегодняшней статье. Мы уже готовим статью про редизайн, следите за нашими новостями.

Диалоги — один из главных разделов Carrot quest. Им пользуется 54% наших пользователей.

Мы постоянно улучшаем и обновляем раздел Диалоги, но радикально не меняли в нём ничего уже несколько лет. За это время в сервисе появилось много нового: мы постоянно выпускаем новые фичи, делаем старые более функциональными, более красивыми и более удобными. Но Диалоги мы почему-то обходили стороной. И теперь обновления наконец-то коснулись и их: начали с дизайна списка диалогов и фильтров, продолжили полем ввода — его мы освежили внешне и сделали увеличивающимся. Теперь очередь добралась и до центральной, самой важной части Диалогов — окна, в котором вы ведёте переписку.

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

Обновление раздела диалоги
Обновление раздела Диалоги
Вот так выглядит раздел Диалоги после всех наших изменений

Самое большое изменение — поменяли реплики местами

Раньше в диалоге реплики пользователя располагались справа, а реплики оператора — слева. В этом была своя логика, но со временем мы поняли, что все соцсети устроены наоборот и наши пользователи долго привыкают к такой системе.

В мессенджерах, к которым все привыкли, идёт общение по модели “все — я”. Поэтому все “чужие” сообщения слева, а собственные — справа. В Carrot quest с пользователем может общаться команда операторов, передавая между собой диалог и оставляя заметки, поэтому оператор — это не просто “я”, а один из команды. Мы не могли по аналогии с мессенджерами отделить сообщения операторов друг от друга, чтобы не началась путаница. Все реплики команды операторов располагаются с одной стороны, но, чтобы это было привычнее для каждого из них, справа. Мы добавили аватарки ко всем репликам (раньше у сообщений пользователя не было аватарок), чтобы можно было еще быстрее сориентироваться.

Изменили внешний вид сообщений

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

Для начала изменили внешний вид сообщений. Раньше сообщения от пользователей были на ярко-синем фоне, прямо как кнопки в сервисе. Такой ассоциации мы попытались избежать и сделали их более светлыми.

Облегчили не только цветовую часть: теперь рядом с сообщением вместо кучи цифр и текста (дата, время, источник сообщения) аккуратно отображается время и иконка источника сообщения (почта, Telegram, ВКонтакте и так далее), при наведении на которую пишется, что она значит.

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

Обновление раздела Диалоги

Ещё одно приятное изменение: мы добавили автоподгрузку сообщений при прокручивании диалога. Теперь не нужно через каждые 20 сообщений нажимать «Загрузить ещё» — более старые сообщения по мере прокручивания будут появляться сами.

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

Добавили отметку прочитанности

Отметка о прочитанности помогает операторам понять, видел пользователь их сообщение или не видел. Отличить прочитанные от непрочитанных сообщений раньше можно было по цвету — серые пользователь еще не прочитал, а белые прочитал. Для новых пользователей, которые никогда не работали в Carrot quest, такое поведение было совсем непривычным, потому что такой способ отображения используется очень редко. Мы решили использовать более привычный способ — галочки, как во многих мессенджерах. Работает как и везде: одна галочка — сообщение отправлено, две — прочитано. Так вы точно будете с пользователями на одной волне.

Обновление раздела Диалоги - Добавили отметку прочитанности

Добавили разделение на даты

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

Обновление раздела Диалоги - Добавили отметку прочитанности

Прикрепили ссылку на оригинал письма

Если пользователь Carrot quest настроил интеграцию с почтой, то сообщения из почты будут приходить к нему так же в раздел Диалоги. Иногда возникает необходимость посмотреть оригинал письма, это можно было сделать, нажав на знак вопроса рядом с названием источника сообщения. Догадаться, что там скрывается оригинал письма было непросто (вот вы, например, знали об этом?). Теперь ссылка на оригинал письма отображается текстом внизу сообщения.

Обновление раздела диалоги - Прикрепили ссылку на оригинал письма

Изменили системные сообщения

Самое главное изменение в системных сообщениях — теперь при наведении на них можно увидеть, когда оно было отправлено. Вы сможете узнать, когда диалог был на кого-нибудь переназначен или закрыт. Ну и тоже сделали визуально легче: убрали бесполезные точки слева и справа от него, уменьшили аватарки.

Изменили системные сообщения

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

4.92/5 (25)

Пожалуйста, оцените статью

Автор: Лев Губин
Делаю дизайн продукта в Carrot quest
Подключите Carrot quest
Первые 14 дней бесплатно

Похожие статьи

Carrot quest для вашей команды
Инструменты Carrot quest помогают разным командам решать их ежедневные задачи
Узнать больше