Цветовое кодирование способно ускорить визуальный поиск маршрута или статуса

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

Механизм эффекта

Цвет распознается на ранней стадии зрительного поиска. Поэтому пассажир сначала замечает знакомое цветовое поле, а затем читает относящиеся к нему номер маршрута, направление и время.

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

Условно время считывания можно разложить так:

$T_{\text{считывания}} = T_{\text{поиск}} + T_{\text{распознавание}} + T_{\text{понимание}}.$

Цвет преимущественно сокращает $T_{\text{поиск}}$ Tпоиск, но плохой контраст или непонятная палитра могут увеличить $T_{\text{распознавание}}$ Tраспознавание и $T_{\text{понимание}}$ Tпонимание.

Где цвет полезен

Задача	Эффективность цвета	Рекомендуемый подход
Найти нужный маршрут	Высокая	Цветная плашка плюс номер
Отличить вид транспорта	Высокая	Цвет плюс пиктограмма
Увидеть отмену или сбой	Высокая	Цвет плюс текстовый статус
Сравнить время прибытия	Невысокая	Единый контрастный цвет цифр
Прочитать направление	Невысокая	Темный текст на светлом фоне или наоборот
Различить план и прогноз	Средняя	Цвет плюс подпись «по расписанию»
Найти платформу	Высокая	Цвет зоны плюс буква или номер

Например, желтая плашка может обозначать предупреждение, но внутри нее обязательно должно быть написано «задержка». Один только цвет не отвечает на вопрос, задерживается ли рейс, изменена ли трасса или прогноз временно недоступен.

Оптимальная модель

Для остановочного табло целесообразна ограниченная палитра:

Белый или нейтральный: штатное прибытие.
Желтый или янтарный: задержка, изменение движения, повышенная неопределенность.
Красный: отмена, прекращение движения или критическое нарушение.
Серый: плановое время при отсутствии телеметрии.
Фирменный цвет маршрута: только если он официально закреплен и последовательно используется на схемах, остановках и подвижном составе.

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

Не окрашивать цифры

Сплошное окрашивание времени прибытия в разные цвета часто ухудшает читаемость. Оптимальнее оставить цифры белыми или черными с высоким контрастом, а цветом выделить:

вертикальную полосу;
рамку строки;
плашку статуса;
символ перед временем;
фон номера маршрута.

Пример:

27  МОСКОВСКИЙ ВОКЗАЛ      4 мин
10  КУПЧИНО          ⚠ задержка · 12–15 мин
3   ПЛ. РЕПИНА              отменен

Так пассажир сначала замечает статус, но время остается одинаково хорошо читаемым во всех строках.

Контраст важнее оттенка

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

Для текста разумно ориентироваться на контраст:

не менее 4,5:1 для обычного текста;
не менее 3:1 для крупного текста;
проверка как в темноте, так и под прямым солнцем.

Разница цветов по тону сама по себе недостаточна. Например, ярко-зеленый текст на белом фоне может быть «цветным», но обладать слабым яркостным контрастом.

Цветовая доступность

Примерно одинаковая яркость красного и зеленого делает их трудноразличимыми для части пассажиров. Поэтому нельзя строить логику только на паре «зеленый — красный»; рекомендации по транспортным интерфейсам также предостерегают от ряда плохо различимых сочетаний, включая красный/зеленый и зеленый/синий.

Каждое значение нужно продублировать:

Цвет	Текст	Символ
Нейтральный	«4 мин»	—
Желтый	«задержка»	⚠
Красный	«отменен»	×
Серый	«по расписанию»	◷

Требование доступности прямо запрещает использовать цвет как единственный способ передачи существенной информации: необходим второй визуальный признак.

Возможные ошибки

Цвет начинает замедлять считывание, если:

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

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

Оценка эффективности

Перед внедрением лучше провести эксперимент на реальной остановке или ее цифровом макете. Участнику показывают монохромный и цветокодированный варианты и предлагают найти маршрут, определить время прибытия и распознать статус.

Измеряются:

медианное время первого правильного ответа;
90-й процентиль времени поиска;
доля ошибочных ответов;
число повторных взглядов;
читаемость на разных расстояниях;
результат при солнечном свете и ночью;
показатели пожилых пассажиров и людей с нарушением цветового зрения.

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