Почему понадобилось изменить раздел
По данным компании, за день «Профиль» посещали около 240 тысяч клиентов, а «Чеки» — около 36 тысяч. При этом внутри «Чеков» фиксировалось около 200 нажатий на функции раздела в день.
Клиенты находили раздел и открывали его, но редко взаимодействовали с его содержимым. Нам предстояло разобраться, какую информацию они ищут и что мешает ею пользоваться.
В прежнем интерфейсе над списком чеков находились столбчатая диаграмма и заметная кнопка «Привязать чек». Месяц менялся через иконку карандаша. Внутри покупки было трудно найти нужный товар, повторно добавить его в корзину и понять, к чему относилась скидка.
Что мы узнали из исследования
Мы изучили текущий интерфейс и решения других ритейлеров, провели количественный опрос на 49 респондентах, 14 глубинных интервью и 14 UX-тестирований. Отдельно компания отправила приглашение к опросу через push-уведомления 60 тысячам клиентов. Так мы получили ещё 153 целевых ответа.
В исследовании выделились три задачи: вспомнить, когда и какие продукты были куплены, посчитать расходы и повторить понравившуюся покупку.
Участникам было трудно пользоваться диаграммой, менять месяц и находить конкретные продукты. Некоторые не замечали возможность оценить товар. Кнопка привязки чека, наоборот, занимала заметное место, хотя большинство опрошенных ей не пользовались.
Чтобы расставить приоритеты между функциями, мы использовали модель Кано в опросе с 153 ответами. Он не дал однозначного порядка для всех изменений: большинство функций осталось в области «Всё равно». За её пределы вышли два предложения — показывать скидку на конкретный товар и начисленные за покупку бонусы.
Сделали список чеков понятнее
Перенесли привязку чека в верхнее меню
По результатам исследования, 93% опрошенных не пользовались привязкой чека. Мы сохранили функцию, но перенесли её в верхнее меню. Это освободило место над списком для информации о покупках.
Сделали выбор месяца заметнее
Иконка карандаша не подсказывала, что через неё можно сменить месяц. В исследовании половина респондентов испытывала трудности с этим действием. Мы вынесли выбор периода в верхнюю часть экрана и связали его с названием месяца.
Заменили столбчатую диаграмму круговой
Участникам было трудно читать прежнюю диаграмму и разбираться в соотношении покупок, скидок и бонусов. Мы предложили круговую диаграмму с общей суммой в центре и подписями показателей рядом.
Мы рассчитывали, что так сводку расходов будет проще прочитать. Проверить, насколько новый вариант понятнее прежнего, можно было бы на тестировании макетов.
Упростили заголовок списка
В прежнем заголовке были дополнительные сведения о периоде, а сам он сливался с остальным текстом. Мы сократили формулировку и усилили её визуально, чтобы начало списка было легче найти.
Добавили изображения товаров
Найти конкретную покупку среди похожих чеков было трудно. Мы добавили миниатюры купленных продуктов в список: по ним можно узнать покупку до открытия чека.
Сгруппировали чеки по дням
Часть участников заходила в раздел, чтобы следить за расходами. Мы сгруппировали чеки по датам и добавили сумму покупок за день. Так клиент мог посмотреть дневные траты без самостоятельного сложения нескольких чеков.
Добавили действия и подробности в карточку покупки
Повторная покупка из чека
В прежнем сценарии добавление товара в корзину занимало три нажатия. Мы разместили кнопку корзины рядом с каждым товаром в чеке. В предложенном интерфейсе повторно добавить нужный продукт можно было одним нажатием.
Явная кнопка оценки товара
По материалам исследования, половина респондентов не знала, что в чеке можно оценить товар. Мы заменили ряд звёзд на подписанную кнопку «Оценить товар» и сохранили отдельное действие для оценки магазина.
Скидка на конкретный продукт
Общей суммы скидки внизу чека не хватало, чтобы понять, какой товар был куплен дешевле. Мы добавили прежнюю цену рядом с итоговой стоимостью продукта, а внизу сохранили общую сумму скидок. Это изменение было одним из двух, которые выделились в опросе по модели Кано.
Начисленные бонусы в итогах покупки
Мы добавили в чек отдельную строку с количеством начисленных бонусов. Она связывала начисление с конкретной покупкой и дополняла сведения об оплате и скидках.
Сократили путь из уведомлений
В прежнем сценарии нажатие на push-уведомление о чеке открывало раздел уведомлений. Мы предложили сразу открывать соответствующий чек.
Такой же переход предусмотрели для сообщения внутри раздела «Уведомления»: вместо общего списка чеков клиент попадал в конкретную покупку. Оба изменения убирали повторный поиск чека, о котором только что пришло сообщение.
Что подготовили
Мы собрали результаты исследования, макеты и объяснение каждого изменения: какую проблему оно решает и на какие наблюдения опирается. Для обновления раздела составили дорожную карту с оценкой в три месяца.
Результат работы
Команда получила награду за лучшее решение. Мы подготовили проект обновления «Чеков»: от исследования пользовательских задач до макетов и предварительного плана внедрения.
Мы ожидали, что изменения помогут клиентам находить покупки, разбираться в расходах и повторно добавлять товары в корзину. В материалах проекта нет данных о запуске и замеров после изменений, поэтому оценить их фактическое влияние на вовлечённость нельзя.