<b>Читаемый интерфейс — это не «красиво», а когда текст не заставляет щуриться</b>
Главные провалы в читаемости почти всегда одни и те же: слишком мелкий кегль, низкий контраст и длинные строки. Если пользователь вынужден напрягать зрение, он быстрее уходит с экрана, даже если функционально всё работает.
Проверьте базу:
— размер текста не должен быть «на глазок» меньше основного контента;
— между строками нужен воздух, иначе абзац слипается;
— длина строки не должна быть слишком большой: глаз теряет место, где читать дальше;
— серый текст на сером фоне — плохая идея, даже если дизайнеру «легче дышится»;
— не прячьте важное в тонких начертаниях и капсе.
Отдельно смотрите на состояние при ошибке и disabled. Если сообщение об ошибке выглядит бледнее обычного текста, пользователь его просто пропустит. Если у кнопки и подписи одинаковая слабая контрастность, интерфейс начинает спорить с глазами, а не помогать им.
Хороший тест простой: откройте экран на обычном расстоянии, прищурьтесь и попробуйте понять структуру без усилия. Если заголовки, поля и подсказки не читаются с первого взгляда, интерфейсу нужен не редизайн, а более честная типографика.
Доступность веб-интерфейсов
@accessibility_in_design_ww
<b>Читаемый интерфейс — это не «красиво», а когда текст не заставляет щуриться</b>
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.