Роль в проекте: UX-аудит, концептуальный кейс. UX-дизайнер, эксперт по доступности (Accessibility Reviewer).

Задача: Экспертная оценка интерфейса сайта Health Village, анализ соответствия стандарту WCAG 2.1 AA и подготовка рекомендаций по развитию продукта.

Контекст продукта: Health Village — национальная цифровая платформа здравоохранения Финляндии. Пользователи обращаются к сервису в стрессовых ситуациях, часто с мобильных устройств или через ассистивные технологии. Доступность (Accessibility) здесь — не дополнительная фича, а обязательное требование к UX.

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

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

Цель: Поиск реальных барьеров и подготовка рекомендаций по их устранению.

Стандарт и метод: WCAG 2.1 AA. Автоматизированная проверка + ручное тестирование.

Инструменты: Accessibility Insights · axe DevTools · Stark · VoiceOver · Keyboard Navigation.

Проблема. Чтобы перейти к  содержимому страницы, пользователям, работающим с клавиатурой или скринридером, приходится проходить цепочку служебных элементов. Это напрямую влияет на удобство работы с сервисом.

Решение. Добавить заметную ссылку быстрого перехода (Skip Link), позволяющую перейти к основному содержимому страницы одним действием.

Эффект. Сокращение времени навигации, уменьшение повторяющихся действий, удобная работа с клавиатурой и ассистивными технологиями.

Проблема. Индикатор фокуса блеклый или отображается не везде. При работе без мыши пользователь теряет свое текущее положение на странице.

Решение. Внедрить в дизайн-систему единый стиль фокуса — высококонтрастный и с достаточной толщиной обводки.

Эффект. Предсказуемая навигация, единое поведение компонентов.

Проблема. Часть ссылок использует универсальные названия «Подробнее» или «Начать». Для пользователей скринридеров такие ссылки становятся неоднозначными.

Решение. Использовать только описательные тексты и закрепить это правило на уровне дизайн-системы.

Эффект. Понятная навигация, ускорение поиска информации, исключение неоднозначных сценариев.

Проблема. Кнопки используются для переходов на другие страницы. Это нарушает привычную ментальную модель пользователя и снижает корректность работы скринридеров.

Решение. Разделить элементы строго по назначению: Link — для переходов, Button — для действий.

Эффект. Корректная работа ассистивных технологий, предсказуемое поведение интерфейса, единая модель взаимодействия с элементами интерфейса.

Проблема. Навигационные карточки повторяются как на разводящих, так и на внутренних страницах. Одинаковые элементы в разных сценариях и ведут себя по-разному.

Решение. Стандартизировать карточки и зафиксировать для них единый сквозной сценарий поведения.

Эффект. Снижение когнитивной нагрузки в условиях стресса, ускорение поиска информации, единый сценарий навигации.

Проблема. Часть навигационных карточек ведет на страницы второго уровня, а часть — сразу на страницы третьего уровня. Внешне одинаковые элементы работают по-разному и пользователю приходится каждый раз заново прогнозировать результат перехода.

Решение. Закрепить единый принцип поведения навигационных карточек. Карточки одного типа должны вести на страницы одного уровня вложенности.

Эффект. Единообразное взаимодействие, меньше ошибок при навигации, повышение доверия к интерфейсу.

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

Решение. Пересмотреть визуальную иерархию страниц, уменьшить визуальный шум, усилить контраст ключевых элементов, унифицировать компоненты, обновить UI на уровне дизайн-системы.

Эффект. Быстрое восприятие информации, снижение усталости при чтении, современный и последовательный интерфейс.

Проблема. Глубокая структура разделов заставляет пользователя усложнять переходы и постоянно удерживать в памяти предыдущие шаги.

Решение. Сократить глубину вложенности, объединить близкие разделы и поднять востребованные сценарии выше.

Эффект. Прямой и понятный доступ к важной медицинской информации, сокращение количества переходов между разделами, понятная структура продукта, снижение вероятности потеряться.

Итоги. По итогам аудита создан пул точечных рекомендаций для интерфейсов и глобальные правила для развития дизайн-системы.

Для пользователей. Быстрый поиск, предсказуемый интерфейс и доступность без барьеров.

Для продукта. Развитие единой дизайн-системы и надежная база для масштабирования.