Оставляем жалобу в Аэроэкспресс

Или 80 косяков, которые не стоит допускать при работе с обратной связью
Середина июля. +35℃ за окном. +32℃ внутри – то, чего ты точно не ожидаешь ощутить в бизнес-классе Аэроэкспресса. Пассажиры шутят, что им в салоне решили устроить филиал Дубая. И смешно, и грустно.

Ты пытаешься связаться с машинистом через спикер: оттуда – лишь тишина. Кондуктор и охранник, которые часто составляют компанию пассажирам именно в бизнесе, в этот раз куда-то «испарились» – вероятно, в более прохладные вагоны.

В конце поездки никто из персонала, который в тот момент внезапно появился в N-ном количестве, даже не удосужился принести извинения за «Дубай». Что делать, когда тебя никто не слышит? Может, поддержка спасёт ситуацию?...

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

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

Автор hardclient.com

Форма – единственный путь

Первое, с чем сталкиваешься в попытке пожаловаться на качество сервиса – это то, что рассказать о наболевшем в моменте по телефону или в чате не получится. Канал связи один: заполняй форму.
hardclient

Визуальная иерархия

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

О такой концепции, как progressive disclosure, те, кто проектировал форму, видимо, не слышали. Но пошаговый выбор сначала типа обратной связи, а затем опции был бы здесь уместен.
hardclient

Цвет vs. намерение

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

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

Обращение vs. повторное обращение

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

При этом а) компания могла бы отслеживать повторное обращение сама по контактным данным клиента либо б) в случае повторного запроса можно предложить клиенту уточнить номер обращения, с которым он связан, просто как часть стандартного обращения – не создавая под него отдельную категорию.
hardclient

Претензия vs. жалоба

Вам предлагают выбрать, хотите ли вы оформить претензию или жалобу. Почему бы не объединить их с возможностью поставить где-то дальше галочку о финансовом требовании, чтобы не плодить опции в самом начале – вопрос.
hardclient

Скролл по двум осям

Примечательно, что форму на мобильном почему-то можно скроллить как вертикально, так и горизонтально. В результате получается вот такая красота.
hardclient

Очередность пунктов

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

Заполняйте все поля

При выборе опции «жалоба» нас встречает сухой официальный текст, который не несет в себе другой сути, кроме как просьбу заполнить все поля, при этом «отъедая» около 20% экрана.

На этот раз, в отличие от категорий обратной связи, здесь про progressive disclosure вспомнили. Но одно видимое поле и рядом просьба заполнить все поля выглядят странно.
hardclient

Нативный выбор из списка

Нативный функционал не всегда может быть оптимальным. В данном случае из-за ширины нативного списка многие пункты переносятся на новую строку и прочитать их становится труднее.
hardclient

Опечатки в форме

Мало того, что текст объемный – в нем еще и ошибки присутствуют. Мелочь, которую теоретически легко устранить. Интересно, сколько времени на это потребуется на практике?
hardclient

Дублирование причин

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

Повторяем: заполните всё!

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

Любопытный progressive disclosure

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

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

Ведь места на экране так мало

Форма спроектирована таким образом, что выбранные названия не вписываются в границы поля и обрезаются. А пустое пространство справа видимо кем-то забронировано, раз его не используют.
hardclient

Место происшествия

Жалуясь на комфорт поездки в поезде, клиент может выражать свое недовольство тем, что кофе был невкусный, вешалок в бизнес-классе не хватило, кресла были неудобные, жара +32℃.

В таком случае, уважаемые ответственные за сбор обратной связи, можно не называть место, где клиент чем-то был недоволен, «местом происшествия». Тьфу-тьфу-тьфу.
hardclient

Лишь 4 места происшествия

Если вы чем-то недовольны, судя по тому, что предлагает выбрать компания, «происшествие» может произойти только на 4 остановках. Потому что по пути между ними, видимо, всё идеально.

Добавлю контекст: если, например, в салоне жара, нет бутылок с водой, грязный санузел, куда мне отнести эти и кучу других потенциальных проблем? А поле-то еще и обязательное.
hardclient

