Размер шрифта в мобайле: 5 ошибок, которые ломают читаемость

Размер шрифта в мобайле: 5 ошибок, которые ломают читаемость

На маленьком экране кегль нельзя выбирать «на глаз». Если текст выглядит аккуратно в макете, это не значит, что он читается без усилий. Проверяйте не только заголовки, но и основной текст, подписи, кнопки и ошибки формы.

— Мелкий кегль ради «легкости» интерфейса. Пользователь начинает щуриться и промахивается по строкам.
— Слишком много уровней иерархии. Когда заголовок, подзаголовок и текст различаются слабо, блоки сливаются.
— Одинаковый размер для всего. Без контраста страница выглядит плоско, и важное теряется.
— Слишком плотный межстрочный интервал. Текст слипается, особенно в длинных абзацах.
— Фиксированный размер без проверки на реальном устройстве. В макете шрифт может казаться нормальным, а на телефоне — уже тесным.

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

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