Аналитическая платформа для A/B тестов
UX/UI кейс
Я разработала интерфейс аналитической платформы для анализа результатов A/B-тестов.
Основная цель — упростить сравнение метрик между контрольной и несколькими тестовыми группами и сделать работу с данными более управляемой.
Проект выполнен в рамках тестового задания с фокусом на продуктовые решения и UX.

Пользователи — аналитики, которые:
  • анализируют результаты A/B-тестов
  • сравнивают метрики между группами
  • работают с разными срезами (платформа, регион, подписка и т.д.)
Исходный интерфейс представлял собой сложную таблицу с большим количеством данных, где: метрики, группы, срезы, смешаны в одном пространстве.
Контекст:
Ключевая проблема — интерфейс плохо поддерживает сценарий сравнения.
Что это значит на практике:
  • сложно сравнивать несколько тестовых групп одновременно
  • невозможно быстро сфокусироваться на нужных метриках
  • таблица перегружена и плохо сканируется
  • срезы усложняют структуру и увеличивают когнитивную нагрузку
Проблема:
Моя задача:
  • упростить восприятие таблицы
  • дать пользователю контроль над данными
  • улучшить сценарий сравнения
  • привести интерфейс к системному виду
UI: приведение к системе
Я пересобрала интерфейс на компонентной основе:
  • унифицированы отступы и типографика
  • выровнена структура таблицы
  • стандартизирован нейминг
  • добавлены повторно используемые компоненты
Получился интерфейс, который:
  • позволяет гибко управлять данными
  • упрощает сравнение метрик
  • снижает когнитивную нагрузку
  • адаптируется под разные сценарии анализа
Результат:
UX-решения
1. Фильтрация как основной инструмент управления.
Я добавила панель фильтров, где пользователь может выбрать:
  • тестовые группы
  • метрики
  • срезы
2. Работа со срезами.
Я вынесла срезы в отдельный фильтр с вложенной структурой:
  • платформа
  • способы оплаты
  • регионы
  • и т.д.
3. Альтернативный формат таблицы.
Я предложила новый формат, где:
  • строки — это срезы
  • колонки — метрики
  • внутри ячеек — значения по тестовым группам
4. Сравнение нескольких тестовых групп.
Я реализовала отображение нескольких дельт внутри одной ячейки (TT1, TT2 и т.д.)
Made on
Tilda