Разбор дизайна интерфейса кассы «Магнита».
Кассы самообслуживания в супермаркетах призваны решить как минимум две задачи: в час-пик разгрузить огромные очереди и обслужить большее количество покупателей с меньшими затратами.
Я познакомился с подобными кассами и терминалами самообслуживания ещё в 2015 году в супермаркете «Магнит». С тех пор ужасался плохими интерфейсам касс и старался их избегать. Переехав в Краснодар, избегать их стало сложнее, так как единственный крупный супермаркет у дома — «Магнит».
Поэтому я решил написать эту статью. Пока готовился, дизайн интерфейса кассы обновили, но часть проблем осталась, и успели появиться новые. Сделаем быстрый анализ интерфейса до и после и разберём его новый дизайн.
Главный экран кассы
Что сделано хорошо. Убрали бессмысленную большую картинку, оставили одну главную кнопку, чтобы не думать о том, какую выбрать. Добавили информацию про безнал для тех, кто хотел рассчитаться наличкой.
Оставили одно целевое действие на экране: «Начать покупку». Отлично? Оказывается, нет!
Раньше тот, кто не хотел брать пакеты, мог сразу нажать «У меня свой пакет». Сейчас каждый раз спрашивают: «Сколько пакетов добавить?». Ниже мы ещё вернёмся к разбору экрана с пакетами.
Что можно улучшить. Кнопка «Помощь» разочаровывает своим поведением. Ты думаешь, что откроешь какой-то экран FAQ, но открывается совершенно бессмысленный элемент «Помощь консультанта» с выбором «Ок» или «Отмена». Желательно так и назвать кнопку на главном экране «Помощь консультанта» и при нажатии сразу вызывать консультанта.
Уведомление «Наличные не принимаем»
В обновлённом дизайне кассы на главном экране крупными буквами написали «Только безналичная оплата» и добавили картинку с банковской картой. Раньше запрос был перед оплатой, теперь сразу, при нажатии на «Начать покупку».
Возможно, это связано с малым процентом людей, которые плохо видят, не читают или вообще не умеют обращаться с подобными кассами. Из-за этого приходится страдать всем остальным.
Что можно улучшить. Выделить кнопку «Да». Уведомление про карту раздражает, так как оно встречается повторно, и хочется, не целясь, интуитивно ткнуть в более заметную кнопку: «Да, я не дурак, хочу продолжить».
Запрос пакета
Что сделано хорошо. После обновления стало проще, но появилась новая проблема: вопрос с пакетами выскакивает каждый раз при использовании кассы, а раньше ты мог с главного экрана нажать «У меня свой пакет».
Не думаю, что супермаркет может импульсно допродать вам пакеты, как жвачку или батончик, поэтому кнопку «Пакет не нужен» нельзя было делать серой и невзрачной. Например, я часто пользуюсь ей, покупая что-то незначительное.
Что можно улучшить. Вместо выбора количества пакетов и кнопки «Подтвердить» можно поставить десять кнопок с количеством от одного до десяти и заметную кнопку «Пакет не нужен».
Экран «Корзина»
Что сделано хорошо. Экран стал чище. Те, кто впервые сталкиваются с покупкой через кассы, наверное, больше не паникуют и не зовут консультанта на помощь. Так было со мной в 2015 году.
После обновления дизайна я думал, что левая часть экрана такая большая, потому что в ней можно будет искать товары. Это было бы удобно, но при нажатии на «Найти товар» открывается новое окно «Поиск товара из корзины».
Что можно улучшить. Вернуть единственный плюс старой версии экрана — более понятную картинку. Отдать больше места под правую часть экрана, под товары в корзине, а не под картинку с надписью «Поднесите товар к сканеру».
Поиск товара из корзины
Попробуйте с левого экрана «Поиск» вернуться на экран «Корзина». В супермаркете я не смог это сделать, пришлось вызвать консультанта, который тоже не понял и методом тыка нашёл решение: нужно ткнуть в «Найти товар», откроется клавиатура, и уже там будет кнопка «Назад».
Что можно улучшить. Добавить кнопку «Назад» на все экраны поиска и назвать понятнее, например, «Вернуться в корзину».
Экран «Переход к оплате»
Что сделано хорошо. Убрали промежуточный экран с «Получить электронную копию чека», сократив время оформления покупки. Вся область «Выберите тип оплаты» теперь нажимается. При этом стало непонятно, что вся область «Выберите тип оплаты» нажимается.
Что можно улучшить. У нас есть только один тип оплаты, и мы уже два раза встречались с уведомлением «Оплата только картой», поэтому лучше вообще убрать этот шаг. Он лишний.
Представленные выше решения — это гипотезы, построенные на личном опыте использования кассы самообслуживания. Возможно, что часть проблем нельзя было решить по техническим или иным причинам.
В любом случае они есть, некоторые очевидны даже без аналитики и больших юзабилити-тестирований, они всё ещё замедляют оформление покупки и создают очереди, от которых призваны избавить.
В Глобусе шикарно сделали - при наличии их карты, по ее штрих-коду получаешь переносной сканер, который втыкаешь в держатель на тележке и сам сканируешь то, что в нее кладешь. Потом на специальной кассе одним сканом получаешь чек, готовый к оплате. Очень удобно.
в ленте так же в спб