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