Ошибки оформления текстов и как это исправить

ошибки оформления текстов
Рассылки
Автор: Юлия Федотова
«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Неправильно оформленный текст влияет на желание пользователя прочитать и на восприятие информации. GetGoodRank Выделил основные ошибки оформления текстов на проверяемых сайтах»

На 3 сайтах из 5 проверяемых мы находим ошибки оформления текстов. О том, что плохо отформатированный текст ухудшает восприятие пользователя, мы неоднократно рассказывали в блоге (подборка публикаций в конце рассылки).

Мы собрали наиболее распространенные ошибки форматирования текстов, которые обнаружили в ходе проверок.

В этом выпуске:

  • Что происходит на странице сайта
  • Ошибки форматирования текстов
  • Как это исправить

Что происходит на странице сайта

Текст — главный инструмент информирования на сайте. Обычная страница сайта совмещает:

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

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

Изображение обрабатывается мозгом в тысячи раз быстрее, чем текст. 90% информации и 93% коммуникации с внешним миром происходит через визуальное восприятие.

Текст не способен конкурировать с изображениями. Сознание воспримет и обработает картинку быстрее. Более того, чтение — приобретенный, а не врожденный навык. Для обработки изображения мы не прикладываем никаких усилий, в то время как обработка текста предполагает определенную нагрузку на мозг.

Неправильное форматирование увеличивает физическую и когнитивную нагрузку, снижает вероятность того, что текст будет прочитан. Более того, оформление текста влияет на доверие пользователя.

Чем хуже оформлен текст, тем выше сомнения в компетентности, надежности компании.

Ошибки оформления текстов на сайтах (по оценкам GetGoodRank)

Мелкий шрифт

Мелкий шрифт читать сложно. Такие тексты ассоциируются в сознании пользователей с:

  • документами, в которых пытаются что-то скрыть (все помнят приписки мелким шрифтом в договорах)
  • сео-текстами, которые на практике абсолютно бесполезны для читателя

Мы писали в блоге о стоимости взаимодействия, когда в сознании пользователя происходит моментальная оценка:

стоит ли выгода, полученная от действия, прилагаемых усилий.

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

Малое межстрочное расстояние

Когда строчки «слипаются», разобрать текст становится сложно. Остается неясным, зачем так делать на сайтах, ведь это ваши страницы и доплачивать за то, что текст займет половину экрана, а не 1/3 вам не придется.

Длина абзацев

Здесь мы встречаем две крайности:

  • слишком короткие абзацы — абзац состоит из одного предложения
  • слишком длинные абзацы — получается сплошное полотно текста

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

Чтобы это исправить, следуйте простому правилу:

1 абзац — 1 идея

И все будет в ажуре.

Текст как в Word

Да, и такие сайты до сих пор находятся. Создается впечатление, что текст перенесли из редактора Word, выделив основные моменты жирным, курсивом или подчеркиванием.

Нелепые выделения

Максим Ильяхов рассказывает о проклятии инструментов. Суть проста:

…если редактору доступен какой-либо инструмент, рано или поздно он будет применен к тексту.

Так на страницах появляются такие тексты:

ошибки оформления текстов

Здесь слишком много разнотипных выделений на квадратный сантиметр текста, чтобы пользователь смог уловить логику.

Любое выделение текста применяется для привлечения внимания или для обозначения возможного действия. Так, мы понимаем, что текст, выделенный голубым/синим цветом и подчеркиванием, есть кликабельной ссылкой.

Что пытается донести редактор, когда текст «часы Слава» превращается в:

часы «СЛАВА«

нам не особо понятно, пользователю тем более. К тому же инструменты редактора позволяют вставить любое изображение в текст, которое сработает лучше 1000 слов и уж тем более лучше такого выделения.

Обилие выделений перетягивают внимание и мешает усвоению информации.

Отсутствие воздуха в тексте

Тогда как межстрочное расстояние, размер шрифта и длина строки не зависят от редактора, отступы в тексте легко поправимы.

Когда тексту отведено большее пространство, он становится легче для восприятия и читаемее.

ошибки оформления текстов

Выравнивание

Есть разные правила выравнивания текста: некоторые рекомендуют выравнивать по левому краю, кто-то — по ширине. Я всегда предпочитаю смотреть, как вписывается текст в страницу.

ошибки оформления текстов

У каждого типа выравнивания есть свои недостатки:

  • выравнивание по ширине может привести к непропорциональному расстоянию между словами и между символами
  • выравнивание по центру и по правому краю «рвет» левый край, а это усложняет восприятие, заставляет взгляд прыгать и начинать чтение то с одного отступа, то с другого. Это утомляет.

Конфликт текста и изображений

Оптимизаторы и редакторы вбили в головы правило, что текст должен сопровождаться картинкой. И это правильно, если эта картинка полезна.

НО!

В 90% случаев информационные статьи сопровождаются изображениями, нерелевантным или не несущим дополнительной информации пользователю, как здесь:

ошибки оформления текстов

Как такое изображение поможет пользователю понять, в чем отличия генераторов и станций?

Как это исправить?

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

  • Уберите все форматирование: выделения, абзацы, подзаголовки, списки. Начните с чистого полотна текста.
  • Перечитайте текст и разбейте его на логические блоки, составьте подзаголовок к каждому блоку, выделите подзаголовки в тексте
  • Перечитайте каждый блок, разбейте на абзацы по формуле:

1 абзац = 1 идея

Помните: оптимальная длина абзаца — до 5 строк.

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

Если форматирование не применяется: пропишите style=«text-align: left;» (right/center/justify) к нужному абзацу.

Ознакомьтесь с подборкой статей о форматировании текста и восприятии пользователя:

Скимминг: как облегчить чтение текста

Правильное оформление текста (инфографика)

Текст на сайте — исправьте это немедленно!

Проверить качество оформления текста и получить рекомендации, какие факторы ухудшают восприятие информации на сайте, можно в GetGoodRank

Добавить комментарий

Войти с помощью: 

Статьи по теме

как выбрать копирайтера
Рассылки
Как выбрать копирайтера
Текст для сайта — задача копирайтера. Качество текста зависит от трех факторов: п...
как удержать клиента
Рассылки
Как удержать клиента: стратегии, методы, инструменты
Маркетологи видят привлечение клиентов главной задачей. Только 19% маркетингового бюдже...