Доступность веб-интерфейсов

Читаемость интерфейса ломается не в шрифте, а в деталях компоновки

Читаемость интерфейса ломается не в шрифте, а в деталях компоновки

Если текст тяжело сканируется, пользователь устаёт ещё до первого действия. Обычно виноваты не «плохие слова», а мелочи: длинные строки, слабый контраст, тесные абзацы и лишний визуальный шум. На экране всё конкурирует за внимание, поэтому текст должен выигрывать это соревнование сразу.

Проверьте базу:
— строка не должна растягиваться слишком широко;
— между строками нужен воздух, иначе взгляд сбивается;
— заголовок должен объяснять блок, а не украшать его;
— ссылка обязана выглядеть как ссылка, а не как обычный текст.
Если абзац можно упростить без потери смысла, его надо упростить.

Отдельно следите за «серым текстом для красоты». Он часто выглядит аккуратно в макете, но исчезает на реальном экране, особенно при ярком свете или на дешёвых дисплеях. То же касается капса, тонких начертаний и вычурных шрифтов: они почти всегда снижают скорость чтения.

Хорошая читаемость — это когда человек понимает блок без напряжения глаз и без повторного прочтения. Перед публикацией смотрите на интерфейс не как дизайнер, а как пользователь: если глаз цепляется за форму сильнее, чем за смысл, текст уже проиграл.
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.
tech

Свежие посты в категории «Tech Infrastructure»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @AFFtop_connect. Быстрый тест: $20 за канал, $1000 за пакет по сети.