Грамотная визуализация отчета Дашборд

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

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

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

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

Одним из сервисов, который заранее может показать, как будет распределяться внимание пользователя, при виде на картинку, на что будет обращено внимание visimportance. На данный момент пока существует только Демо версия. Сервис интуитивно понятен и можно понять, как с ним работать сразу. Принцип работы заключается в том, что портал загружается картинка и на выходе пользователь видит тепловую карту поверх изображения. Цвета распределяются от красного к синему (от теплого к холодному). И сразу становится понятно, какие части обращают на себя внимание сразу, а какие (может и более информативные) не сразу попадают в поле зрения.

В статье будет рассмотрено два примера «Дашборда», один будет весь в инфоргафике, а второй будет более подробным с таблицами. Протестируем их через сервис visimportance и посмотрим, какой из «Дашбордов» будет более информативным.

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

Рисунок 1 - "Дашборд". Пример 1

После загрузки и наложения тепловой карты поверх изображения (рисунок 2) можно увидеть, что именно на этот график и падает взгляд. Таблица – не информативный показатель для быстрого принятия решения. Так же слишком много фильтров занимает пространство, на которые можно расположить еще многие показатели. Чуть выше графика расположены другие показатели, но т.к. они выделены не крупно, то можно тоже не сразу их заметить.

Visual Importance Prediction

Рисунок 2 - "Дашборд". Пример 1. Тепловая карта

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

Рисунок 3 - "Дашборд". Пример 2

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

Visual Importance Prediction

Рисунок 4 - "Дашборд". Пример 2. Тепловая карта

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