Сообщи данные заказа

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

Ах, не хочется выискивать идентификатор своей покупки, тогда будь добр изложить в письменной форме, почему предоставить эти данные ты не можешь (под это есть отдельное поле).
hardclient

Пояснение к номеру билета/заказа

При этом пояснения, где именно найти номер билета или заказа, отсутствуют. Если есть бумажный билет – ок. Но если я прошел через турникет, просто оплатив картой, откуда мне взять номер билета?
hardclient

Причина в тебе

Заполняя причину отсутствия (нежелания) лезть в чек и искать номер билета, я активирую поле, чтобы так и написать. Но мне предлагают подставить туда мои контактные данные. Оригинально.
hardclient

Юркий календарь

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

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

Введи дату буквами

При выборе даты, помимо юркого календаря, появляется еще и нежданная клавиатура, которую еще и переключать придется на числовую, чтобы что-то ввести.
hardclient

Курсор vs. календарь

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

Загадочная дата

При выборе даты, помимо текущего числа, также выделяется и еще одна дата на календаре. Что это за дата – большой вопрос. При этом каких-либо пояснений в форме не дается.
hardclient

Угадай формат даты

Автоматического форматирования вводимых значений по дате нет. Пытаясь перебрать наиболее частые разделители (точка, слэш), вы потерпите фиаско.

Лишь на какой-то попытке удача улыбнется вам, и вы узнаете, что в интерфейсе формы обратной связи дата разделяется только дефисами – и больше ничем.
hardclient

Я из 3000-го года

Мало, что автоматического форматирования нет. Форма еще и не валидирует данные. Забавно, что при вводе через клавиатуру календарь любезно переходит к этой дате – какой бы она ни была.
hardclient

Валидация ввода даты

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

Календарь тебя не слушает

Если я всё-таки ввел дату с помощью клавиатуры, здесь меня подстерегает еще одна западня: нажав на кнопку «Готово», поле я деактивирую, а вот календарь останется висеть открытым.
hardclient

Текст кнопки «return»

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

В данном случае вместо, например, «Далее» мне предлагается куда-то «Перейти». Видимо перейти в состояние недоумения от того, как всё это можно было так спроектировать.
hardclient

Нажатие на return

Пардон, я ошибся с тем, что предыдущий пункт был завершающим в теме выбора даты: кнопка return не просто не привязана к контексту – она в принципе не работает. При нажатии на нее вообще ничего не происходит.
hardclient

Раскладка при вводе времени

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

Placeholder ввода времени

Placeholder в поле выбора времени черный, хотя по-хорошему он должен отличаться по цвету от вводимого текста. Мелочь, но почему бы и не поправить?
hardclient

Вас зовут «время»

Также при активации поля ввода времени инцидента система предлагает не заморачиваться и заполнить часы и минуты в 1 касание – своим именем...

Насколько я знаю, просто так подсказка автозаполнения не появляется: поле кто-то так промаркировал. Для чего это было сделано – большой вопрос.
hardclient
Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram

Деактивация поля ввода времени

Ввод данных по часам и минутам четко регламентирован по количеству символов. При их полном вводе можно деактивировать поле (или сразу переходить к следующему). Но этого не происходит.
hardclient

Валидация ввода времени

Если пользователь не ввел время полностью, поле начинает подсвечиваться зеленой обводкой, как корректно заполненное, хотя это не так.
hardclient

Пояснения к загрузке файла

Далее в рамках формы меня встречает кнопка «Выбрать» без каких-либо пояснений. Хотя небольшой сопровождающий текст о том, чем можно было бы дополнить жалобу, не помешал бы.
hardclient

Загрузка видео

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

Подстановка имени

В отличие от фамилии, которая автозаполняется корректно, поле ввода имени промаркировано, как full name вместо first name. Из-за этого, помимо имени, туда подставляется еще и фамилия.
hardclient

Мы в тренде

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

Видимо, сервис хочет быть в тренде, поэтому при вводе ФИО текст по умолчанию вводится со строчной буквы. Хотя есть техническая возможность сделать так, чтобы он начинался с заглавной.
hardclient

