Единица 8 / 11

Дизайн информационной панели и визуализация данных

Прибыль:

  • Умение объяснить принципы хорошей информационной панели (целевая аудитория, иерархия показателей, правильный выбор диаграммы)
  • Способность создавать эскизы панелей, выбирать графику и описательный текст с поддержкой искусственного интеллекта и предоставлять данные.
  • Способность распознавать и исправлять ошибки, связанные с вводящей в заблуждение визуализацией, отсутствием контекста и ненужной сложностью.

Dashboard (англ. Dashboard) — это визуальный интерфейс, который суммирует статус задания на одном экране таким образом, чтобы его можно было быстро прочитать. Хорошая информационная панель позволяет менеджеру спрашивать: «Как дела?» за 30 секунд, пока он пил утренний кофе. Он дает ответ на вопрос. Плохая информационная панель содержит десятки изображений, цветов и цифр; никто не смотрит. Качество доски заключается не в ее графической красоте, а в том, что она быстро дает правильный ответ на правильный вопрос. Для специалиста по MIS разработка информационной панели — это последний шаг, на котором данные превращаются в решение; Одна плохая визуализация может свести на нет всю хорошую работу, проделанную до сих пор.

Хороший дизайн информационной панели начинается с трех основных вопросов. Кто будет смотреть? Потребности генерального директора и операционной команды различны: генеральный директор хочет получить сводку и тенденции, операционный отдел хочет детализировать и текущий статус. Какому решению это служит? Совет создан не для того, чтобы «красиво выглядеть», а для того, чтобы поддержать решение. Какие показатели имеют решающее значение? Не все, что можно измерить, вынесено на доску; Выбирается лишь небольшое количество метрик, влияющих на решение. Выбрать диаграмму без ответа на эти три вопроса — значит поставить телегу впереди лошади.

Иерархия метрик и выбор правильной диаграммы

Хорошая информационная панель построена по иерархии: несколько наиболее важных сводных показателей (карточек KPI) вверху, тенденции внизу, детали внизу. Глаз сначала видит общую картину, а затем погружается глубже. Показать все одинакового размера — значит ничего не подчеркивать.

Выбор изображения зависит от передаваемого сообщения. Линейный график тренда с течением времени; гистограмма для сравнения между категориями; торт или один сложенный брусок на части целиком (если частей мало); Диаграмма рассеяния подходит для отношений двух переменных. Неправильный график портит сообщение: отображение временного тренда на круговой диаграмме нечитабельно. ИИ быстро подсказывает, какая диаграмма соответствует набору данных, и обрисовывает структуру информационной панели; но окончательный выбор — это человеческое решение, основанное на сообщении, которое вы хотите донести.

Подсказка: «Какое единственное предложение должно заставить вас произнести это изображение?» просить. Графика должна передавать одно четкое сообщение. Если вы не можете составить предложение, то график либо избыточен, либо имеет неправильный тип.

Как избежать вводящих в заблуждение визуализаций

Визуализация может непреднамеренно (или намеренно) ввести в заблуждение. Наиболее распространенные ошибки: усеченная ось (небольшая разница выглядит огромной, когда ось Y начинается не с нуля); отсутствует контекст (когда число относится к целевому/последнему периоду или не имеет смысла); чрезмерный цвет и орнамент (объемные эффекты, тени затрудняют чтение); слишком много метрик (отвлекается, теряется важное). ИИ может попасть в эти ловушки при создании повествовательных и графических предложений для информационной панели; Эксперт MIS интерпретирует полученные данные как «вводит ли это визуальное заблуждение?» проверяет глазами. Честная визуализация — это вопрос этики: если данные точны, но представление вводит в заблуждение, результатом будет ложь.

Три мини-кейса: в цифрах

Случай 1 — Иллюзия пунктирной оси. На панели продаж ось Y начиналась с отметки 90; Когда оборот увеличился с 92 до 95, график увеличился почти втрое. Фактический рост составил 3%. Руководство собиралось выделить дополнительный бюджет, посчитав это «колоссальным ростом». Когда ось была инициализирована с нуля, было замечено фактическое небольшое увеличение, и решение было исправлено.

Случай 2 — Слепота слишком большого количества метрик. В одной операционной панели на одном экране было 28 показателей; Команда не искала несколько месяцев. Эксперт MIS выделил 5 метрик, повлиявших на решение, и разместил их вверху, а остальные перенес на вторую вкладку. Ежедневное использование платы увеличилось в 3 раза. Меньшее количество метрик работало лучше, чем большее.

Случай 3 — неправильная рекомендация карты ИИ. В одной маркетинговой команде ИИ предложил 12-месячную динамику трафика с помощью круговой диаграммы; Как только каждый месяц был кусочек, тенденция полностью исчезла. Когда эксперт превратил это в линейный график, сезонное снижение стало очевидным. Если бы предложение ИИ было принято вслепую, критическая тенденция была бы упущена.

