Заставьте данные говорить. Как сделать бизнес-дашборд в Excel. Руководство по визуализации данных - Алексей Сергеевич Колоколов

все оформление здесь – это разные оттенки зеленого.

Почему тема подходит

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

● Есть цвета для акцента на отклонениях. Зеленый, красный и желтый имеют хорошую насыщенность и будут заметны на фоне остальных.

● Для показателей «План» и «Факт» можно подобрать контрастные цвета, например сизый и коричневый.

● Доступная палитра позволяет выбрать подходящие оттенки и для остальных элементов дашборда.

● Шрифт темы без засечек, начертание нормальное. Все цифры одного размера – их легко читать.

Анализируем недостатки

Во-первых, в этом сочетании зеленых цветов нет контраста: столбцы «План» и «Факт» сливаются в одну размытую фигуру.

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

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

Как это можно исправить

Для карточек и срезов подберем светлые оттенки зеленого и желтого цветов, чтобы они не перетягивали на себя внимание.

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

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

Для столбцов и линий «Факт» оставим цвет по умолчанию – зеленый.

Меткам данных зададим оттенки на тон темнее соответствующих столбцов, чтобы их было лучше видно.

В результате из той же цветовой темы «Аспект» мы получаем совсем другой дашборд.

Пример 2: меньше яркости для служебных элементов

Рассмотрим еще один вариант от Excel – тему «Эмблема». В ней предусмотрена хорошая палитра, однако по умолчанию она применяется с явным перебором желтого, а насыщенный цвет срезов отвлекает внимание от данных.

Почему тема подходит

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

● Есть цвета для акцентов на положительных и отрицательных показателях: зеленый, красный и желтый.

● Для основных цветов есть два варианта. Первый – «золотой» для «Плана» и оливковый для «Факта». Второй – сине-зеленый для «Плана» и лиловый для «Факта». В каждом сочетании будет нужный контраст.

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

Анализируем недостатки

Можно найти несколько мелких недочетов в этой теме, но я предлагаю сконцентрироваться на главном. Большое количество желтого цвета на всех элементах отвлекает внимание от данных – нужно совершить усилие, чтобы найти на дашборде нужную информацию.

Как это можно исправить

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

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

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

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

Есть спрос – будет и предложение. Иногда заказчики даже просят «золотое на черном с бахромой», потому что просто не видели других примеров дорогого дизайна. В том числе и поэтому мы предлагаем на выбор несколько вариантов оформления.

Но практика показывает: в повседневной работе с дашбордом клиент понимает, что черный шрифт на светлом фоне читать удобнее.

Пример 3: фон дашборда не обязан быть белым

Рассмотрим еще один вариант Excel – тему «Посылка». Как и в «Эмблеме», здесь многовато желтизны, но зато даже в варианте по умолчанию «План» и «Факт» достаточно контрастны. Можно оставить и в таком виде, а можно потратить еще полчаса и превзойти ожидания заказчика.

Почему тема подходит

На первый взгляд палитра может показаться слишком бледной из-за нейтральных пастельных оттенков. Но на ее основе можно создать оригинальный стиль функционального дашборда. Вместо классического «светофора» (зеленого, желтого и красного) здесь есть интересные оттенки: кирпичный, оливковый и золотой.

Анализируем недостатки

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

В нашем случае тема неудачно применилась к дашборду – и опять все стало желтым. Это и будем исправлять.

Как это можно исправить

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

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

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

Контраст между столбцами и линиями «План» и «Факт» задам другими цветами – кирпичным и оливковым соответственно.

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

Резюме

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

1. Изменили цвета в теме «Аспект» и превратили сливающийся зеленый дашборд в яркий зелено-желтый.

2. Создали сразу два варианта с темой «Эмблема» в разных цветах: спокойный