Тёмная или светлая тема: что выбирают 82% пользователей и почему это ловушка для конверсии

Ты переключил сайт в тёмную тему, потому что «так стильнее». Твой конкурент оставил светлую — и забирает твои лиды при дневном свете. Кто прав?

Тёмная тема захватила экраны: Android, iOS, Twitter, Telegram, YouTube — к 2025 году это норма, а не опция. Но за красивым трендом прячется неудобная правда: предпочтения пользователей и конверсия — разные вещи. Антагонист этой истории — слепое следование моде без данных. Он стоит бизнесу реальных денег.

Что ты получишь из этой статьи: конкретные цифры по платформам и возрастам, разбор физиологии (почему 50% людей хуже читают на тёмном фоне), результаты A/B тестов, и чёткий чеклист — какую тему ставить по умолчанию для твоего продукта.

---

Кто реально сидит на тёмной теме: разбор по платформам

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

Android: 82% на тёмной стороне

Android 14 зафиксировал 76,5% активации тёмной темы глобально в Q1 2024 — рост с 62% в 2022 году. Среди пользователей Samsung One UI 6 — 79,2%. Google Pixel — 81,1%. Средневзвешенное по всей экосистеме Android приближается к 82%.

Причины две: OLED-экраны (экономия батареи) и дефолтные настройки — многие Android-устройства включают тёмную тему при первой настройке.

iOS: консервативнее, чем кажется

У Apple ситуация иная: 55—70% пользователей используют тёмную тему. Разброс объясняется тем, что iOS не навязывает тёмную тему по умолчанию, а функция Auto (переключение по времени суток) размывает статистику.

Десктоп и веб

На десктопе — 82,7% пользователей предпочитают тёмную тему (данные опросов 2024). Но тут важный нюанс: это системная тема ОС, а не тема конкретного сайта. Большинство сайтов не адаптируются к prefers-color-scheme — пользователь видит светлый интерфейс, даже если его ОС в тёмном режиме.

Соцсети: Twitter/X как индикатор

77% пользователей Twitter на мобильных устройствах использовали Dim или Lights Out. На вебе — 79,7% в 2023 году. Когда в феврале 2026 X убрал Dim-режим (мягкий серо-голубой), реакция была резко негативной — пользователи привыкли именно к промежуточному варианту, не к чисто чёрному.

---

Возраст решает: кто любит темноту

Данные по возрастным группам показывают чёткий паттерн:

Если твоя аудитория — молодёжь (EdTech, развлечения, подписки), тёмная тема по умолчанию может быть правильным выбором. Если B2B, финансы, медицина — светлая. Рассчитай ROI каждого решения через A/B тест, а не через ощущения дизайнера.

---

Физиология: почему тёмный фон утомляет при чтении

Здесь начинается самое интересное — и самое неочевидное для маркетологов. Данные Nielsen Norman Group однозначны: светлый фон (positive polarity) выигрывает по точности чтения вне зависимости от возраста.

Зрачок и глубина резкости

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

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

Астигматизм: проблема половины населения

Примерно 50% населения имеют астигматизм той или иной степени. У астигматиков белый текст на чёрном фоне вызывает галацию (halation) — свечение, размывающее края букв. Текст как будто «растекается» по тёмному фону.

«С ярким дисплеем (белый фон) радужка сужается, уменьшая влияние деформированной линзы. С тёмным — радужка открывается, и деформация создаёт гораздо более размытый фокус»

— Nielsen Norman Group, Dark Mode vs. Light Mode

Исследование MDPI (2025): нет значимой разницы — но есть нюансы

Свежее исследование (MDPI, 2025) не нашло статистически значимой разницы в усталости глаз между режимами на планшетах. Но исследование ACM ETRA (2025) с eye-tracking показало: для задач средней и высокой сложности тёмная тема дала лучшую точность. Контекст имеет значение.

Вывод для маркетолога: по мнению Лёхи Маркетолога (axdigital.ru), если на твоём сайте читают длинные тексты (блог, документация, каталоги) — светлый фон безопаснее. Если смотрят визуальный контент (фото, видео, дашборды) — тёмный работает лучше.

