Galochka+

icon picker
MVP конструктора дашбордов для управленческого учета

Разработали дизайн за 2 месяца

admin-settings-male

О клиенте

“Галочка+” это программа для финансового и управленческого учета. Она показывает бизнесу, из чего состоит прибыль, какие услуги/подразделения приносят больше выручки, откуда идут убытки, а где потенциал для роста. У клиента была статичная версия дашборда с предустановленными графиками. Проблема заключалась в том, что порядок и тип диаграмм нельзя было поменять. Предстояло создать гибкий конструктор, который можно настраивать под любые задачи.
brief

Задача

Для клиентов “Галочки+” важно оперативно контролировать финансовые показатели. Для этого нужны дашборды, которые можно сконструировать самостоятельно. Данные необходимо отображать в виде графиков, диаграмм и сводных таблиц.

goal

Цель

Спроектировать MVP конструктора дашбордов, который смог бы подключаться к основной программе “Галочка+”. Сделать его простым и удобным даже для неопытного пользователя. Заложить важное при этом отсечь второстепенное, чтобы программирование не заняло много времени.

Сложно и неопределенно

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

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

knowledge-transfer

Конкурентные площадки

Для построения дашбордов есть масса площадок. Некоторые из них покинули российский рынок из-за санкций. Мы изучили каждую из них, чтобы понять, как строить диаграммы удобнее всего:
Excel и Google Sheets
Microsoft Power BI
Yandex DataLens
Tabular
Visiology
Polymatika
Криста BI
innovation

Целевая аудитория

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

storytelling

Методологи клиента

Методологи — это консультанты Галочки+. Эксперты в управленческом учете, МСФО и бюджетировании. Они выстраивают единую систему учета для владельца бизнеса. Подсказывают, как правильно считать финансовые метрики. Мы провели большое количество интервью, обсуждали как работает система, и согласовывали предложения для конструктора.

Job Stories и боли
Я хочу:
Я не хочу:
видеть среднее по выручке для каждого типа дня (для пн, вт, ср…) чтобы понимать, соответствует ли выручка за сегодняшний день среднему значению.
упустить важные сдвиги из-за того, что система с задержкой обновляет данные (как это происходит сейчас в Excel).
смотреть выручку за вчера и позавчера, чтобы сравнивать ее с сегодняшней. Если я переключаюсь на день назад, то этот показатель должен меняться по аналогии. Если я смотрю отчеты по месяцам или по неделям, в этом показателе я хочу видеть отчет за месяц назад или неделю назад, по аналогии с днями.
постоянно загружать и обновлять информацию вручную
видеть динамику: если выручка больше на 20% от плана то значение подкрашивается нежно-зеленым (это значит мы молодцы). Если выручка больше на 40% то ячейка подкрашивается ярко зеленым (Это значит мы супер-молодцы).
тратить много времени на анализ
оперативно получать информацию, если происходят критические сдвиги: выручка в субботу отклонилась от среднего значения на -43%! Надо спросить с администратора, что происходит.
 «пинать» менеджеров если происходят критические отклонения
видеть реестр узких мест по персоналу: фио менеджера и вывод проблем по нему.
разбираться в новой системе и обнаружить, что она не подходит
There are no rows in this table
info
После изучения ЦА, погружения в проект и конкурентного анализа, мы сделали выводы и инсайты, на базе которых сформулировали решения для конструктора дашбордов

Проектирование

1.2. Диаграммы.jpg

Определили набор необходимых диаграмм

Гистограмма
Линейная диаграмма
Круговая и кольцевая диаграммы
Комбинированная диаграмма
Индикатор
Плоская и сводная таблицы

1.1. Флоучат.jpg

Сценарий в 3 шага

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


Решения


2.2. Выбор цвета.jpg
2.1. Группировка дат.jpg
2.4. Комбинированная диаграмма.jpg
2.5. Форматирование числа.jpg
2.6. Условное форматирование в один цвет.jpg
2.7. Условное форматирование градиент.jpg
2.8. Круговая диаграмма.jpg

Конструктор диаграмм

Группировка дат
Переключение вида диаграмм
Статичные подсказки и подсказки при наведении
Форматирование числа
Выбор цвета
Форматирование легенды
Группировка
Фильтрация и сортировка
Условное форматирование
Комбинированная диаграмма
Уведомления (оставили на 2-ой этап)


3.1. Добавление диаграммы на дашборд.jpg
3.2. Добавление текста, связи фильтра.jpg
3.3. Добавление фильтра и разделов.jpg

Конструктор дашбордов

Добавление диаграммы на дашборд
Добавление текста
Добавление подсказки
Создание фильтра дашборда
Создание раздела


4.1. Дашборд.jpg

4.2. Дашборд.jpg
4.3. Фильтрация и шеринг.jpg

Действия с готовыми дашбордами

Сортировка столбца таблицы
Фильтрация
Скрытие легенды
Скачивание
Шеринг


5.1. Дизайн система.jpg

Дизайн-система

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


verified-account

Итог

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

Отзыв клиента

Дизайнер проанализировал бизнес-процесс, помог сформулировать задачу четче. В целом, учитывая сложность и сроки, результат получился хороший. Очень радует вовлеченность, идеи и старания. Приятно удивлена, что дизайнер смог предугадать потребности. Времени и внимания на проектирование уделять приходится больше, чем хотелось бы, но это было ожидаемо. Можем работать дальше. Спасибо, что помогаете!
Екатерина Долгова Методолог Галочки +


Спасибо за внимание!

2


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.