Если нет отчества

В placeholder'е отчества специально прописывается, что если его нет, нужно обязательно указать «нет». Почему бы просто не сделать это поле необязательным?
hardclient

Свободного места так мало

Ну и очередная «мелочь»: placeholder поля ввода отчества не помещается в контейнер и обрезается, хотя справа достаточно места, чтобы расширить поля для полного отображения его текста.
hardclient

Форматирование номера телефона

При вводе номера телефона он никак не форматируется с помощью специальных символов (скобки, отступы, дефисы). Это усложняет проверку введенных данных и повышает риск ошибки.
hardclient

Выбор кода страны

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

Валидация номера телефона

В поле ввода номера телефона ввести можно какие угодно цифры: при деактивации поля никакой проверки в принципе не происходит, хотя можно было бы проверять валидность первых 3 цифр номера.
hardclient

Два активных поля

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

Автозаполнение почты

В отличие от номера телефона, почта не заполняется автоматически (подсказка с email отсутствует) – приходится вводить свой email вручную.
hardclient

Адаптация раскладки под email

Еще один момент, который можно было бы улучшить при вводе email – это отображать специальную клавиатуру, которая помимо прочих символов, еще и содержит символы точки и @, чтобы не нужно было переключать раскладку.
hardclient

Вводи почту повторно

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

Валидируем почту сразу

При вводе первого символа в поле с email, оно сразу же вспыхивает ошибкой. Как говорится, «вы не правы уже с первого шага». Хотя валидация была бы более уместна при деактивации поля.
hardclient

Кому нужны отступы?

При этом текст сообщения об ошибке прилипает к его границам. Вертикальные отступы есть. Куда делись горизонтальные отступы, непонятно.
hardclient

Еще не ввел? Уже не прав

При этом примечательно, что поле повторного ввода email также загорается, предупреждая меня об ошибке. Хотя я его даже еще и не активировал.
hardclient

Пропадание текста ошибки

По-хорошему, когда пользователь исправляет ошибку, текст ошибки должен исчезать. Но при вводе идентичных email'ов текст почему-то не торопится скрыться с его глаз.
hardclient

Введенные адреса должны

Кстати, заметим, о чем говорит текст ошибки под полем повторного ввода email. Возникает сразу целый спектр вопросов: кому должны эти адреса, сколько и до какого числа нужно отдать долг?
hardclient

Размер блока согласия с документами

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

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

Политика конфиденциальности

Те немногие клиенты, которые решат прочитать текст политики конфиденциальности, заметят, что с версткой что-то не так: текст постоянно переносится, хотя справа полно пустого места.
hardclient

Размер шрифта документов

Переключаясь между документами с условиями и политикой конфиденциальности, замечаешь, что они выполнены в разном размере шрифта. Зачем такие различия, непонятно.
hardclient

Я не робот

Чтобы защититься от пассажиров-роботов, разработчик любезно добавил в форму капчу, которая удобства по умолчанию никому не добавляет. Эх, где там этот велосипед?...
hardclient
Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram

Не успел? Переделывай

Если вы не успели отправить форму в моменте – например, забыли заполнить поле и устраняете ошибку – капча «протухает», и её нужно решать заново. Как неожиданно и приятно.
hardclient

Язык для людей

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

А вот то, что некоторые прогрессивные компании специально адаптируют юридические тексты под людей, делая их более дружелюбными и понятными – про такое мы не слышали.
hardclient

Сроки рассмотрения

Но есть в этом тексте кое-что интересное: оказывается, у компании по закону будет целых 30 дней на то, чтобы ответить мне на жалобу о сломанном кондиционере. Хорошо хоть, что заставляют отвечать.
hardclient

Скрытие информации

Блок с правовой информацией никак нельзя закрыть, кроме как нажав на кнопку «Правовая информация». При нажатии на фоновую страницу ничего не происходит (хотя по-хорошему должно было бы).
hardclient

Потянись, чтобы закрыть

