Как вы оцените этот дэшборд?

Здравствуйте! Делаю POS‑систему: работа с кассой, чеками, учёт товаров и денег — и ещё много чего классного. Добрался до статистики продаж и понял, что зря пропустил уроки Тани Мисютиной :) Как вы оцените этот дэшборд? Что хорошо, а что можно улучшить?

Здравствуйте, Жаныбек!

Вы привели пример одного из самых базовых и распространённых мониторинговых дашбордов — овервью продаж. В целом, он неплохо собран, при условии, что действительно отвечает на важные вопросы бизнеса. Но даже на таком простом примере можно кое‑что улучшить, применив принципы визуализации сложных данных и подход алгоритма Δλ.

Начнём с приниципа логичности, согласно которому похожие элементы должны «притягиваться» друг к другу. У вас есть два этажа — сегодня и всего за период — разделённые детальным графиком. При этом выбор периода отстоит от блока, к которому применяется, из‑за этого не сразу понятно, что показывают общие цифры.

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

За счёт логичного и компактного расположения получилось увеличить спарклайны в разы.

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

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

Время и день недели я бы объединила в хитмап, опять же можно туда добавить цветные срезы по источнику и увидеть, что в кафе обедают и ужинают, а доставку чаще заказывают после 20:

В конце можно показать полную таблицу с позициями и метриками по ним, прямо в таблице дать возможность сортировать позиции по выручке/прибыли/заказам:

Если добавите в таблицу фильтр по типу (еда/напитки/десерты) и прибыль в процентах, то получится закрыть ещё несколько сценариев.

Хотела правки как обычно накидать в макете, но поленилась и сделала через Курсор. От исходной картинки, которую прислал Жаныбек, до готового интерактивного дашборда с правками и данными под капотом ушло меньше часа и всего с десяток запросов. Вёрстку можно докрутить, но вообще ИИ‑инструменты при работе с данными — это мощь. Рекомендую!

Живой дашборд доступен по ссылке.

P. S. Это был совет о визуализации данных. Хотите узнать всё о таблицах, графиках, диаграммах, картах, схемах и дашбордах? Присылайте вопросы.

Визуализация данныхАлгоритм ΔλПринципы визуализацииЧастица данных
Отправить
Поделиться
Запинить

Комментариев пока нет

Рекомендуем другие советы