← Все кейсы
B2G · Два года в продукте · NDA

Как упростил работу с аналитикой в большой B2G-системе

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

Период
Сентябрь 2023 – ноябрь 2025
Продукт
B2G-система примерно из 500 экранов
Раздел
Около 50–70 экранов аналитики
Проверка
8 пользователей, две версии
Моя роль
Продуктовый дизайнер
Аналитический экран с картой регионовСледующий уровень аналитики регионаОдин эпизод из двух лет работы

Проект под NDA. Названия и данные на экранах изменены.

Продукт и роль

Около 500 экранов, связанных ролями, статусами и документами

Сервисом пользовались сотрудники аналитического центра и органов власти. Внутри были реестры, карточки, аналитика и длинные переходы между разделами. Сам раздел аналитики занимал около 50–70 экранов.

Задача раздела

Быстро заметить отклонение и понять, где оно возникло

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

≈500

экранов во всём сервисе

50–70

экранов в разделе аналитики

20–30

человек в постоянном рабочем контакте

Моя зона ответственности

Собрать рабочий сценарий внутри готовой системы

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

В постановкеПоля, роли и бизнес-требования

Этого хватало разработке, но не всегда хватало для сборки понятного пользовательского пути.

В дизайн-решенииКонтекст → сценарий → состояния

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

  1. 01

    Отделял задачу пользователя от формы постановки

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

    Макет отвечал на рабочий вопрос, а не повторял структуру документа
  2. 02

    Собирал карту зависимостей

    Связывал роли, права, статусы, документы, пустые состояния и развилки длинного сценария.

    До отрисовки было видно, какие части системы затронет изменение
  3. 03

    Сверял решение с готовым продуктом

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

    Новые правила появлялись только там, где старые не решали задачу
  4. 04

    Защищал логику перед командой и заказчиком

    Объяснял не внешний вид экрана, а связь решения с задачей, ограничениями и последующими шагами пользователя.

    На согласованиях обсуждали конкретные решения, а не вкусовые предпочтения
Один из эпизодов

Аналитика: найти отклонение и дойти до причины

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

Что увидел на первой версии

Цифры конкурировали с основной задачей

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

Что фиксировал

Лишние переходы и ошибочные нажатия

Некоторые нажимали не туда, уходили в другой раздел и тратили время на анализ показателей, которые не помогали найти этап проблемы.

Граница проверки

Замер начинался внутри нужного подраздела

Путь по всему сервису сюда не входил. Стартовой точкой была уже открытая страница аналитики.

Проверка решения

Один рабочий сценарий в двух версиях

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

Граница теста

Весь раздел аналитики слишком велик для одного теста

В сервисе около 500 экранов, в разделе аналитики около 50–70. Для проверки выбрал один основной сценарий конкретного подраздела: от открытого обзора до найденной причины отклонения.

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

Тестовый сценарийНайти причину отклонения
Дано
Открыт нужный подраздел аналитики
Задача
Найти территорию с отклонением и проблемный этап
Старт
Пользователь видит первый экран подраздела
Финиш
Открыт конкретный этап процесса
Фиксировал
Время, маршрут, ошибочные клики и чтение лишних данных
Формулировки обезличены и восстановлены по рабочему сценарию.
Сессия 18 человек

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

Сессия 2Те же 8 человек

Повторяли задачу на версии с картой, сокращённым набором сигналов и переходом в детали.

СравнениеПуть и поведение

Сравнивал время, ошибки, возвраты и то, куда уходило внимание.

Альтернативы

Первая версия заставляла разбираться в данных. Во второй проблемный участок был виден сразу

Вариант 1 · отказался

Много показателей на одном экране

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

  • Внимание уходило в чтение цифр
  • Пользователь сам собирал маршрут
  • Ошибочный переход было легко не заметить
Вариант 2 · выбрал

Карта показывает, где есть отклонение

Оставил основные сигналы, поставил карту в центр и сохранил переход от территории к этапу процесса и ответственному.

  • Сначала видно отклонение
  • Следующий шаг следует из выбранной территории
  • На каждом уровне одна задача
Что поменял между версиями

