Тёмная сторона dark mode

Тёмная тема захватила интерфейсы. Мобильные приложения, дашборды, мессенджеры, IDE — всё потемнело. Dark mode выглядит современно, ощущается «премиально» и вписывается в эстетику технологичности. Многие команды по умолчанию считают, что тёмная тема автоматически улучшает пользовательский опыт.

Но это не так. И у нас есть данные.

Откуда взялся тренд

Dark mode стал массовым не из-за заботы о пользователях, а из-за совпадения трёх факторов.

OLED-экраны. Когда OLED стал стандартом, производители продвигали тёмные темы как способ экономии батареи. И это правда: исследования показывают, что при 100% яркости dark mode снижает энергопотребление в среднем на 67% (Purdue University, 2021). Но при 30–50% яркости, на которой большинство людей реально используют телефон, экономия становится незначительной.

Эстетика минимализма. Дизайн-культура двигалась к кинематографичности: тёмные интерфейсы выглядят «глубже», «драматичнее», «взрослее». Dark mode стал визуальным маркером «серьёзного» продукта.

Ночное использование. Люди всё больше пользуются устройствами поздно вечером. Тёмная тема воспринимается как «забота о глазах». Но это только часть правды.

Миф: «Тёмная тема бережёт глаза»

Это самое повторяемое и самое неточное утверждение о dark mode.

Что говорит наука. Исследование Piepenbrock, Mayr & Buchner (2013, Human Factors) показало: люди читают чёрный текст на белом фоне (позитивная полярность) быстрее и точнее, чем белый текст на чёрном. Преимущество светлого фона линейно возрастает с уменьшением размера шрифта: чем мельче текст, тем хуже работает dark mode.

Почему? При светлом фоне зрачок сужается. Это увеличивает глубину резкости и снижает сферические аберрации. При тёмном фоне зрачок расширяется — и изображение на сетчатке становится менее чётким. Этот эффект особенно выражен при дневном освещении.

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

Вывод Nielsen Norman Group (2020): «Мы не рекомендуем переключать на dark mode по умолчанию, если ваша целевая аудитория — массовый пользователь.»

Проблема астигматизма: треть ваших пользователей

Вот факт, который меняет отношение к dark mode: около 47% людей, носящих очки, имеют астигматизм (исследование >11 000 пользователей, Великобритания). Даже среди всего населения показатель около 30%.

Для людей с астигматизмом белый текст на чёрном фоне создаёт эффект галации (halation) — светлые буквы «растекаются», теряют чёткость, сливаются друг с другом. Это не вопрос предпочтений — это оптическая физика. Расширенный зрачок при тёмном фоне усиливает аберрации роговицы, и текст буквально расплывается.

Исследование University of British Columbia подтверждает: люди с астигматизмом читают белый текст на чёрном фоне значительно хуже, чем чёрный на белом.

Для UX-дизайнера это значит: если ваш продукт — не Photoshop и не Netflix, то dark mode по умолчанию исключает до трети аудитории из комфортного чтения.

Когнитивная нагрузка: мозг работает больше

Человеческий мозг эффективнее обрабатывает информацию на светлом фоне. Это не дизайнерское мнение — это когнитивная наука.

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

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

Не случайно даже приложения с опцией dark mode по умолчанию открываются в светлой теме для рабочих задач.

Доступность: dark mode создаёт больше проблем, чем решает

Цветовая слепота

Тёмный фон «сжимает» различия между цветами. Красный (ошибка) и зелёный (успех) — ключевые индикаторы состояния — теряют контраст. Для 8% мужчин с дальтонизмом это реальная проблема навигации.

Слабое зрение

Пользователи с ослабленным зрением зависят от высокого контраста и чётких границ. Dark mode требует тщательной калибровки, чтобы соответствовать требованиям WCAG 2.1 по контрасту (4.5:1 для текста). Многие приложения этого не делают — и интерфейс становится недоступным.

