Доступность интерфейса

Когда мы начинали проект, мы смотрели на реальных пользователей. Не на дизайнеров из Москвы с MacBook Pro. На людей, которым 62 года, у которых зрение уже не то, а компьютер — «эта штука, которую внук настроил».

Для них мелкий серый текст на светло-сером фоне — это не «минималистичный дизайн». Это «я ничего не вижу, где тут кнопка».

Для них десятки пунктов меню — это не «богатый функционал». Это «куда нажимать, я боюсь сломать».

Мы не делали специальную «версию для пенсионеров». Мы сделали один интерфейс, в котором человек 60+ может работать без посторонней помощи.

В настройках профиля есть переключатель «Крупный текст». Одно нажатие — и весь интерфейс масштабируется.

Что меняется:

• Размер шрифта увеличивается на всех страницах
• Кнопки становятся крупнее — в них проще попасть пальцем на планшете
• Поля ввода — выше, текст в них — крупнее
• Таблицы — строки становятся просторнее, данные не слипаются
• Расстояние между элементами увеличивается — интерфейс «дышит»

Это не браузерное масштабирование (Ctrl+), которое ломает вёрстку. Это продуманный режим, в котором все элементы остаются на своих местах — просто становятся крупнее и читаемее.

Для кого:

• Люди с возрастным снижением зрения
• Те, кто работает на небольшом экране ноутбука
• Все, кому стандартный размер шрифта кажется мелким

В настройках профиля есть переключатель «Высокая контрастность». Он делает интерфейс значительно более читаемым для людей с ослабленным зрением.

Что меняется:

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

Обычный «светлый» интерфейс может выглядеть эстетичнее. Но если вы плохо видите — эстетика отходит на второй план. Важнее разобрать, что написано.

Для кого:

• Люди с возрастными изменениями зрения
• Те, кто работает при ярком внешнем освещении (на участке, в беседке)
• Все, кому стандартной контрастности недостаточно

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

Голосовой ввод решает эту проблему. Вы говорите — система выполняет. Подробнее — на странице Голосовой ввод.

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

Минимум кнопок на экране. Мы не вываливаем все возможности в одном меню. Основные действия — под рукой, остальное — в разделах. Не надо запоминать, где что лежит.

Понятные названия. «Квитанции», а не «Генератор платёжных документов». «Должники», а не «Реестр дебиторской задолженности». Человек должен понимать, куда он нажимает.

Сохранение контекста. Вышел из раздела — вернулся туда же. Не надо заново искать, где был.

Подтверждение действий. Любое важное действие требует подтверждения. Нельзя случайно удалить платёж или разослать квитанции не тем людям. Для немолодого пользователя это критично — он не боится «сломать», потому что система не даёт сломать без подтверждения.

Никакой мелкой анимации. Никаких исчезающих через три секунды уведомлений. Всё, что появляется — остаётся, пока пользователь не закроет сам.

Обе настройки находятся в одном месте:

Профиль → Настройки → Оформление

• «Крупный текст» — переключатель
• «Высокая контрастность» — переключатель

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

Настройки сохраняются в профиле. Зашли с телефона, включили крупный текст на компьютере — на телефоне он тоже включится.

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

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

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

• Голосовой ввод — как отдавать команды голосом
• О проекте — почему мы делаем сервис именно так
• Для председателя — про аудиторию 60+
• Для нового председателя — первый вход без страха