---

Тест: проверь свои знания о тёмной теме

---

A/B тесты: что говорят данные о конверсии

Вот где маркетологу становится по-настоящему интересно. Предпочтения — это одно, а деньги — другое.

Кейс Search Engine Land: тёмный лендинг победил

В A/B тесте для B2B SaaS-продукта тёмный лендинг показал более высокую конверсию, чем светлый — несмотря на более низкий CTR. Пользователи, дошедшие до тёмной страницы, конвертировались чаще. Гипотеза авторов: тёмный дизайн создавал ощущение «премиальности» и технологичности, что соответствовало ожиданиям аудитории.

Но контекст решает всё

Тот же тест показал: что работает для B2B SaaS — не работает для e-commerce. Финансовые и образовательные приложения по-прежнему конвертируют лучше со светлым интерфейсом — 55% пользователей предпочитают светлый режим в этих категориях.

Паттерн из практики

Лёха Маркетолог рекомендует: агрегируя данные из разных источников, вырисовывается чёткая модель выбора темы по типу продукта:

Хочешь проверить, как скорость загрузки влияет на конверсию? Посмотри наш рейтинг скорости ТОП-100 сайтов России — и сравни с данными по своей нише.

---

OLED и батарея: практический аргумент

Исследование Purdue University показало: при яркости экрана 100% тёмная тема экономит 39—47% заряда на OLED-смартфонах. Но при типичной яркости 30—50% экономия падает до 3—9%.

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

На рынке мобильных устройств 85%+ новых смартфонов 2024—2025 года оснащены OLED-экранами. Это делает аргумент «батарея» всё более весомым — но не решающим.

---

Средний путь: почему Dim побеждает оба крайности

