5 правил форматирования для улучшения читаемости писем и целевых страниц

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

Вы когда-нибудь задумывались, как ваши пользователи читают содержимое ваших писем и веб-страниц?

Если это так, возможно, вы нашли огромное количество исследований когнитивных механизмов, с помощью которых люди просматривают, читают и изучают веб-контент. Если ответ отрицательный, вы будете поражены тем фактом, что пользователи редко читают всю веб-страницу или сообщение: только 16% людей останавливаются на каждом слове, а в целом люди читают только 20% содержимого страницы. Когда дело доходит до информационных бюллетеней, чтение становится еще более рассеянным и ускоренным, а при переключении с рабочего стола на маленький экран смартфона - еще хуже. Фактически, мобильные устройства замедляют понимание более сложного текста.

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

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

Читаемость против разборчивости: в чем разница?

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

1. Избегайте уникальных текстовых блоков.

Длинная стена текста без перерывов и разделов - главное препятствие при чтении контента.

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

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

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

Источник: действительно хорошие электронные письма

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

Эта последовательность изображений отображает сообщение с разными отступами. Они оживляют текстовый блок, который становится своего рода рамкой для самого изображения. Этот GIF также демонстрирует, как редактор BEE платформы MailUp упрощает и ускоряет управление отступами. Просто перейдите на панель инструментов форматирования текстового блока соответствующего раздела и нажмите кнопку отступа абзаца.

2. Вставьте заголовки и подзаголовки и назначьте иерархию содержанию.

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

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

В этом примере показан текст, разделенный на абзацы, который также имеет заголовки (в данном случае H2) для каждого раздела. Они иллюстрируют тему и позволяют пользователю с первого взгляда понять основные темы сообщения.

Одно из последних нововведений в редакторе MailUp BEE - облегчение вставки тегов заголовков в ваши электронные письма и целевые страницы.

Просто добавьте соответствующий блок содержимого в тело сообщения и выберите тип тега заголовка, который вы хотите вставить (H1, H2 или H3), как показано на изображении:

3. Используйте возможности маркированных списков.

Маркированные списки , возможно, являются одним из наиболее эффективных инструментов, позволяющих осветлить текст и мгновенно передать основные идеи сообщения .

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

Опция 1:

«Наш золотой праздничный пакет включает в себя 2 ночи проживания в номере Делюкс с балконом и джакузи; 2 бесплатных 3-часовых сеанса в оздоровительном центре, включая 60-минутный массаж и уход за лицом; приветственный напиток; завтрак «шведский стол» и возможность бесплатно арендовать 2 велосипеда ».

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

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

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

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

Редактор BEE позволяет вам устанавливать и выбирать различные типы списков, просто расширяя специальную кнопку:

Маркированные списки не только являются отличным способом облегчения чтения, но и соответствуют различным потребностям . Они сообщают о назначении повестки дня мероприятия; изложить содержание документа или электронной книги; описывать этапы процесса (например, активация услуги, купленной пользователем); определить элементы контрольного списка; подробно описать преимущества предложения и т. д.

Вот некоторые предложения:

4. Дайте вашим текстовым блокам передышку - поиграйте с межстрочным интервалом и интервалом между буквами.

Еще одним препятствием для чтения контента является нехватка места между строками и символами. Текстовый блок должен дышать . Конечно, такого результата мы не получим:

Редактор BEE предоставляет вам ряд функций и решений, позволяющих избежать этого риска :

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

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

5. Нарушение единообразия текста.

Последнее (но не менее важное) правило касается форматирования символов .

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

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

Например, посмотрите, как эти простые меры делают следующий текст более читабельным:

Особенно при работе с длинным текстом выделение основных понятий является обязательным шагом . Редактор BEE делает это еще проще, поскольку позволяет:

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

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

Обобщите свой контент с помощью того же трюка для оптимизации длины строки темы: используйте «говорящие» символы и специальные символы. Редактор BEE сортирует их по типу для облегчения поиска (без бесконечной прокрутки!).

В итоге

Эффективность хорошей стратегии контент-маркетинга - это не только вопрос копирайтинга. Это также зависит от типографики и дизайна текста.

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

Теперь вам нужно начать в лучшем случае форматировать свои тексты и применять эти простые правила на практике. Воспользуйтесь всеми интуитивно понятными функциями редактора BEE и платформы MailUp.