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

<b>Читаемый интерфейс — это не «красиво», а когда текст не заставляет щуриться</b>

<b>Читаемый интерфейс — это не «красиво», а когда текст не заставляет щуриться</b>

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

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

Отдельно смотрите на состояние при ошибке и disabled. Если сообщение об ошибке выглядит бледнее обычного текста, пользователь его просто пропустит. Если у кнопки и подписи одинаковая слабая контрастность, интерфейс начинает спорить с глазами, а не помогать им.

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

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

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

start

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

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

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