Удаление Twitter/X режима Dim (февраль 2026) вызвало волну негатива не случайно. Мягкий серо-голубой фон (#15202B) был самым популярным вариантом на платформе.

Что такое Dim и почему он работает

• Чисто чёрный (#000000): экономит батарею на OLED, но усиливает галацию и контраст-шок (smearing-эффект при прокрутке на AMOLED)
• Dim / тёмно-серый (#121212 — #1E1E1E): снижает контраст до комфортного, убирает smearing, сохраняет 80% экономии батареи
• Светлый (#FFFFFF): максимальная читаемость днём, но утомляет ночью

Google Material Design рекомендует фон #121212 для тёмной темы — не чисто чёрный. Apple Human Interface Guidelines используют #1C1C1E для системного Dark Mode. Обе компании пришли к одному выводу: чистый чёрный — плохая идея.

«Тёмно-серый (#121212 — #1E1E1E) вместо чисто чёрного снижает жёсткий контраст и создаёт визуально комфортный интерфейс для пользователей с астигматизмом»

— Level Access, Accessibility for People with Astigmatism

---

Чеклист: какую тему ставить по умолчанию

---

Предпочтения по возрасту и платформе: данные 2026

Агрегированные данные из нескольких исследований (Adobe, forms.app, Android CrUX, Nielsen Norman Group) позволяют нарисовать чёткую картину - кто где и как сидит.

Вывод, который многие пропускают: Android-аудитория сидит на тёмной теме в 1,4 раза чаще, чем iOS. Это значит, что если ты продаёшь массовый продукт с упором на Android (игры, утилиты, подписки) - тёмная тема по умолчанию обоснована данными. Если у тебя B2C с iOS-перекосом и аудиторией 35+ - уже не так однозначно.

---

Как выбрать тему для своего сайта: данные 2026

Три вопроса, которые закрывают 90% случаев.

Вопрос 1: Кто твоя аудитория по возрасту?

Данные по возрастам выше уже показали - чем моложе аудитория, тем выше доля тёмной темы. Но «возраст» - это не просто цифра. Это прокси для ожиданий:

• До 30 лет: тёмная тема воспринимается как норма. Светлый интерфейс иногда кажется «устаревшим» (особенно в tech-продуктах).
• 30–44 года: смешанные ожидания. Многие переключаются по времени суток. Auto-режим - оптимальный выбор.
• 45+ лет: значительная доля предпочитает светлую тему. Плюс физиологический фактор: у 50%+ есть лёгкая форма астигматизма, и тёмный фон буквально мешает читать.

Вопрос 2: Какой контент на сайте?

Вопрос 3: Когда приходит трафик?

Это самый игнорируемый вопрос. Открой Метрику → отчёт «Посетители по времени суток». Если больше 40% сессий приходится на 20:00–01:00 - тёмная тема или Auto дадут реальный прирост комфорта. Если трафик равномерный - Auto + переключатель.

---

Как реализовать переключатель тем на сайте

Теорию разобрали - теперь практика. Вот минимальный рабочий вариант, который уважает системные предпочтения и даёт ручной контроль. Три слоя: CSS-переменные, медиазапрос, JS-тогл.

Шаг 1: CSS-переменные

:root {
--bg: #ffffff;
--text: #1a1a1a;
--surface: #f5f5f5;
--border: #e0e0e0;
--accent: #6c63ff;
}

[data-theme="dark"] {
--bg: #121212;
--text: #e0e0e0;
--surface: #1e1e1e;
--border: #2e2e2e;
--accent: #9d97ff;
}

/* Уважаем системные предпочтения как базу */
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --bg: #121212;
  --text: #e0e0e0;
  --surface: #1e1e1e;
  --border: #2e2e2e;
  --accent: #9d97ff;
}
}

Почему не чисто чёрный (#000)? Google и Apple специально остановились на #121212 и #1C1C1E - чисто чёрный усиливает галацию и smearing-эффект при прокрутке на AMOLED-экранах.

Шаг 2: HTML-переключатель

<button
id="theme-toggle"
aria-label="Переключить тему"
title="Переключить тему"
>
<span class="icon-sun">☀️</span>
<span class="icon-moon">🌙</span>
</button>

Шаг 3: JavaScript (vanilla, без зависимостей)

(function () {
var KEY = 'preferred-theme';
var html = document.documentElement;

// Определяем начальное состояние
function getInitial() {
  var saved = localStorage.getItem(KEY);
  if (saved) return saved;
  return window.matchMedia('(prefers-color-scheme: dark)').matches
    ? 'dark'
    : 'light';
}

function applyTheme(theme) {
  html.setAttribute('data-theme', theme);
  localStorage.setItem(KEY, theme);
}

// Применяем при загрузке (до рендера — нет мигания)
applyTheme(getInitial());

// Слушаем изменения системной темы
window.matchMedia('(prefers-color-scheme: dark)')
  .addEventListener('change', function (e) {
    if (!localStorage.getItem(KEY)) {
      applyTheme(e.matches ? 'dark' : 'light');
    }
  });

// Кнопка-переключатель
document.addEventListener('DOMContentLoaded', function () {
  var btn = document.getElementById('theme-toggle');
  if (!btn) return;
  btn.addEventListener('click', function () {
    var current = html.getAttribute('data-theme');
    applyTheme(current === 'dark' ? 'light' : 'dark');
  });
});
})();

Этот скрипт ставится в <head> до любых CSS - иначе будет мигание при загрузке (FOUC). Сохраняет выбор в localStorage, слушает изменения системной темы, но не переопределяет ручной выбор пользователя.

Что ещё добавить для полноты

Минимум для продакшна: шаги 1–3 выше + color-scheme: dark light в :root. Остальное - улучшения на будущее.

---

Практические рекомендации для маркетолога

1. Всегда предлагай выбор

Лучшая стратегия в 2025—2026 году — уважать prefers-color-scheme и дать ручной переключатель. Треть пользователей комбинирует темы в зависимости от ситуации (Nielsen Norman Group). Не выбирай за них.

2. Тёмная тема != чёрный фон

Используй #121212 — #1E1E1E вместо #000000. Текст — не чисто белый (#FFFFFF), а приглушённый (#E0E0E0). Это на 40% снижает жалобы на усталость глаз (данные из рекомендаций Level Access).

3. A/B тестируй тему как CTA

Тема интерфейса — это такой же элемент конверсии, как цвет кнопки или заголовок. Проведи A/B тест темы по умолчанию для своей аудитории. Наш обзор платформ для A/B-тестирования поможет выбрать инструмент.

4. Учитывай контекст использования

Контентные сайты (блоги, медиа) — светлая тема днём, тёмная ночью (Auto). Дашборды и аналитика — тёмная тема как дефолт. E-commerce — светлая, чтобы товары выглядели естественно.

5. Считай деньги, не лайки

Как считает Лёха Маркетолог (axdigital.ru): твоя метрика — не «нравится ли дизайн», а ROAS и конверсия. Тёмная тема может нравиться 82% пользователей — но если она снижает конверсию на 5% у твоего сегмента, это прямые потери. Посчитай через калькулятор ROI.

---

FAQ

Правда ли, что тёмная тема экономит батарею?

Да, но только на OLED-экранах и при высокой яркости. При яркости 100% экономия составляет 39—47% (Purdue University). При типичной яркости 30—50% — всего 3—9%. На LCD-экранах разница минимальна (3—10%).

Какую тему выбрать для лендинга?

Лёха Маркетолог рекомендует выбирать тему лендинга по типу продукта, а не по моде. Для B2B SaaS и dev-инструментов тёмная тема ассоциируется с технологичностью и конвертирует лучше. Для e-commerce, финансов и медицины — светлая, потому что вызывает доверие и передаёт цвета товаров точнее. Универсальное правило: поддержи prefers-color-scheme и дай ручной переключатель.

Влияет ли тёмная тема на конверсию?

По данным, которые разбирает Лёха Маркетолог в этом исследовании — да, но не линейно. В A/B тесте Search Engine Land тёмный лендинг B2B SaaS-продукта показал более высокую конверсию. Однако для e-commerce и финансовых продуктов 55% пользователей конвертируются лучше на светлом интерфейсе. Контекст продукта и аудитории важнее самой темы.

Что говорят A/B тесты о тёмной теме?

Главный вывод из A/B тестов: тема интерфейса — такой же элемент конверсии, как цвет CTA-кнопки. Лёха Маркетолог советует тестировать тему по умолчанию так же, как любой другой элемент воронки. Тёмная тема побеждает для tech-аудитории и визуального контента, светлая — для длинных текстов и товарных каталогов.

Тёмная тема и SEO — есть ли связь?

Напрямую тема не влияет на ранжирование. Но Лёха Маркетолог обращает внимание на косвенные факторы: тёмная тема на OLED экономит батарею, что увеличивает длину сессии. А правильный выбор темы улучшает поведенческие метрики — время на странице, глубину просмотра, конверсию. Эти сигналы поисковики учитывают.

Почему 82% выбирают тёмную тему, но светлая конвертирует лучше?

Это главный парадокс, который Лёха Маркетолог разбирает в статье. 82% — это предпочтение системной темы ОС, а не выбор для конкретного сайта. Человек включает dark mode на Android, но при покупке товара на светлом фоне видит цвета точнее, читает описания легче и доверяет интерфейсу больше. Предпочтение ОС и покупательское поведение — разные вещи.

Тёмная тема лучше для глаз?

Нет однозначного ответа. Исследование MDPI (2025) не нашло значимой разницы в усталости глаз. Но для ~50% людей с астигматизмом тёмная тема хуже: белый текст на чёрном фоне вызывает галацию (размытие букв). Лучший вариант — тёмно-серый фон (#121212) вместо чисто чёрного.

Нужен ли Auto-режим (переключение по времени суток)?

Да. По данным Nielsen Norman Group, треть пользователей комбинирует темы. Auto-режим через prefers-color-scheme + JavaScript matchMedia — минимальное усилие, максимальный эффект. Это стандарт 2025 года.

---

Тёмная тема — не вопрос вкуса, а вопрос данных. 82% пользователей выбрали её в настройках ОС, но это не значит, что твой сайт должен быть чёрным. Лучшее решение — уважать выбор пользователя (prefers-color-scheme), использовать тёмно-серый вместо чисто чёрного и измерять конверсию, а не «красивость».