Редизайн сообщений в чате операторов поддержки

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

16 → 14 мин.

среднее время обслуживания клиента

10 → 34 %

удовлетворённость интерфейсом

Изображение загружается
Интерфейс переписки оператора поддержки после редизайна сообщений
Роль
Product Designer
Зона ответственности
UX, пользовательские сценарии, дизайн интерфейса

Основной рабочий инструмент операторов поддержки

01

Во время обращения оператор одновременно читает переписку, ищет информацию в системе и отвечает клиенту.

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

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

Изображение загружается
Рабочий интерфейс оператора поддержки с компонентом сообщений

Контекст исследования

02

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

На основе этих наблюдений сформулировали несколько целей редизайна.

62,3 %

работают удалённо на собственных устройствах

33 %

используют экраны шириной менее 1440 px

На чем сосредоточились

03

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

1

Сократить высоту сообщений

Чтобы на экране помещалось больше переписки и оператору реже приходилось прокручивать чат.

2

Упростить восприятие информации

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

3

Размещать вложения компактнее

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

4

Сделать сообщения адаптивными

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

Больше переписки на одном экране

04

Когда переписка становится длинной, оператору приходится чаще прокручивать чат и сложнее удерживать контекст разговора.

Чтобы на экране помещалось больше сообщений, пересмотрели структуру компонента: сократили внутренние отступы, выстроили более понятную визуальную иерархию и убрали лишние паузы между элементами.

Сообщения стали компактнее, не потеряв привычной читаемости.

Изображение загружается
Компонент сообщений до редизайна
Изображение загружается
Компонент сообщений после редизайна

Вложения не требуют лишнего клика

05

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

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

Изображение загружается
Компонент сообщений до редизайна
Изображение загружается
Компонент сообщений после редизайна

Имя не отвлекает от переписки

06

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

Убрали отображение имени и повторяющиеся элементы. Благодаря этому ориентироваться в переписке стало быстрее, а визуального шума — меньше.

Изображение загружается
Компонент сообщений до редизайна
Изображение загружается
Компонент сообщений после редизайна

Адаптивные размеры сообщений

07

Сообщения в поддержке сильно отличаются по объёму: от коротких подтверждений до длинных инструкций.

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

Изображение загружается
Компонент сообщений до редизайна
Изображение загружается
Компонент сообщений после редизайна

Как редизайн повлиял на работу операторов

После внедрения сравнили показатели с предыдущей версией интерфейса. Редизайн помог сократить среднее время обслуживания клиента и повысить удовлетворённость операторов новым интерфейсом.

16 → 14 мин.

среднее время обслуживания клиента

10 → 34 %

удовлетворённость интерфейсом

Изображение загружается
Экраны интерфейса МТС после редизайна: переписка оператора и каталог