UX-аудит приложения Спар
Пользуясь приложением супермаркета Спар, я столкнулась с проблемой и была вынуждена обратиться в техподдержку для ее решения. В этом кейсе предлагаю основанное на исследованиях решение данной проблемы.

Цели и задачи
Бизнес-цель — понять, как сейчас пользователи делают заказ в приложении и что снижает конверсию в заказ
Цель исследования — проследить, как пользователь проходит сценарий оформления заказа от момента входа в приложение и до момента оплаты заказа
Задача — выявить сложности прохождения пользователем сценария оформления заказа

Команда и роли
В рамках этого кейса я участвовала во всех этапах UX-исследования продукта: постановка гипотезы, интервью, проектирование, визуальный дизайн.

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

Флоу текущего сервиса
Исследования
Проведено шесть юзабилити-тестов, комбинированных с интервью.
Пример прохождения сценария (запись экрана)

Этапы
Выводы
По результатам тестов выявлены следующие проблемы прохождения сценария:
  1. На главной странице приложения нет строки поиска, что ведет к снижению конверсии в поиск
  2. Кнопка добавления товара в карточке товара плохо считывается, что снижает конверсию добавления в корзину
  3. Кнопка выбора адреса и интервала доставки напоминает баннер. Это вызывает у людей баннерную слепоту, из-за чего конверсия в выбор адреса и интервала доставки снижается.
  4. Пока не выбран интервал доставки, кнопка «оформить» неактивна и непонятно, как продолжить оформление заказа, что снижает конверсию в оформление заказа
  5. Конверсия в покупку снижается, т.к. пользователи доходят до этапа оплаты и только там узнают, что суммы заказа недостаточно для доставки. Им приходится начинать оформление заказа заново.

Конкурентный анализ
Просмотрены решения, реализованные в приложениях конкурентов (Перекресток, Вкусвилл, Окей, Яндекс-Лавка)

Главная страница
Карточка товара
Корзина
Оформление заказа
Выводы по результатам бенчмаркинга
  1. Глобальный поиск по каталогу присутствует у двух конкурентов из четырех. Имеет смысл добавить, т.к. затраты ресурса на это небольшие (второстепенная задача)
  2. У трех конкурентов из четырех на кнопке корзины в карточке товара присутствует надпись «В корзину» либо «Добавить в корзину». Так же можно изменить, переделывание кнопки не займет много времени (второстепенная задача)
  3. У всех конкурентов кнопка оформления заказа в корзине активна, так же на ней может быть отображена стоимость корзины или сумма, которой не хватает для покупки. Точно стоит добавить недостающую для заказа сумму и сделать кнопку активной (задача наивысшего приоритета)
  4. У всех конкурентов либо есть экран, на котором можно ввести получателя, способ платежа и адрес доставки, либо адрес вводится заблаговременно при регистрации. Поскольку в приложении Спар этого нет, необходимо ввести во флоу дополнительный экран, на котором можно будет ввести или выбрать адрес доставки и выбрать способ оплаты (задача наивысшего приоритета)

Создание варфреймов
На основе результатов юзабилити-тестирования были созданы первые варианты новых экранов, которые затем прошли «коридорное тестирование» (восемь человек).
Выводы по результатам «коридорного тестирования» варфреймов
  1. На главную страницу добавлена строка поиска и люди уверенно идут в поиск товаров через нее
  2. В карточке товара изменена кнопка добавления в корзину (вместо иконки на нее поставлена надпись «В корзину»). Пользователи хорошо ее считывают и понимают, как добавить товар в корзину
  3. В корзине добавлено оповещение о минимальной сумме заказа и пользователи сразу видят, сколько им нужно набрать для доставки
  4. Кнопка «Оформить» активна, пользователи без проблем переходят дальше по сценарию оформления заказа
  5. Добавлен еще один экран, на котором можно выбрать адрес доставки, добавить комментарий курьеру, выбрать интервал доставки и способ оплаты. Такая схема была понятна всем участникам тестирования

Инсайты
  1. Определился набор функций быстрого доступа, который пользователи хотели бы видеть на главном экране — чат с техподдержкой, списки покупок, персональные скидки и магазины поблизости
  2. На карточке товара его рейтинг хотят видеть на первом же экране и желательно возможность перейти к отзывам и/или их количество
  3. В корзине не хватает поиска по корзине и возможности очистить ее полностью
  4. На экране оформления заказа добавить возможность создать новый адрес

Создание UI
Отрисованы новые экраны, решающие проблемы с прохождением сценария.
Итоги
Улучшение UX приложения на перспективе увеличит количество онлайн-заказов и повлияет на метрики роста (ARPPU, конверсию в покупку) и метрики продукта (Retention, доля платящих пользователей).


Спасибо за просмотр!
Ксения Перова
+7 (915) 124 09 22
ksuwarlock@gmail.com
Telegram