UX-кейсы и разборы

6 скидок ВкусВилла: как интерфейс мешает пользоваться акцией

Кейс подготовил Настя, наш UX-исследователь.

Настя: регулярно заказываю продукты во ВкусВилл, но в основном делаю это через приложение Т-Банка, так как у меня регулярно выпадает категория кэшбека «Супермаркеты в Городе». А недавно напротив моего дома открыли оффлайн-магазин и я решила попробовать официальное приложение ВкусВилл, чтобы отслеживать скидки и копить баллы.
На главном экране приложения увидела раздел «6 скидок» — подборку товаров со скидкой 20%, которая обновляется каждый день. Класс, отличная возможность, чтобы отслеживать акционные товары! Захожу в него…
Изначально открывается экран с активным табом «Онлайн-заказ». Так, внизу есть кнопка «Заменить товары».

Нажимаю, т.к. товары из подборки мне не очень понравились. Вижу новый список товаров. Он мне тоже не нравится. Считаю, что первый список был интереснее, там была арахисовая паста 🙂 Нажимаю кнопку «Заменить товары» еще раз и…
Проблема
Оказалось, что их можно заменить всего до 2 раз в день, и об этом сообщается во всплывающем окне только после того, как попытки кончились.

И в сторис «Как работает» опция со скидками про эти ограничения тоже ничего не написано.
Ну ладно, ничего страшного, запорола подборку в онлайн-заказе, рядом кнопка «Куплю в магазине» — выберу там свою подборку, магазин-то у дома.

Перехожу на страницу «Куплю в магазине», а там вообще нет опции «Заменить товары» 😟
  • Немного теории

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

    • Consistency Bias (ожидание единообразия) — склонность ожидать, что системы, интерфейсы или процессы будут работать единообразно с их прошлым опытом.
    • Expectations Bias (предвзятость ожиданий) — склонность воспринимать новую информацию в соответствии с уже сложившимися ожиданиями. Если интерфейс нарушает этот паттерн, возникает когнитивный диссонанс, ведущий к ошибкам и раздражению.
    • Теория ментальных моделей объясняет, что пользователи строят в сознании упрощенные схемы работы интерфейса. Если на одном экране есть функция «Заменить товары», они автоматически предполагают ее наличие на аналогичном.

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


    Подробнее в книге: Дональд Норман. Некоторые наблюдения о ментальных моделях
Заменить товары не получается, но зато есть кнопка «Исключить категории». Захожу туда, подумав, что если исключу то, что не нравится, то список акционных товаров сразу изменится… А там написано, что товары из отмеченных категорий уберут только завтра, хотя я предполагала, что «6 скидок» используют прямо перед совершением покупки.
  • Немного теории

    Instant Gratification (принцип немедленного вознаграждения) — психологическая потребность человека получать немедленное удовлетворение от своих действий без задержек.

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


    Источник: Study.com. Instant vs. Delayed Gratification | Overview & Differences
В итоге я осталась без покупок, потому что долго ковырялась в приложении, два раза разочаровалась в нем и передумала покупать что-то в этом магазине сегодня.

Что меня смутило:
  • Заранее нигде не сообщается о количестве попыток для замены товаров.
  • На экране «Куплю в магазине» нет кнопки «Заменить товары», как на соседнем табе «Онлайн-заказ».
  • Исключат товары из подборки только на следующий день, а мне нужно что-то купить уже сейчас.
Как можно решить эту проблему?
Подумайте немного…
(ответ ниже)
Решение
  • На кнопке «Заменить товары» добавить количество попыток «Заменить товары / 2 попытки», а дальше дать возможности переключаться туда-сюда между двумя подборками, и уже после того, как пользователь определится, нажать «Хочу эту подборку».
  • На экран «Куплю в магазине» добавить кнопку «Заменить товары / 2 попытки» и «Хочу эту подборку». Если бизнес-процесс или другие ограничения не позволяют реализовать замену товаров в офлайн-сценарии («Куплю в магазине»), то стоит явно объяснить это пользователю на экране, не заставляя его искать функциональность, которой нет. Например: «Возможность замены товаров доступна только при онлайн-заказе».
  • Исключать товары из подборки сразу, либо, если это технически невозможно, в описании над кнопкой добавить информацию, что их уберут только на следующий день.
Если бы система заранее сообщала о лимитах раздела «6 скидок» и позволяла гибко работать с подборками, пользователь не чувствовал бы разочарования и выполнил бы свою задачу.

Итоги:
  • Дайте немедленный результат. Пользователь хочет получить выгоду сразу, особенно в офлайн-сценарии. Если результат откладывается — это демотивирует.
  • Объясняйте ограничения заранее. Ограничения типа «2 замены в день» или «список обновится завтра» должны быть видны до действия, а не после.
  • Поддерживайте единообразие. Если на одном экране есть функция «Заменить товары», на другом похожем экране она тоже должна быть, иначе возникает путаница и недоверие к интерфейсу.
  • Учитывайте реальный контекст. Пользователь стоит в магазине и хочет купить что-то здесь и сейчас. Приложение должно помогать ему в этом моменте, а не работать «с завтрашнего дня».
  • Уделяйте внимание микросценариям в своих продуктах. Даже такая маленькая штука, как «6 товаров со скидкой» может повлиять на частоту покупок, если работает прозрачно и без сюрпризов.
Над кейсом работали:
  • Егор Поляков
    Руководитель студии
  • Анастасия Боровикова
    Редактор
  • Артём Милишихин
    UX/UI-дизайнер
Чек-лист для проверки юзабилити цифрового продукта
10 разделов и 95 вопросов, чтобы самостоятельно выявить проблемы в юзабилити и улучшить пользовательский опыт приложения, веб-сервиса или комплексного SaaS-продукта
Доступ к скачиванию через подписку на Telegram-канал

Другие кейсы