Читаемость интерфейса ломается чаще не из-за дизайна, а из-за текста и контраста
Если пользователь щурится и перечитывает одну строку, проблема почти всегда в одном из трёх мест: низкий контраст, мелкий кегль или слишком длинные строки. Веб-текст должен читаться с первого прохода, без «поймать взгляд и догадаться». Для этого держите интервал между строками 1.4–1.6, не ставьте светло-серый по белому и не делайте абзацы шире 60–80 символов.
Проверьте базовые вещи:
— заголовки отличаются от основного текста не только размером, но и весом;
— ссылки заметны без наведения курсора;
— кнопки не сливаются с фоном и имеют нормальный размер;
— текст в капсе и декоративные шрифты не используются для длинных фраз.
Отдельная ловушка — выравнивание. Сплошной блок по центру или по ширине часто выглядит аккуратно, но читаться начинает хуже: глаз теряет ритм. То же касается плотных экранов с кучей акцентов, иконок и плашек: если всё выделено, не выделено ничего.
Хорошая читаемость — это не стиль, а снижение усилий пользователя. Уберите лишний шум, проверьте контраст и длину строки, и текст начнёт работать сам.
Доступность веб-интерфейсов
@accessibility_in_design_ww
Читаемость интерфейса ломается чаще не из-за дизайна, а из-за текста и контраста
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.