Как я добавила больше эмоциональности в простой выбор кэшбека

Задача: помочь пользователю быстро выбрать и контролировать категории кэшбэка.
UX
UI
Гипотезы
Продукт
Роль:
UX/UI дизайнер, провести исследование, проверить гипотезы, построить юзер флоу
Назад

Погружаю в контекст

Задача намбер уан: сделать экран кэшбека запоминающимся

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

Ограничения

Интерфейс должен быть компактным, понятным, удобным для управления 1–2 экранами.

В чем проблема

  1. Пользователь до конца не понимает условия начисления кэшбека, какие есть ограничения.
  2. Пользователю сложно понять, какие категории выбрать, чтобы получить максимальную выгоду.

Как я решила эту проблему

  1. По клике на иконку Info, будет откликаться вся карточка категории и открываться Sheet, где будут видны условия, что входит в категорию, а что нет, как начисляется кэшбек. Все должно быть прозрачно.
  2. Уйти от концепции чек-боксов. Сделать карточки категорий с визуальной индикацией выбора, где кликабальна вся карточка. Проработаный сильный UI с добавлением сгенерированных 3D-иконок в цветовой палитре приложения усиливает быстрое считывание категории.

Я изучила больше 100 отзывов на банковские продукты, чтобы узнать это

Провела qualitative competitive research на основе 100+ пользовательских отзывов о кэшбек-фичах, чтобы лучше понять паттерны и слабые места. Я не рассматривала отзывы, где были недовольства самими системами начисления, выгоды или количеством категорий. Я обратила внимание, что в нескольких банках пользователи раз за разом писали о непонятных или неясных условиях начисления кэшбека, это и стало одним из вызовов.

User Flow. Выбор кэшбека.

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

User Flow. Выбор кэшбека.

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

Как я рассуждала

Гипотеза 1

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

Гипотеза 2

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

Гипотеза 3

Если выбранные категории будут всегда видны в счётчике, пользователь сможет контролировать лимит категорий без лишних кликов. Если по клику на иконку “Инфо” будет откликаться вся плашка с категорией и показываться Sheet со всей информацией по категории, то пользователь сможет лучше понять выгоды для себя и принять решение.

Рассмотренные варианты

Вариант 1

Длинный список категорий с чекбоксами.

Минусы:
  • Сложно оценить, сколько категорий осталось,
  • Не видно выбранные варианты,
  • Кликабельный только сам чекбокс

Вариант 2

Карточки категорий с визуальной индикацией выбора.

Почему выбран:
  • Быстрый визуальный обзор
  • Удобное переключение категорий
  • Лимит выбора виден сразу

Результат

Made on
Tilda