Пост 37. Подсветка зависимостей. Или как читать дашборд за три секунды

Прихожу я на утреннюю планерку. На экране висит диаграмма Ганта на 500 строк. Всё переплетено, стрелочки, цвета, ромбики. Директор завода смотрит на это полотно, щурится и говорит: «Ну, чё там у нас горит-то? Где проблема?» Я начинаю водить лазерной указкой: «Вот тут задержка, а вот тут зависимость от поставки...» Директор машет рукой: «Ничего не понятно, делайте нормально!». И уходит.
Основные тезисы:
Визуализация должна отвечать на вопросы, а не задавать их.
Цветовое кодирование — это язык, который мозг считывает быстрее текста.
Если руководителю нужно больше трех секунд, чтобы понять статус проекта — ваш дашборд плох.
На что обязательно обращать внимание: Обязательно обращайте внимание на дальтонизм и восприятие цветов. Красный — это всегда опасность. Зеленый — норма. Желтый — внимание. Не используйте для критических статусов оттенки синего или фиолетового, они не вызывают чувства тревоги.
Правила визуализации зависимостей (5 пунктов):
1. Цветовая иерархия. Суть: Красный, Желтый, Зеленый, Серый. Пример решения проблемы: Каша из цветов на экране. Пример применения: Красный — критический путь и срыв. Желтый — риск срыва (буфер съеден). Зеленый — в графике. Серый — завершенные задачи. Ничего лишнего.
2. Типы связей по форме. Суть: Разделяем природу зависимостей. Пример решения проблемы: Непонятно, от кого мы зависим. Пример применения: Сплошная линия — внутренняя зависимость (цех-цех). Пунктирная — внешняя (поставщик, таможня). Двойная линия — жесткая технологическая (нельзя нарушать).
3. Правило трех секунд. Суть: Тест на читаемость. Пример решения проблемы: Перегруз информацией. Пример применения: Вы показываете дашборд человеку, который не в теме, на 3 секунды и закрываете. Если он не смог сказать, где главная проблема — вы убираете 50% деталей с экрана.
4. Схлопывание уровней. Суть: Детали только по клику. Пример решения проблемы: 500 строк на одном экране. Пример применения: На верхнем уровне Директор видит только 10 главных этапов (майлстоунов). Если этап желтый, он кликает на него и проваливается в детализацию.
5. Автоматическая подсветка узких мест. Суть: ИИ рисует за вас. Пример решения проблемы: Человеческий глаз замыливается. Пример применения: Нейросеть анализирует график и сама обводит пульсирующим красным контуром ту задачу, которая имеет наибольшее количество исходящих зависимостей. Это и есть «горлышко бутылки».
Признавайтесь, ваши дашборды похожи на схему метро Токио или на понятную карту?
❤️ — Три секунды на понимание!
👍 — Цветовая иерархия спасает нервы!
🔥 — ИИ сам подсвечивает узкие места!