В январе Stanford Medicine опубликовала в Nature Health исследование, которое мне теперь сложно перестать обсуждать на дизайн-ревью. Краткое содержание: у людей с дальтонизмом, заболевших раком мочевого пузыря, смертность за 20 лет на 52% выше, чем у пациентов с тем же диагнозом и нормальным цветовым зрением.
Причина простая. Первый и часто единственный ранний признак рака мочевого пузыря — кровь в моче. У 80–90% пациентов это симптом, который приводит их к врачу. Если ты не различаешь красный, симптом проходит мимо. Через год-два диагноз ставят на стадии, когда лечить уже поздно.
Я не уролог. Я дизайнер с восемью годами в клинической медицине за спиной. И эта статья в Nature Health прочиталась как разбор провального дизайна — только последствия там измеряются не конверсией, а человеческими жизнями.
Дальше — что именно нашли в Стэнфорде, почему это упирается в дизайн, и что я делаю с этим в продуктовой работе.
Что именно нашли в Стэнфорде
Исследование под руководством Ehsan Rahimy из Stanford Medicine использовало платформу TriNetX — это база из примерно 275 миллионов де-идентифицированных медицинских карт со всего мира.
Из этого массива выделили две группы:
— 135 пациентов с диагнозами «рак мочевого пузыря» и «дальтонизм» одновременно
— 187 пациентов с «раком кишечника» и «дальтонизмом»
Каждой группе подобрали контрольную с такими же демографическими и медицинскими характеристиками — пол, возраст, раса, сопутствующие заболевания, курение, гипертония, диабет — но с нормальным цветовым зрением.
Результаты по раку мочевого пузыря:
— Смертность от всех причин за 20 лет выше на 52% у дальтоников
— Дальтоники правильно идентифицируют кровь в моче в 70% случаев, против 99% у людей с нормальным зрением
Результаты по раку кишечника:
— Статистически значимой разницы не нашли
Почему разница. У рака кишечника есть несколько ранних симптомов — боль в животе, изменение стула, потеря веса. Плюс в России с 40 лет в диспансеризацию входит анализ кала на скрытую кровь — это базовый скрининг. У рака мочевого пузыря такого скрининга нет. Ранний признак один. И он спрятан за цветом.
Почему это касается дизайнеров
Когда я прочитала эту статью, первая мысль была не «надо предупредить пациентов». Первая мысль была: «Мы же каждый день делаем то же самое».
Кодируем критическую информацию только цветом. Красный кружок «ошибка» рядом с зелёной галочкой «успех». Без иконки, без текста, без формы. Графики, где данные отличаются только цветом линий. Карты, где опасные участки выделены красным, а безопасные синим. Кнопки, где disabled отличается от активной только насыщенностью цвета.
Все эти решения проходят дизайн-ревью. Все нарушают WCAG 1.4.1 «Use of Color» — пункт Level A, обязательный с 2008 года. И всё равно это самое массовое нарушение accessibility в продуктах, которые я разбираю.
Для каждого 12-го мужчины — а это 8% всех пользователей-мужчин — два цветных кружка без других различий означают «два одинаковых кружка». Без смысла.
В большинстве случаев цена этого — раздражение и переспросы в саппорт. В случае Стэнфорда — поздний диагноз и худший исход. Разница в цене последствий. Не в логике.
Что я видела как врач- параллель
Перечислю места, где цвет — единственный носитель смысла, и которые я регулярно встречаю в продуктах:
— Графики, где смысл закодирован только в цвете линий. Особенно классическое «зелёное растёт, красное падает». При дейтеранопии и протанопии — две одинаковые линии.
— Таблицы статусов, где «всё хорошо» — зелёное, «проблема» — красное. Без иконки и без текста рядом.
— Поля формы, у которых валидация — это «покраснела рамка». Без сообщения об ошибке. Просто рамка покраснела.
— Кнопки disabled, которые отличаются от активных только насыщенностью цвета и контрастом, а не формой или иконкой.
— Карты, где маршрут синий, опасные участки красные, безопасные зелёные. Без подписей и узоров.
— Светофоры статусов в дашбордах. Зелёный/жёлтый/красный кружок. Без иконки, без текста рядом.
Каждое из этих решений проходит дизайн-ревью. У каждого из них есть простой способ починить.
Правило одно: цвет всегда дублируется
Один из самых полезных принципов, которые я ношу с собой из медицины в дизайн — это принцип избыточности сигнала. Никакая важная информация не должна зависеть от одного канала восприятия. В дизайне это переводится в простое правило: цвет в интерфейсе — это всегда третий слой, никогда не первый.
— Первый слой: текст. «Ошибка», «Готово», «Внимание», «Опасность». Сообщение, которое читается.
— Второй слой: иконка или форма. Крестик, галочка, восклицательный знак, треугольник. Различимая визуально форма, которая работает без цвета.
— Третий слой: цвет. Красный, зелёный, жёлтый. Цвет здесь усиливает первые два — но не несёт информацию сам по себе. Если убрать цвет и информация остаётся понятной — у тебя правильный порядок.
Если убрать цвет и смысл теряется — цвет работает в одиночку, и пора это чинить.
Чеклист: проверить макет за 10 минут
Это то, что я прогоняю перед тем, как отдавать макет в разработку. Не полный аудит, но основные ловушки видно.
1. Чёрно-белый тест.
Скриншот макета → обесцветить в любом редакторе → посмотреть. Различаются ли ошибки и успехи? Активные и disabled кнопки? Линии графика? Если в чёрно-белом теряется смысл — ты только что увидел, как видит пользователь с дальтонизмом.
2. Симулятор дальтонизма.
В Figma — плагин Stark или A11y. В браузере — расширение Colorblindly. Три режима: дейтеранопия (зелёный), протанопия (красный), тританопия (синий). Первые два самые частые. Прогоняй критические экраны.
3. Иконка плюс текст для каждого статуса.
Возьми все статусы в продукте: «ошибка», «успех», «предупреждение», «информация». Каждый должен иметь иконку и текст. Не «только иконка», не «только текст», не «только цвет». Все три или хотя бы два.
4. Контраст не меньше 4,5:1.
Плагин Contrast в Figma или Colour Contrast Analyser. Серый текст на белом — главный нарушитель. Placeholder в полях ввода — почти всегда мимо. WCAG AA — это минимум, не идеал.
5. Графики не только цветом.
Линии: пунктир, сплошная, штриховая, точки. Подписи прямо у данных, а не только в легенде. Паттерны для столбцов, если столбцы одного цвета.
6. Состояния полей формы.
Ошибка — это рамка плюс иконка плюс текст под полем. Не просто покрасневшая рамка. Не просто восклицательный знак.
Что делать после прочтения статьи
Если ты дизайнер. Прогони чеклист по своему текущему макету. Если найдёшь места, где цвет работает в одиночку — почини. Это занимает минуты, не часы.
Если ты разработчик. Когда дизайнер передаёт макет, где статус закодирован только цветом — попроси добавить иконку или текст до того, как ты это вёрстаешь. Это нормальный профессиональный разговор. Через месяц это будет твоя стандартная привычка.
Если ты руководитель. Включи проверку на цветовую доступность в чеклист дизайн-ревью. Это полминуты времени и заметное снижение количества багов в проде.
Если ты мужчина и не уверен, различаешь ли красный — пройди тест Исихары онлайн, это пять минут. И сделай анализ мочи на следующем ежегодном осмотре. Можно без повода, по личному запросу.
Главное
Цвет — это красивый и быстрый способ передать состояние. Но если он несёт смысл в одиночку — у части пользователей этого сигнала нет.
В обычном продукте цена такого пропуска — раздражение и звонок в саппорт. В случае рака мочевого пузыря — 52% разницы в смертности за 20 лет.
Я не хочу сказать, что плохой дизайн интерфейсов убивает. Я хочу сказать, что та же логика, которая в одной области ведёт к раздражению, в другой ведёт к смерти. И что эта логика — наша, дизайнерская.
«Не используй цвет как единственный признак» — самое скучное правило accessibility. Стэнфорд только что показал, чья жизнь стоит за этим занудным правилом.
Я пишу о пересечении клинической медицины и продуктового дизайна в Telegram-канале @kikodocc. В следующем месяце — про то, почему вы не читаете тексты, а сканируете их, и как подзаголовки решают, дочитают вас или закроют на втором абзаце.
Ссылки на исследование: Stanford Medicine, январь 2026; публикация в Nature Health от 15 января 2026; авторы Ehsan Rahimy et al.