Если вы не заполнили все поля, вас встретит сообщение об ошибке. Чтобы закрыть его, нужно потрудиться, т.к. и кнопка «Закрыть», и крестик сидят в самом верху экрана.

Для крестика такое размещение позволительно и привычно. А вот для кнопки «Закрыть» – нет, и она так и просится в центр экрана, чтобы до нее можно было дотянуться большим пальцем.
hardclient

Формат сообщения об ошибке

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

Посыл сообщения об ошибке

Тональность текста ошибки такая, будто клиента винят в том, что он совершил её. Хорошей практикой в таком случае было бы отталкиваться от призыва к действию, побуждая заполнить поля.
hardclient

Кнопка действия при ошибке

Кнопка действия просто гласит «Закрыть», хотя её текст можно было бы адаптировать к контексту и сделать так, чтобы она отталкивалась именно от действия клиента: например, «Заполнить поля».
hardclient

Скролл фоновой страницы

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

Переход к ошибкам

Если клиент заполнил не все поля, при попытке отправить форму его можно перемещать к ним и даже, как вариант, активировать первое из них, чтобы упростить ввод. Но этого не делается.
hardclient

Официальное подтверждение

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

Кавычек мало не бывает

Ладно, окей с бюрократическим языком, но кавычки-то в этом сообщении для чего? Это чья-то прямая речь? Если есть идеи, зачем они тут, напишите в в комментах.
hardclient

Адаптация под контекст

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

Тайминг обработки фидбэка

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

При этом в сообщении об отправке лишь говорится, что рассмотрят фидбэк «в установленном порядке». Информативность для тех, кто не прочитал правовую информацию, нулевая.
hardclient

Номер обращения

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

Скорость ответа

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

Лишний текст

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

Например, слово «Сайт Аэроэкспресс» можно упростить просто до «Аэроэкспресс», «Уведомление об ответе по обращению» до «Ответ по обращению» – без какой-либо потери смысла.
hardclient

Аватар отправителя

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

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

Ответ – в файле

Открыв текст сообщения, я узнаю о том, что ларчик не так просто открывается: собственно ответа там нет, и чтобы его прочитать, требуется скачать PDF-файл.
hardclient

Обращение к пассажиру

Сообщение обезличено: ко мне обращаются, как к «уважаемому пассажиру». Возникает резонный вопрос: зачем я тогда указывал своё ФИО в форме?
hardclient

Текст vs. подпись

Формат текста – сплошная простыня, хотя – и да не окрестят меня капитаном «очевидность» – хорошей практикой является разделение основного текста и подписи для лучшей читаемости.
hardclient

Последнее слово – за нами

Из текста сообщения я также узнаю, что если меня не устроило то, что прислано в PDF, или появились вопросы, ответить на это сообщение я не смогу. Очень клиентоориентированно. Спасибо!
hardclient

Мобильная оптимизация

Несмотря на то, что мобильный трафик уже преобладает и год от года его доля только растет, ответ отправлен в формате PDF размера А4. А что это значит?

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

А кто мне помог?

И конечно же примечательно наблюдать за тем, как работу, которую проводят одни, презентуют за подписью других. А сотрудника службы поддержки так и маркируют: просто «исполнитель».
hardclient
To be continued...
Всё, 80 пунктов. На этом красивом числе я остановлюсь, так как, если попробуете оставить фидбэк сами, убедитесь, что точек роста можно собрать и 160, и 240. Опыт пользователя – особенно в середине в 2025г – поистине примечательный и ложится у меня на одну полку с Почта Маркетом.

Отвечая на вопрос о том, почему в дисклеймере к этой статье было столько официоза, вот вам ссылка на то, как компания приносит свои извинения. Уж пунктов 20-30 в плане улучшений такой ответ точно сможет набрать. Как минимум, «диспетчерский цент» чего стоит.

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

Если вам есть, что добавить или хотите подискутировать буду ждать вас в комментах. И, как всегда, не забудьте поделиться этим постом с коллегами, которым материал может быть полезен. Всего наилучшего и до связи в следующих статьях.
Все статьи по e-commerce