Здравствуйте! Делаю POS-систему: работа с кассой, чеками, учёт товаров и денег — и ещё много чего классного.
Добрался до статистики продаж и понял, что зря пропустил уроки Тани Мисютиной :)
Как вы оцените этот дэшборд? Что хорошо, а что можно улучшить?
Здравствуйте, Жаныбек!
Вы привели пример одного из самых базовых и распространённых мониторинговых дашбордов — овервью продаж. В целом, он неплохо собран, при условии, что действительно отвечает на важные вопросы бизнеса. Но даже на таком простом примере можно кое‑что улучшить, применив принципы визуализации сложных данных и подход алгоритма Δλ.
Начнём с приниципа логичности, согласно которому похожие элементы должны «притягиваться» друг к другу. У вас есть два этажа — сегодня и всего за период — разделённые детальным графиком. При этом выбор периода отстоит от блока, к которому применяется, из‑за этого не сразу понятно, что показывают общие цифры.
Предлагаю поставить эти блоки рядышком, заодно избавиться от не нужных в этом сценарии знаков после запятой и причесав заголовок, чтобы он читался более естественно и не приходилось спотыкаться о кнопки «Экспорт» и «Печать» в поисках периода отчёта.
За счёт логичного и компактного расположения получилось увеличить спарклайны в разы.
Динамике не нужна вся ширина, давайте справа от неё поставим столбчатые диаграммы по источнику заказа и способу оплаты. Теперь можно настроить интерактивную связь между блоками и добавить цвет на один из срезов:
Интерактивная связь и цветовое кодирование — это следствие того, что под капотом у всех графиков лежит один и тот же набор заказов.
На первом экране мы уже показали больше, чем в исходном варианте дашборда, плюс закрыли дополнительные сценарий по просмотру динамики по срезам.
Время и день недели я объединила в хитмап, вместо выручки показала заказы и добавила туда цветные срезы по источнику, чтобы видеть, что в кафе обедают и ужинают, а доставку чаще заказывают после 20:
Один график по времени суток и дню недели не просто показывает самые загруженные часы и дни, но и даёт возможность проанализировать загрузку на стыке этих параметров. При этом цветовое кодирование по источнику логично «прорастает» и здесь, так как под капотом у хитмапа те же заказы.
В конце можно показать полную таблицу с позициями и метриками по ним, прямо в таблице дать возможность сортировать позиции по выручке/прибыли/заказам:
Тут работает принцип информативности — зачем показывать меньше, если можно показать больше без ущерба читаемости. Если добавите в таблицу фильтр по типу (еда/напитки/десерты) и прибыль в процентах, то получится закрыть ещё несколько сценариев.
Хотела правки как обычно накидать в макете, но поленилась и сделала через Курсор. От исходной картинки, которую прислал Жаныбек, до готового интерактивного дашборда с правками и данными под капотом ушло меньше часа и всего с десяток запросов. Вёрстку можно докрутить, но вообще ИИ‑инструменты при работе с данными — это мощь. Рекомендую!
Живой дашборд доступен по ссылке:
| # | Наименование новости | Тональность | Информативность | Дата публикации |
|---|---|---|---|---|
| 1 | Как написать сильный кейс о незавершённом проекте? | 0 | 8 | 27-06-2026 |
| 2 | Ты выложил один продающий пост. Получил тишину. И решил, что ... | -2 | 6 | 06-07-2026 |
| 3 | Ищу того, кто хорошо разбирается в hugo (site generator) и может плюс-минус в js/css | 0 | 5 | 24-06-2026 |
| 4 | Если убрать все законные льготы. Как Греф посчитал, что маркетплейсы недоплатили 1,5 триллиона рублей налогов? - обсуждение | -2 | 2 | 28-11-2025 |
| 5 | Message to community | 5 | 7 | 07-07-2026 |
| 6 | Как не позволить магазинам на вас заработать? | 0 | 0 | 11-11-2019 |
| 7 | Каждая ошибка = деньги на ветер и клиенты у конкурента ... | -6 | 7 | 06-07-2026 |
| 8 | День 4. Строю систему дохода на ИИ. Это пост, который ... | 2 | 5 | 07-07-2026 |
| 9 | Она работала учителем начальных классов, ушла в декрет и поняла: ... | 7 | 8 | 14-07-2026 |