Редизайн карточки товара в Корзине

Overview

‍

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

Основным элементом в Корзине является карточка товара (product cart, product item, product widget).  С нее и было принято решение итеративно начать редизайн.

‍

‍

Discovery

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

Сформулировали следующий vision фичи:

I. Бизнес-цель:
Увеличение конверсии в заказ

II. Гипотеза:
Изменения карточки товара в Корзине улучшат пользовательский опыт в сегменте новых пользователей и не усложнят опыт старых пользователей, что в итоге увеличит конверсию в заказ на 3% среди новых.

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

‍

Решение

Подготовлены 2 варианта дизайна виджета для тестирования:

‍

Результаты тестирования

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

{{cards}}

Results

‍

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

‍

‍

‍

Имплементация

Для плавного перехода текущей ЦА имплементация новой карточки товара на прод была разбита на 5 этапов. Также были обновлены компоненты дизайн-системы на всех мобильных платформах.

‍