Сайт красивый, а читать невозможно

08.09.26

2 мин

0

3
Сайт красивый, а читать невозможно

Дизайнер вложился в стиль: подобрал шрифты, продумал сетку, добавил анимации. Заказчику нравится, все в восторге на защите. А через месяц выясняется, что люди на сайте не задерживаются.

Красиво и читаемо — разные вещи. Второе почти всегда важнее для заявки, и проверяется оно куда проще, чем кажется.

Серый текст на светлом фоне

Модный приём — приглушить основной текст до светло-серого, чтобы он не спорил с заголовками. На макете в идеальном освещении читается нормально. На телефоне в солнечный день, с царапиной на экране и у человека за сорок это уже испытание, а не чтение.

Простой способ проверить контраст — сделать скриншот и включить чёрно-белый фильтр. Если текст на глаз почти сливается с фоном, обычный человек будет напрягаться, чтобы его прочитать, а не наслаждаться минимализмом. Такой тест — один из пунктов чек-листа сайта.

Нет иерархии размеров

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

Рабочее правило простое: заголовок заметно крупнее подзаголовка, подзаголовок заметно крупнее текста. «Заметно» здесь не про вкус, а про разницу, которую видно боковым зрением, не всматриваясь.

Иконки из разных наборов

Мелочь, которая заметна подсознательно: одна иконка нарисована линиями, другая залита сплошным цветом, третья вообще из другого стиля. По отдельности незаметно, но вместе создаёт ощущение, что сайт собирали на скорую руку, даже если тексты и структура сильные.

Между блоками либо теснота, либо пустота

Слишком плотные блоки давят и заставляют закрыть вкладку раньше, чем человек успел прочитать оффер. Слишком большие пустоты между ними, наоборот, рвут внимание: пока долистываешь до следующего блока, забываешь, о чём был предыдущий.

Как проверить у себя

Собрал 20 пунктов визуальной части чек-листа как раз про это: контраст, иерархию шрифтов, единство иконок, отступы, качество фотографий. Каждый пункт — конкретное действие, не «на глаз красиво».

Можно открыть чек-лист и пройти свой сайт по этим пунктам, прежде чем переделывать текст или структуру: иногда всё дело именно в читаемости, а не в смыслах.

Понравилась статья?
Сделайте шаг к распространению полезной информации

Комментарии

Оставить первый комментарий