Типографика

Тёмный фон усиливает типографические проблемы. Тонкие шрифты выглядят слишком бледно, жирные — слишком тяжело, плотный интерлиньяж вызывает дискомфорт. Если типографика не адаптирована специально под dark mode, читаемость разрушается.

На улице dark mode не работает

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

Именно поэтому приложения для уличного использования — карты, доставка, платёжные терминалы — используют светлую тему по умолчанию. UX — это практичность, а не эстетика.

Бренд страдает больше, чем кажется

Бренды годами выстраивают визуальный язык. Цвета несут эмоцию, доверие, узнаваемость. Когда интерфейс инвертируется для dark mode:

  • цвета меняют тон
  • яркость падает
  • эмоциональное впечатление сдвигается
  • целостность бренда рушится

Жизнерадостный, энергичный бренд в dark mode внезапно становится серьёзным и приглушённым. Для медицинского сайта, где важно доверие и забота, это может быть критично.

Когда dark mode — правильный выбор

Тёмная тема отлично работает в конкретных контекстах:

  • Творческие инструменты (Figma, Photoshop) — тёмный холст фокусирует внимание на контенте
  • Развлечения (Netflix, Кинопоиск) — тёмный фон создаёт иммерсию
  • Среды разработки (VS Code, Terminal) — снижают нагрузку при длительной ночной работе
  • Игровые интерфейсы — усиливают драматизм и атмосферу

Общий принцип: dark mode уместен там, где он поддерживает задачу, а не просто следует тренду.

Когда dark mode вредит

  • Банковские приложения — числа теряют чёткость, возрастает риск ошибки при переводах
  • Медицинские интерфейсы — критична точность и ясность цветового кодирования
  • Формы и анкеты — поля, границы и подписи сливаются
  • Интернет-магазины — фотографии товаров выглядят иначе на тёмном фоне
  • Контент для пожилых — аудитория с ослабленным зрением и астигматизмом

Правильная стратегия: давать выбор

Лучшее UX-решение — дать пользователю выбор. Но не навязывать dark mode по умолчанию.

По данным Nielsen Norman Group, предпочтения распределяются примерно поровну: треть пользователей используют тёмную тему, треть — светлую, треть — переключаются в зависимости от времени суток.

Рекомендации:

  1. По умолчанию — светлая тема, особенно для текстовых и data-heavy интерфейсов
  2. Переключатель — на видном месте, без необходимости копаться в настройках
  3. Автоматический режим — переключение по времени суток или системным настройкам
  4. Тестировать оба варианта — dark mode требует отдельного раунда юзабилити-тестирования, не просто инверсии цветов

Итог

Dark mode — это инструмент, а не универсальное решение. Когда он применяется осознанно и в правильном контексте — он улучшает опыт. Когда применяется по инерции тренда — создаёт проблемы с читаемостью, доступностью и доверием.

Хороший UX-дизайн строится на данных и исследованиях, а не на визуальной моде. А данные говорят: для большинства пользователей, большинства задач и большинства условий освещения — светлый фон работает лучше.

Лучший дизайн — не тёмный и не светлый. Лучший дизайн — тот, который помогает пользователю решить задачу.


Источники

  • Piepenbrock, C., Mayr, S., & Buchner, A. (2013). Positive display polarity is advantageous for both younger and older adults. Ergonomics, 56(7), 1116–1124.
  • Piepenbrock, C., Mayr, S., & Buchner, A. (2014). Smaller pupil size and better proofreading performance with positive than with negative polarity displays. Human Factors, 56(6), 1073–1084.
  • Budiu, R. (2020). Dark Mode vs. Light Mode: Which Is Better? Nielsen Norman Group.
  • Purdue University (2021). Dark mode can save battery on OLED screens, but only at maximum brightness.
  • Loop11 (2025). Why Dark Mode Isn’t Always the Best Choice: A UX Perspective.