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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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