одиниця 8 / 11

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

Прибуток:

  • Здатність пояснити принципи хорошої інформаційної панелі (цільова аудиторія, ієрархія показників, правильний вибір діаграми)
  • Здатність створювати чернетки панелей, вибір графіки та описовий текст із підтримкою штучного інтелекту та надання даних
  • Здатність розпізнавати та виправляти помилки в оманливій візуалізації, відсутній контекст і непотрібну складність

Інформаційна панель (англ. dashboard) — це візуальний інтерфейс, який підсумовує статус завдання на одному екрані таким чином, щоб його можна було швидко прочитати. Хороша інформаційна панель дозволяє менеджеру запитати "як справи?" за 30 секунд, випиваючи ранкову каву. Він дає відповідь на запитання. Погана інформаційна панель накопичує десятки зображень, кольорів і цифр; ніхто не дивиться. Якість дошки полягає не в її графічній красі, а в тому, щоб швидко давати правильну відповідь на правильне запитання. Для фахівця MIS проектування інформаційної панелі є останнім кроком, на якому дані перетворюються на рішення; Одна погана візуалізація може скасувати всю хорошу роботу, зроблену досі.

Хороший дизайн інформаційної панелі починається з трьох основних питань. Хто дивитиметься? Потреби генерального директора та операційної команди відрізняються: генеральний директор хоче підсумків і тенденцій, операційний – деталі та поточний статус. Якому рішенню це служить? Рада створена не для того, щоб «виглядати добре», а для підтримки рішення. Які показники є критичними? Не все, що можна виміряти, виноситься на дошку; Вибрано лише невелику кількість показників, які впливають на рішення. Вибір діаграми без відповіді на ці три запитання означає поставити віз попереду коня.

Ієрархія показників і вибір правильної діаграми

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

Вибір графіки залежить від повідомлення, яке потрібно передати. Лінійна діаграма тенденції в часі; стовпчаста діаграма для міжкатегорійного порівняння; торт або одинарний брусок для частин цілого (якщо частин мало); Діаграма розсіювання підходить для зв’язків двох змінних. Неправильна діаграма псує повідомлення: відображення тенденції часу за допомогою кругової діаграми неможливо прочитати. AI швидко підказує, яка діаграма відповідає набору даних, і окреслює структуру інформаційної панелі; але остаточний вибір – це людське рішення на основі повідомлення, яке ви хочете передати.

Підказка: «Яке окреме речення має спонукати вас сказати це зображення?» запитати. Графіка має передавати одне чітке повідомлення. Якщо ви не можете скласти речення, графік або зайвий, або має неправильний тип.

Уникнення оманливих візуалізацій

Візуалізація може ненавмисно (або навмисно) ввести в оману. Найпоширеніші підводні камені: усічена вісь (невелика різниця виглядає величезною, коли вісь ординат не починається з нуля); відсутній контекст (коли число відноситься до цільового/останнього періоду або воно безглузде); надмірна кольоровість і орнаментація (тривимірні ефекти, тіні ускладнюють читання); занадто багато показників (відволікання, те, що важливе втрачається). ШІ може потрапити в ці пастки, створюючи описові та графічні пропозиції на інформаційній панелі; Експерт MIS інтерпретує результат як "це візуальне введення в оману?" перевіряє очима. Чесна візуалізація є питанням етики: якщо дані точні, але презентація вводить в оману, результат є брехнею.

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

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

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

Випадок 3 — неправильна рекомендація AI щодо діаграми. В одній маркетинговій групі ШІ запропонував 12-місячну тенденцію трафіку за допомогою кругової діаграми; Після того, як кожен місяць був шматочок, тенденція повністю зникла. Коли експерт перетворив це на лінійний графік, стало зрозуміло сезонне зниження. Якби пропозиція AI була прийнята наосліп, критична тенденція була б упущена.

Слабка підказка / Сильна підказка

Слабка підказка:

Розробіть інформаційну панель для цих даних про продажі.

Потужна підказка:

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

Потужна підказка визначає цільову аудиторію, рішення, ліміт показників і контроль обману з самого початку; Вихід стає доступним для аудиту.

Чотири шаблони, які можна копіювати

1) Проект структури ради:

Запропонуйте структуру інформаційної панелі для таких даних і аудиторії: KPIcards угорі, тенденції посередині, деталі внизу. Які показники і чому для кожного розділу. Аудиторія: [роль] Дані: [поля]

2) Вибір типу діаграми:

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

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

Ознайомтеся з описом інформаційної панелі нижче на наявність оманливої візуалізації: зламана вісь, відсутній контекст, надмірне прикрашання, забагато показників. Запропонуйте виправлення до кожної знахідки. Опис: [текст]

4) Опис картки KPI:

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

Порівняльна таблиця: повідомлення та графіка

Повідомлення / Питання

відповідна графіка

Щоб уникнути

Тенденція з часом

лінія

торт

Порівняння категорій

стрижень

3D торт

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

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

Багаторазовий торт

Відношення двох змінних

Скаттер

стрижень

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

Картка KPI

складна діаграма

Поширені помилки

  • Дизайн без урахування цільової аудиторії. Надання детальної інформації генеральному директору та короткого опису операції робить інформаційну панель марною.
  • Використання розрізної осі. Не починаючи вісь Y з нуля, маленька різниця виглядає великою; Це вводить в оману.
  • Заповнення інформаційної панелі показниками. Поміркованість всього приховує важливе; менше - це більше.
  • Показ чисел без контексту. Голе число не має сенсу без цілі, останнього періоду чи контрольного показника.
  • Сліпо приймаючи рекомендації ШІ щодо схеми. Модель може запропонувати невідповідну графіку; Я оцінюю кожну пропозицію, запитуючи «чи несе вона зміст?» Перевірте це, сказавши.
Застереження: навіть якщо інформаційна панель відображає дані точно, вона може ввести в оману своєю презентацією. Чесна візуалізація – це етична відповідальність. Коли графіка, яка «технічно правильна, але створює неправильне враження», дає неправильне рішення, відповідальність лежить на дизайнері.

Підсумовуючи

Dashboard — це візуальний інтерфейс, який підсумовує стан бізнесу в зручному для читання форматі, і його якість полягає не в красі, а в швидкій відповіді на правильне запитання. Хороший дизайн починається з питань цільової аудиторії, прийнятого рішення та критичних показників; Він дотримується ієрархії показників і вибору графіки, що відповідає повідомленню. Це етичний імператив — уникати таких помилок, як зламана вісь, відсутній контекст і надлишок показників. Штучний інтелект прискорює створення структури інформаційної панелі, рекомендацій діаграми та наративу KPI; але чи кожна пропозиція несе меседж точно та чесно? Його повинні контролювати люди.

Аплікаційне завдання

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

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

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