Между версиями я убрал четыре причины лишнего маршрута.

  1. 01
    Сократил показатели на первом уровне

    Оставил сигналы, которые помогают заметить отклонение. Детальные цифры перенёс глубже.

  2. 02
    Сделал отклонение заметным на карте

    Территория с проблемой стала видна до чтения детальных показателей.

  3. 03
    Сохранил контекст при переходах

    Выбранная территория, период и фильтры переходили вместе с пользователем на следующий экран.

  4. 04
    Разделил обзор и детали

    На каждом экране оставил один главный вопрос, чтобы вторичные данные не мешали следующему действию.

Маршрут

Проблемный участок стал заметен сразу, детали открывались по клику

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

До
  1. Открыть подраздел
  2. Разобраться в показателях
  3. Выбрать направление
  4. Понять, что ушёл не туда
  5. Вернуться и искать этап
После
  1. Открыть подраздел
  2. Увидеть отклонение на карте
  3. Выбрать территорию
  4. Провалиться до проблемного этапа
Решение

Один главный вопрос на каждом экране

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

Карта и основные сигналы
01 · ОбзорГде есть отклонение?

Карта показывает распределение по территориям и даёт первый осмысленный выбор.

  • Основные сигналы остаются над картой
  • Цвет помогает найти зону внимания
  • Клик по территории продолжает тот же сценарий
Аналитика выбранного региона
02 · ТерриторияГде и на каком этапе возникла проблема?

При переходе сохраняются выбранная территория, период и фильтры. Пользователь продолжает тот же сценарий, а не начинает анализ заново.

  • Контекст выбранной территории сохраняется
  • Фильтры и период переходят на следующий экран
  • Видно, на каком участке искать причину
Проблемный этап процесса
03 · Другой подразделНа каком этапе сейчас находится процесс?

Экран показывает весь процесс, текущий этап и сроки. Можно быстро понять, где находится работа и укладывается ли она в план.

  • Все этапы видны в одной последовательности
  • Текущий этап выделен среди соседних
  • Плановые и фактические сроки можно сравнить
Результат теста прототипа≈10 → 4–5 с

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

Путь занимал примерно на 50–60% меньше времени.

Нужный ответ стало проще получить прямо во время работы

Одни и те же восемь пользователей последовательно прошли две версии. Во второй сессии они быстрее доходили до нужной зоны и реже уходили по ошибочному пути.

Для сотрудника контролирующего органа это важно перед совещанием или прямо во время него: можно быстро найти территорию, открыть проблемный этап и ответить на вопрос по конкретной ситуации.

Передача в продукт

Подготовил экран к реальному использованию

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

Светлая темаСветлая тема аналитического экрана
Тёмная тема для большого экранаТёмная тема аналитического экрана для демонстрации на проекторе
01 · СостоянияДобавил пустые и пограничные состояния

Маршрут не обрывался, если по территории ещё не было полных данных.

Пользователь понимал, что произошло и что делать дальше.
02 · СогласованиеОбъяснял логику переходов, а не картинку

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

Команда обсуждала сценарий на одном языке.
03 · ПередачаЗафиксировал состояния и правила

Разработчики получили не только основной экран, но и поведение фильтров, переходов и неполных данных.

Сценарий можно было собрать без догадок между макетами.
Системный эффект

Результат вышел за пределы раздела аналитики

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

Процесс постановки70–80%

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

До: 2 человеко-часа на созвон аналитика и дизайнера. После: до 30 минут аналитика на заполнение шаблона. Экономия составляла около 1,5 часа на подходящую задачу.Расчётно это ≈105–240 человеко-часов на наблюдаемой выборке из 100–200 задач.Как меняли постановку →
Повторное использование50–100

экранов всей системы использовали компоненты, которые я придумал или переработал для раздела аналитики

Локальные решения вышли за рамки аналитики и помогли связать разные разделы единым поведением.
Оценка команды3 квартала

подряд получал внутреннюю номинацию «Гордость компании» за работу и помощь коллегам

Команда отмечала мою вовлечённость, помощь коллегам и умение доводить задачи до результата.
Итог

Мой вклад не ограничился одним разделом

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

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