Вышли: 8-й тираж "Тексты, которым верят"
2-й тираж "Копирайтинг: сила убеждения"
Расчетное время чтения: 1 мин.

Один столбец в макете сайта

Пользователи в Интернете очень разборчивы и невнимательны при чтении текста. Всему виной специфика онлайн-пространства: вокруг столько информации, что людям приходится быть избирательными. Читатели быстро сканируют взглядом сайты, чтобы решить, стоит им тратить время или нет.

Иногда владельцы сайтов делают макет страницы с двумя колонками (текст + картинки сбоку, текст + пометки к нему). Это может выглядеть функционально и необычно, но часто затрудняет «сканирование» страницы.

 Чем плохи страницы с двумя и более столбцами

  • Неудобно читать. Глаза разбегаются при чтении то первой колонки, то второй. Если разные части экрана прокручиваются не одновременно, тогда приходится сначала листать вниз и изучать первую колонку, потом обратно идти вверх и читать второй столбец — зачем доставлять пользователю столько мучений? Все можно оформить в один текст, а не делить его на части.
  • В двух колонках нет необходимости. Сайт — это не газета, где нужно экономить бумагу и впихивать на один разворот несколько статей. Гораздо проще изложить все в одном столбце.

Две или больше колонок допустимо использовать для ситуации, где нужно попарно сравнивать какую-то информацию (например, параллельно читать перевод и текст оригинала). Согласитесь, это довольно специфические задачи, и на большинстве продающих сайтов это не нужно.

  • Проблемы с адаптивностью. Адаптивный дизайн для мобильных устройств сегодня необходим, но многоколоночные страницы невозможно нормально адаптировать для узкого экрана смартфона. В мобильной версии текст в любом случае придется оформить в один столбец, но тогда задумка страницы сводится к нулю. 

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

Решение

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

Теги:
Предыдущий урок: Почему важно соблюдать визуальную иерархию?
Следующий урок: Как стимулировать клиента читать страницу до конца?
В сентябре-октябре 2022г. в издательстве "АСТ" выйдет 6-я книга 📕 П. Панды. Подробности чуть позже :)
This is default text for notification bar