🏡 Back Home

⬆:: ОБ - Профессия Аналитик
⬅::
📅:: 2023-02-01

Визуализация данных и бизнес-дашборды - ПА

Содержание модуля

Рис - Визуализация данных и бизнес-дашборды - ПА.png

Модуль 1. ✅ Культура работы с данными.

9 уроков. Юлия Алиферова.

Подготовка данных.
Как правильно их подготовить для получения интерактивного дашборда.
Плоские, сводные и умные таблицы.
Теория + Практика: 40 мин
Самостоятельная работа: 30 мин

📄 [План-факт расходы ФОТ.xlsx](План-факт расходы ФОТ.xlsx)
📄 [Плоская таблица - решение](Плоская таблица_решение.xlsx

Преобразование таблицы:
Рис - плоский формат таблицы.png
Таблица с группировкой или кросс-таблица (отдельные столбцы для каждого месяца) являются популярными вариантами отчетности. Однако по такой таблице невозможно сформировать сводную таблицу. Для построения интерактивного дашборда исходную таблицу нужно преобразовать в плоский формат.

"когда мы названия перенесли в колонку А, выделяем диапазон колонки А, далее жмем Ctrl+G - выделить пустые, далее жмем "=" и тыкаем формулу верхней ячейки и жмем Ctrl+Enter. Понятно что на маленьком примере это довольно длинная операция но когда работаешь с большими данными очень помогает."

Умная таблица

Рис - умная таблица.png

Использование умных таблиц позволяет автоматически добавлять данные в сводные таблиц и диаграммы.
Сочетание клавиш Ctrl+T.

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

Чтобы не было перекрытия отчетов - оставлять место для расширения сводной таблицы (горизонтально и вертикально).

Интерактивные срезы - подключение нескольких графиков к одному срезу через: Срез -> Подключение к отчетам.

ДЗ1

Мой результат по урокам:
Pasted image 20230204111647.png

Задание:

Рис - ПА - ДЗ1.png

Рис - ПА - ДЗ - 1.png

Модуль 2. ✅ Бизнес - дашборды

13 уроков. Юлия Алиферова.

Логическая структура и выделение уровней информации.
Типовые ошибки.
Оптимальная структура.
Формирование динамичного дашборда.
Теория: 28 мин
Самостоятельная работа: 1-2 часа

Освоите ключевые правила работы с визуальными элементами:

Перед тем как собирать Дашборд лучше составить прототип-схему. Прототип можно составить в любом графическом редакторе, нарисовать от руки схематически на бумаге или отобразить в Power Point.

Рис - ПА - Уровни информации для дашборда.png

Рис - ПА - структура дашборда.png

Цель этого курса - дашборд:
Рис - ПА - цель курса 1 - дашборд.png

Создаем черновик и чистовик.
Такой должен быть чистовик до стадии дизайна.
Рис - ПА - цель курса 1 - дашборд=заготовка.png

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

Отключение в настройках (формулы -> работа с формулами) или:

Рис - ПА - убрать ссылки на сводную таблицу.png

Создаем карточки KPI и тиражируем

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

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

На IOS во вкладке Вид может не быть команды Сетка. В таком случае должна быть команда «показать», нажимаем на нее, убираем галочку с команды «Сетка».

Настроить разрядность данных на диаграммах:

Рис - ПА - разрядность данных на диаграммах.png

Для форматирования цифр - лучше форматировать их в Сводная таблица.
Линии и шкалы не нужны, если есть Подписи данных.

Задание:
(продолжаем использовать таблицу с ФОТ)
✅ Задание ФОТ - Дашборд 1 - 2023-02-04

Рис - ПА - ДЗ-2.png

Самостоятельная работа №2

Вам необходимо расположить элементы дашборда по сетке. 
Урок про уровни информации - тут
📄 Кейс_самостоятельная.xlsx
📄 Кейс_выравнивание по сетке_решение.xlsx
✅ Кейс_самостоятельная_NU.xlsx

Чеклист расположения диаграмм

Рис - ПА - Чеклист расположения диаграмм.png|300
Вид ДО:
Рис - ПА - ДЗ - СР2.png

Вид ПОСЛЕ:
Рис - ПА - ДЗ - СР2-после.png

Мой вид ПОСЛЕ:
Рис - ПА - ДЗ - СР2-МОЙпосле.png

Параметры настройки Сводных таблиц - по умолчанию - супер-экономия времени!

Рис - ПА - пример дашборда - техподдержка.png

АнтиПример дашборда (где-то пусто, где-то перегружено)
Рис - ПА - Антипример дашборда.png

Рис - ПА - Антипример дашборда2.png

Решение - распределение информации от общего к частному.
[[Рис - ПА - логика расположения элементов от общего к частному.png]]
[[Рис - ПА - Уровни информации для дашборда.png]]

Кейс "Воронка продаж"
Пример для решения конкретной задачи, данные велись в excel. Схема расположения нарушена для удобства восприятия.

Рис - ПА - кейс воронка продаж.png

Если бы следовали правилам, то получилось бы так (хуже):
Рис - ПА - кейс воронка продаж-хуже.png

Рис - ПА - кейс воронка продаж-схема дашборда.png

Рис - ПА - кейс воронка продаж - сравнение дашбордов.png

Насмотренность: написание рецензий на демо-дашборды из галереи Microsoft и Tableau

Задача и требования

Найти в галерее табло, майкрософт  (или ваш вариант) интерактивный дашборд и провести его исследование.

Смотреть работы в галерее табло

Смотреть работы в галерее майкрософт

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

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

Примеры

Вот подобная работа не будет зачтена - тут просто описан дашборд, никакого анализа не произведено:
Пример работы как НЕ НАДО делать:
Анализ Дашборда

Пример хорошей работы:
Анализ Дашборда
Хорошая работа 1
Хорошая работа 2

Наши статьи про разбор инфографики (это как пример подхода почитать, вам не требуется насколько досконально)
В поисках золотого сечения
Есть ли жизнь на Марсе

  1. О чем этот дашборд, какие выводы можно из него сделать?
  2. Какие приемы визуализации вам понравились?
  3. Какие элементы вы считаете непонятными, неочевидными?
  4. Как бы вы их исправили?

✅ Рецензия на демо-дашборд - HR Metrics Dashboard

Рис - ПА - ДЗ - задание на насмотренность.png

Модуль 3. Правила визуализации данных

26 уроков. Юлия Алиферова.

Системная работа с параметрами диаграмм.
Чеклист диаграмм.
Создаем шаблон диаграмм.
Теория: 20 мин
Самостоятельная работа: 30 - 60 мин

Разберетесь в мелочах, от которых зависит вид дашборда:

Сводная диаграмма

📄 гид по стилю диаграмма (1400 × 900 пикс.).pdf
✅ План-факт расходы ФОТ_NU_3.xlsx

Рис - ПА - ДЗ - настройка диаграмм по шаблону.png

Рис - ПА - ДЗ - вид дашборда 3.png

Самостоятельная работа №3

Преобразуйте диаграммы по чек-листу

Вам необходимо преобразовать диаграммы дашборда из самостоятельной работы №2
А так же создать интерактивные карточки

Карточки
Необходимо создать новую сводную таблицу с выборкой для карточек и создать интерактичные карточки KPI.
Не забудьте подключить карточки к срезам!

Чек-лист оформления диаграмм

Шпаргалка по шрифтам

Pasted image 20230204194216.png

Pasted image 20230204194227.png

📄 Самостоятельная работа_чистые диаграммы.xlsx
✅ Кейс_самостоятельная_NU_2.xlsx

Рис - ПА - ДЗ - СР3 - мой вариант.png

Правила визуализации данных

Если один набор данных, то можно использовать любой из 2х вариантов:
Рис - ПА - диаграмма для одного набора занчений.png|300

Если 2 набора данных, то можно использовать комбинированную диаграмму:
Рис - ПА - диаграмма для двух наборов значений.png|300

Комбинированную диаграмму лучше отформатировать в одной цветовой гамме.
Рис - ПА - диаграмма для двух наборов значений форматированная.png|300

Если сначала добавить факт как область, а потом повторно добавить как линейчатая диаграмма, то можно красиво залить низ светлым цветом, а линию прорисовать ярким со значениями.
Рис - ПА - диаграмма для двух наборов значений форматированная с областями.png|300

Чек-лист по добавлению меток над линией графика

Альтернативный вариант - если один набор данных, то зазор можно уменьшить до 30-35%.
Если изменить название в строке, то оно изменится и на диаграмме. Например, если названия слишком длинные, то их можно таким образом сократить. ⬇

Рис - ПА - корректировка названий столбцов.png

Не читаемый вариант диаграммы с накоплением - лучше использовать Срезы!
Рис - ПА - нечитаемый вариант диаграммы с накоплением.png

Модуль 4. Сборка финального продукта

12 уроков. Юлия Алиферова.

Тонкая настройка дизайна.
Использование корпоративных макетов дизайна.

Теория: 50 мин
Самостоятельная работа: 1 час

Бонусный воркшоп:

Дашборд в Yandex DataLens