Шрифт:
Интервал:
Закладка:

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


Не переборщите с количеством карточек KPI. Если заказчик просит вывести в них 7–10 показателей, объясните, что это сделает числа сложными для восприятия и приведет к перегрузу дашборда. Я рекомендую добавлять не более 6 карточек.

Резюме
Карточки KPI – первое, что видит пользователь на дашборде. Тут не нужны диаграммы и яркий цвет, все внимание должно быть сконцентрировано на важном числовом показателе. Мы создали эти элементы за несколько шагов.
1. На листе со сводными таблицами сформировали выборку с общими показателями плана и факта.
2. На листе с заготовками диаграмм («Чистовик») сформировали первую карточку: сослались на ячейку с показателем плана на другом листе, настроили разрядность и дали карточке понятное название.
3. Оформили внешний вид первой карточки: увеличили шрифт числового показателя и добавили светло-голубую заливку, чтобы акцентировать внимание на KPI.
4. С помощью тиражирования уже созданной карточки создали две новые – «Факт» и «Исполнение». Повторять все шаги настройки уже не придется, но нужно изменить ссылку в строке формул для показателя карточки «Исполнение».

Оформляем карточки итоговых показателей: урок на YouTube
https://rebrand.ly/kpi-cards
2.3 Выравниваем дашборд и добавляем заголовок
Из-за изменения размера карточек диаграммы на макете растянулись и часть данных на них уехала за пределы экрана. Но нам важно, чтобы пользователь видел всю информацию сразу.

Чтобы все помещалось на одном экране, нужно изменить размеры графиков и диаграмм. Для этого выделяем блок с диаграммой и регулируем размер, передвигая линии его границ.
То же самое делаем и с остальными визуальными элементами. Если необходимо переместить блок с диаграммой ровно по горизонтали или вертикали, выделяем его и, зажав клавишу Shift, передвигаем мышкой.

Удаляем лишнюю строчку между карточками и визуальными элементами. Теперь добавим на лист название дашборда.




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

Вот как выглядит наш дашборд после всех операций по сборке.

Резюме
Практика показывает: любая неаккуратность снижает не только ценность вашей работы, но даже доверие к данным. Хорошо оформленный дашборд стоит дороже.
Вот что мы сделали для этого.
1. Изменили размер диаграмм, чтобы уместить все на один экран.
2. Выровняли расположение визуальных элементов.
3. Добавили заголовок дашборда в пустые строки над карточками.
4. Убрали с листа Excel линии сетки.

Уделяйте достаточно внимания и грамотному расположению элементов, и их выравниванию. Только в этом случае продукт может выглядеть профессионально.


Выравнивание, заголовок, отключение сетки: урок на YouTube
https://rebrand.ly/alignment
Часть 3
Анатомия диаграмм
Довольно быстро мы построили дашборд. И выглядит он как интерактивное аналитическое приложение, а не просто набор диаграмм и фильтров, как это обычно получается в Excel. Многим кажется, что уже «нормально», но мы с вами только в начале пути.
Эта часть книги – о тонкой настройке элементов диаграммы, из которых и складывается первое впечатление – «красиво и понятно». Чтобы ваша работа выглядела профессионально и дорого, необязательно быть дизайнером. Надо просто следовать ряду правил, о которых я расскажу.
Эти правила актуальны для любого инструмента, будь то Excel, PowerPoint, Power BI, Tableau или новая российская BI-система. Названия элементов диаграммы в них могут отличаться, но принципы настройки одинаковы. То, что вы научитесь делать в обычном Excel, затем сможете грамотно применять в продвинутых программах.
3.1 Анализируем готовые стили оформления
Для настройки внешнего вида диаграмм Excel предлагает целый набор шаблонов. Разберемся, чем они удобны, а чем не подходят.
Чтобы посмотреть предложенные варианты, выделите любую диаграмму и откройте появившуюся вкладку «Конструктор» в меню. Список стандартных шаблонов можно увидеть в разделе «Стили диаграмм» и в выпадающем меню под кнопкой «Экспресс-макет».

Как выбрать экспресс-макет
Для нашего графика «Динамика расходов» Excel предлагает 12 вариантов шаблонов. Отличаются они наличием или отсутствием некоторых элементов, а также их разным расположением.

Из этих вариантов нам более или менее подходит «Макет 2», потому что на нем есть необходимый набор данных и элементов:
● название диаграммы;
● правильно расположенная легенда (над диаграммой);
● метки данных;
● только горизонтальная ось (вертикальная не нужна, потому что есть метки данных);
● линии сетки отсутствуют, чтобы не создавать преград для восприятия информации.
Остальные экспресс-макеты для наших задач не подходят: на них либо нет нужных элементов, либо много лишних. Поэтому, когда нет времени, такой макет можно взять для дополнительной доработки.
Мы не будем использовать этот вариант, а проведем тонкую настройку диаграммы самостоятельно, чтобы вы понимали, как устроен этот процесс. Но сначала посмотрим, какие шаблоны предлагает Excel в разделе «Стили диаграмм».
Чем не подходят шаблонные стили
В каждом из предложенных вариантов стилей уже заданы определенные настройки: фон диаграммы, расположение легенды, размеры шрифтов, визуальное оформление линий или столбцов.

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