Слабая подсказка/Сильная подсказка

Слабая подсказка:

Создайте информационную панель для этих данных о продажах.

Мощная подсказка:

Ваша роль: вы эксперт по визуализации данных. Предложите СТРУКТУРУ информационной панели на основе следующих данных и целевой аудитории. Контекст:- Целевая аудитория: региональные менеджеры по продажам.- Решение: в какой регион выделить дополнительные ресурсы. Правила: - Предложите до 4 карточек KPI вверху (каждая с контекстом, основанным на цели). - Для каждой диаграммы: введите, какое отдельное сообщение она передает, почему это именно тот тип. - Рассмотрите потенциально вводящие в заблуждение варианты (пунктирная ось, слишком много показателей). - Применяется иерархия показателей (сводка) → тенденция → детализация). Поля данных: регион, месяц, оборот, цель, количество клиентов.

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

Четыре копируемых шаблона

1) Проект структуры правления:

Предложите структуру информационной панели для следующих данных и аудитории: карточки KPI вверху, тенденции посередине, подробности внизу. Какие метрики и почему по каждому разделу. Аудитория: [роль] Данные: [поля]

2) Выбор типа диаграммы:

Предложите наиболее подходящий тип диаграммы и обоснование для каждого вопроса анализа ниже; Укажите неподходящий тип как «почему бы не использовать его». Вопросы: [например. «как менялся оборот с течением времени?», ...]

3) Контроль обмана:

Изучите приведенное ниже описание информационной панели на предмет вводящей в заблуждение визуализации: сломанная ось, отсутствующий контекст, чрезмерное приукрашивание, слишком много показателей. Предложите исправление для каждого вывода. Описание: [текст]

4) Рассказ о карте KPI:

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

Сравнительная таблица: сообщение и графика

Сообщение/Вопрос

подходящий рисунок

Следует избегать

Тенденция с течением времени

линия

торт

Сравнение категорий

стержень

3D торт

Части целого (немногие)

торт/батончик

Многокусковый торт

Две переменные отношения

Разброс

стержень

одно критическое число

Карта КПЭ

сложная диаграмма

Распространенные ошибки

  • Проектирование без учета целевой аудитории. Предоставление подробностей генеральному директору и краткое описание операции делает информационную панель бесполезной.
  • Использование оси разреза. Если ось Y не начинается с нуля, небольшая разница будет выглядеть большой; Это вводит в заблуждение.
  • Наполнение дашборда метриками. Умеренность всего скрывает самое важное; меньше значит больше.
  • Показ чисел без контекста. Голая цифра не имеет смысла без цели, последнего периода или контрольного показателя.
  • Слепо принимая рекомендации карты ИИ. Модель может предлагать неподходящую графику; Я оцениваю каждое предложение, спрашивая: «несет ли оно смысл?» Проверьте это, сказав.
Внимание: даже если информационная панель отображает данные точно, ее представление может ввести в заблуждение. Честная визуализация — это этическая ответственность. Когда графика, которая «технически правильна, но производит неправильное впечатление», приводит к неправильному решению, ответственность лежит на дизайнере.

В итоге

Дашборд — это визуальный интерфейс, который в быстро читаемом формате суммирует состояние бизнеса, а его качество заключается не в красоте, а в быстром ответе на правильный вопрос. Хороший дизайн начинается с вопросов о целевой аудитории, принятых решениях и критических показателях; Это следует за иерархией показателей и выбором графики, соответствующей сообщению. Этическим императивом является избегать ошибок, таких как сломанная ось, отсутствие контекста и избыточные показатели. Искусственный интеллект ускоряет создание структуры информационной панели, рекомендаций по диаграммам и описания ключевых показателей эффективности; но каждое ли предложение несет суть точно и честно? Это должно контролироваться людьми.

Задача приложения

Создайте операционную панель для колл-центра. (1) Запишите целевую аудиторию и решение, которое будет приниматься советом директоров. (2) Создайте структуру информационной панели с мощной подсказкой, в которой рекомендуется использовать до 4 карточек KPI и 3 графиков. (3) Покажите и исправьте, что хотя бы один из графиков, предложенных моделью, передает неверное сообщение. (4) Проведите проверку на подделку (сломанная ось, лишние метрики) и найдите как минимум 2 проблемы. (5) Напишите контекстный текст для карты KPI на основе целевого и истекшего периода.

контрольный список

  • [ ] Я уточнил целевую аудиторию и принятое решение.
  • [ ] Я применил иерархию показателей (сводка → тенденция → детали).
  • [ ] Каждое изображение несет в себе одно четкое сообщение.
  • [ ] Я правильно инициализировал оси Y (обычно с нуля).
  • [ ] Я представил каждую проблему в контексте целевого/прошлого периода.
  • [ ] Я проверил графические предложения ИИ на точность сообщений.