ВкусВилл: B2E аналитика

Продуктовый дизайнер внутреннего B2E-продукта для аналитики. Проводил исследования, обновлял UI на основе метрик и юзабилити-тестов.

Сентябрь 2023 — Май 2024, B2EMiddle Product Designer
ВкусВилл: B2E аналитика

Кратко

ФорматB2E-аналитический продукт, команда 1–2 дизайнера.
ПользователиАналитики ВкусВилла.
Цель продуктаСоздать понятный и современный интерфейс для работы с аналитическими данными, опираясь на исследования и метрики.
Ключевые решенияКоридорные исследования; юзабилити-тестирование; тепловые карты; редизайн на основе данных; модульная архитектура.

Контекст и задача

Внутренний B2E-продукт для аналитики имел непонятную структуру и устаревший UI. Аналитики тратили много времени на навигацию и поиск нужных данных. Интерфейс не отвечал современным стандартам, а процесс работы был перегружен лишними шагами.

Исследование

Коридорные исследования

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

Коридорные исследования

Тепловые карты

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

Тепловые карты

Юзабилити-тестирование

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

Юзабилити-тестирование

Основные сценарии

01

Реструктуризация навигации

Перестроил информационную архитектуру: плоская структура вместо вложенных меню, визуальные якоря и хлебные крошки для ориентации.

02

Обновление визуального языка

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

03

Оптимизация рабочих процессов

Сократил количество шагов для типичных задач: экспорт отчётов в один клик, сохранённые пресеты фильтров, быстрые действия по контексту.

Результаты и выводы

Более интуитивный опыт для B2E-сотрудников: простая навигация, быстрый доступ к данным и сокращение времени на рутинные операции. Аналитики отмечают, что интерфейс стал предсказуемым и понятным. Количество обращений в поддержку снизилось, а скорость работы с данными выросла.

Результаты и выводы

Что пошло не так

Я делал кучу вариантов компонентов и решений, что приводило к обратному эффекту — работать и выбирать становилось сложнее. В какой-то момент я понял, что сам не тяну и попросил помощи у коллеги. Мы сели вместе, разобрали варианты и приняли решения совместно — это сильно ускорило процесс и научило меня не плодить сущности, а договариваться о едином подходе на раннем этапе.