«Касса в телефоне»

Итоговый вариант. Вдвое меньше информации — всё оформлено в пошаговую инструкцию. Наглядно видно, что нужно делать

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

Вот такая получилась история такой вышел флоу

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

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

Контекст

Я была единственным UX-редактором на проекте и уложилась в неделю SLA, сделала 20+ экранов и получила только пару мелких правок. Так получилось, потому что мы отлично сработались с дизайнером и грамотно выстроили работу — меня подключили уже на этапе гипотез.

«Касса в телефоне» запустилась в 10 магазинах Магнита. Сервис планируют масштабировать.

Результат

Задача

Что я сделала

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

Бизнесу нужно было:

Провести пользователя по новому для него сценарию покупки и оплаты внутри магазина. А ещё — объяснить механику, снизить вероятность ошибок и сделать процесс понятным с первого использования.

Мне, как UX-редактору, нужно было:

разработала онбординг. Дизайнер предлагал сделать 4 экрана, а я сократила до двух шагов

написала тексты системных сообщений и ошибок

проработала формулировки для нестандартных ситуаций

поработала над неймингом. Сделала исследование конкурентов. Собрала команду редакторов на мозговой штурм — вместе мы придумали 30+ вариантов, которые хорошо смотрятся в интерфейсе и легко считываются. Остановились на «Кассе в телефоне», потому что сразу понятен смысл и легко запомнить

согласовала всё с дизайнером, продактом и командой

проработала всё флоу — описала все шаги пользовательского пути

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

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

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

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