Меня зовут Максим, я веб-разработчик. В 2025 году я делал сайт для сети частных пансионатов для пожилых. Целевая аудитория — двойная: дети (40–55 лет), которые ищут пансионат для родителей, и сами пожилые люди (65+), которые хотят разобраться в услугах. На первом варианте сайта мы получили интересные данные из Вебвизора: посетители 55+ открывали страницу, увеличивали масштаб браузера до 150%, пытались кликнуть на некликабельные элементы, не могли найти номер телефона и уходили. Конверсия в этой возрастной группе была 0,4%. После переработки — 2,8%. Расскажу, какие ошибки допускают разработчики и как делать сайты, удобные для старшего поколения.
Почему «серебряная» аудитория — это деньги
В России более 37 миллионов человек старше 55 лет. По данным Яндекса, аудитория 55+ в интернете стабильно растёт: если в 2020 году активных интернет-пользователей в этом возрасте было около 40%, то к 2026 году — уже более 65%. Они покупают онлайн, записываются к врачам, ищут услуги.
При этом «серебряная экономика» — один из самых недооценённых сегментов. У людей 55+ часто больше свободных средств, чем у 30-летних с ипотекой и детьми. Они лояльнее: если нашли удобный сервис — остаются надолго. И они готовы платить за удобство.
Проблема в том, что 90% сайтов спроектированы для 25–45-летних. Старшее поколение оказывается «невидимой» аудиторией, которая молча уходит к конкуренту с более простым интерфейсом (или звонит по телефону, потому что на сайте ничего не понятно).
Физиологические особенности, которые влияют на UX
Это не снисходительность — это медицинская реальность, которую нужно учитывать при проектировании.
Зрение
После 45 лет развивается пресбиопия — возрастная дальнозоркость. Мелкий текст (14px и меньше) физически трудно прочитать. Низкий контраст (серый текст на сером фоне, модный «элегантный» дизайн) — нечитаем. Тонкие шрифты (light, thin) — размываются.
Что делать: базовый размер текста — минимум 16px, лучше 18px. Контрастность текста к фону — не менее 4,5:1 (WCAG AA). Шрифты — обычной или полужирной насыщенности. Важные элементы (кнопки, цены, телефоны) — крупнее основного текста.
Моторика
С возрастом снижается точность движений рук. Мелкие кнопки и ссылки, расположенные близко друг к другу — сложно нажать, особенно на мобильном. Привычка к двойному клику с десктопных времён сохраняется.
Что делать: минимальный размер тач-элемента — 48×48 пикселей (рекомендация WCAG). Расстояние между кликабельными элементами — минимум 8px. Кнопки — крупные, с явной визуальной обратной связью при нажатии.
Когнитивная нагрузка
С возрастом рабочая память обрабатывает меньше параллельных задач. Сложные интерфейсы с множеством элементов, всплывающими окнами и анимациями — перегружают.
Что делать: простая навигация с минимальной вложенностью. Одна задача на экран. Явные подписи к каждому элементу (не иконки без текста). Линейные сценарии вместо разветвлённых.
Конкретные рекомендации по дизайну
Типографика
Размер основного текста: 18px. Размер заголовков: 24–32px. Межстрочный интервал: 1,6–1,8 (больше, чем обычно — облегчает чтение). Длина строки: 60–75 символов (не шире). Шрифт: без засечек (Inter, Roboto, PT Sans), нормальная насыщенность.
Цвета и контраст
Фон: белый или очень светлый. Текст: чёрный или тёмно-серый (#333). Никакого серого текста на сером фоне. Ссылки: выделены цветом И подчёркиванием (не только цветом — часть пожилых людей не различает оттенки). Кнопки: контрастные, с чётким текстом.
Навигация
Горизонтальное меню с текстовыми пунктами (не иконками). Максимум 5–7 пунктов в главном меню. Хлебные крошки на каждой странице (чтобы посетитель всегда знал, где он находится). Кнопка «Назад» / «На главную» — явная. Поиск по сайту — на видном месте, с крупным полем ввода.
Формы
Крупные поля ввода (высота минимум 48px). Подписи над полем (не внутри — placeholder исчезает при вводе, и человек забывает, что нужно вводить). Явные сообщения об ошибках: не красная рамка, а текст «Пожалуйста, введите номер телефона в формате +7 (XXX) XXX-XX-XX». Автозаполнение и маски для телефона.
Телефон на видном месте
Для аудитории 55+ телефонный звонок — привычный и комфортный способ связи. Номер телефона — крупным шрифтом в шапке сайта, на каждой странице. На мобильном — кликабельный (tel:). Рядом — время работы.
Отсутствие агрессивных элементов
Никаких автоматически воспроизводящихся видео. Минимум всплывающих окон (поп-апов). Никаких элементов, которые перемещаются или исчезают (floating кнопки, сворачивающееся меню). Каждый элемент — стабильный и предсказуемый.
Контент для старшей аудитории
Язык
Простые предложения. Без жаргона и англицизмов. «Личный кабинет» — понятно. «Дашборд» — нет. «Оставить заявку» — понятно. «Оформить лид» — нет.
Если без терминов не обойтись — дайте пояснение. «QR-код — это картинка-ссылка, которую можно отсканировать камерой телефона».
Инструкции
Если на сайте есть функционал (личный кабинет, онлайн-запись, оплата) — дайте пошаговую инструкцию с скриншотами. «Шаг 1: Нажмите кнопку "Записаться". Шаг 2: Выберите дату. Шаг 3: Нажмите "Подтвердить"». Для Gen Z это избыточно. Для 65+ — необходимо.
Доверие
Старшее поколение осторожнее относится к интернет-покупкам. Они помнят «нулевые» с мошенниками и фишингом. Для повышения доверия:
- Полные юридические данные на сайте (название организации, ИНН, ОГРН, адрес)
- Лицензии и сертификаты (для медицины, образования, ухода)
- Фотографии реальных сотрудников с именами
- Отзывы с фотографиями и конкретикой
- Значок HTTPS и упоминание безопасности при оплате
Техническая реализация
Кнопка изменения размера шрифта
Я добавляю на сайты с возрастной аудиторией виджет «А+ А-» — кнопку увеличения/уменьшения шрифта. Технически это переключение CSS-переменной, которая изменяет базовый размер шрифта на всём сайте. Выбор сохраняется в localStorage — при следующем визите настройка применяется автоматически.
Высококонтрастная тема
Переключатель на высококонтрастную версию: чёрный фон + белый текст или ярко-жёлтый текст. Для людей с нарушениями зрения это может быть единственным способом прочитать контент.
Работа на слабых устройствах
Старшее поколение часто использует бюджетные смартфоны и старые компьютеры. Сайт должен работать быстро на слабом железе: минимум JavaScript, оптимизированные изображения, отсутствие тяжёлых анимаций.
Совместимость с программами экранного доступа
Для посетителей с серьёзными нарушениями зрения: семантическая HTML-разметка, alt-теги для всех изображений, корректные aria-атрибуты, навигация с клавиатуры. Это не просто «хороший тон» — с 2025 года ГОСТ Р 52872 становится всё более актуальным для коммерческих сайтов.
Что мы сделали для сайта пансионатов
До: модный минималистичный дизайн с тонкими шрифтами, серыми тонами, иконками без подписей, формой записи из 7 полей, без телефона в шапке (только «Обратный звонок» мелким текстом).
После:
- Размер текста увеличили с 14px до 18px
- Контраст повысили: чёрный текст на белом фоне
- Телефон — крупно в шапке, с кликабельной ссылкой
- Навигацию упростили: 5 пунктов с текстовыми подписями
- Форму сократили до 3 полей (имя, телефон, пансионат)
- Добавили пошаговый виджет: «Как выбрать пансионат» — 5 шагов с картинками
- Разместили лицензии и фото реальных помещений на первом экране
- Добавили кнопку увеличения шрифта
Результат: конверсия аудитории 55+ выросла с 0,4% до 2,8%. Среднее время на сайте увеличилось с 34 секунд до 3 минут 20 секунд. Количество звонков с сайта выросло на 45%.
Стоимость адаптации
Адаптация существующего сайта под возрастную аудиторию: 100–300 тысяч рублей (аудит, редизайн ключевых страниц, доработка кода). Если строить с нуля с учётом этих требований — надбавка к стоимости 15–25%.
Инвестиция окупается быстро: «серебряная» аудитория лояльна, платёжеспособна и благодарна за удобство.
Если у вашего бизнеса есть клиенты старше 55 лет и вы хотите сделать сайт удобным для них — пишите.