В первой части мы разобрали с тобой зачем нужно прорабатывать UX для статей. Узнали как можно проверить свой сайт на наличие проблемных мест. И особенности поведения посетителя при просмотре текста.
Если ты не читал первую часть, рекомендую сделать это по ссылке.
А мы перейдем к способам.
Давай разберемся как:
- Написать статью так, чтобы ее было легко воспринимать
- Сделать ее такой, чтобы хотелось читать
- Выделить свои материалы среди сотен конкурентов.
Поехали.
1. Разбивай текст.
Первое, с чего нужно начать - разделить статью на смысловые блоки. Каждый из них должен содержать заголовок.
Так она воспринимается более цельно.
Простыня из слов может отпугивать. Нет момента где можно мысленно сделать паузу и перейти от одного элемента к другому.
Вот пример того, как может выглядеть структура:
- Заголовок
- Введение, в котором ты заинтересовываешь человека прочитать статью.
- Основное содержание, разбитое на подразделы.
- Заключение с кратким резюме статьи или ключевыми мыслями, которые в ней прозвучали.
Что касается абзацев, то они не должны быть большими. Максимум 4-5 строк. Так их легче воспринимать.
Дополнительный чит-код: используй абзацы разной высоты. Так текст будет более дерганным и не утомит читателя.
2. Цепляющее введение.
Есть простое правило.
Заголовок продает чтение первого абзаца. Первый абзац продает всю статью.
Поэтому проработай его содержание.
- В нем опиши основные боли и проблемы, решению которых посвящен материал.
- Или укажи ключевые моменты, которые человек узнает после прочтения текста. Их можно оформить в виде, например, маркированного списка.
Еще один подход - сделать что-то необычное и интригующее. Но тут уже зависит от твоего мастерства. Самый простой путь - выбрать любой из двух пунктов выше.
3. Помечай важное.
Когда ты что-то выделяешь в тексте - это сразу обращает на себя внимание читателя. Самый простой путь - использование полужирного форматирования.
Этот легкий в применении способ позволяет расставить акценты.
Например, ты можешь применять данный подход:
- Для важных мыслей, фраз, утверждений.
- Для заголовков списков.
- Для фраз с призывом к действию.
Кроме полужирного можно использовать и курсив. Например, когда нужно выделить слово или фразу. Но ты не хочешь сильно фокусировать на этом фрагменте внимания.
Несмотря на высокую эффективность - не злоупотребляй выделениями. Все хорошо в меру. Когда их слишком много - статья становится нечитабельной.
4. Используй списки.
Для SEO текстов они вообще чуть ли не обязательный элемент.
Существует два их вида:
- Маркированный
- И нумерованный
Их легко читать и воспринимать.
Статья, в которой есть список выглядит как более ценная. Что часто соответствует действительности.
Тебе гораздо легче запомнить и усвоить короткие ключевые фразы, чем самому мысленно выделять их из отдельных абзацев.
5. Шрифт и размер текста.
Здесь, конечно, больше вопросов к шаблону твоего сайта.
Но понимать этот пункт важно.
Слишком мелкий размер текста - сразу отпугивает. Его объективно сложно читать. Приходится напрягать глаза.
Оптимальный для большинства ресурсов: 14-16 пикселей.
Что касается шрифта, то в отличие от бумажных изданий, в интернете лучше всего воспринимается его вариант без засечек.
Чтобы понимать о чем речь. Эта статья написана как раз таким.
6. Межстрочный интервал.
Слишком маленький интервал это еще одна частая проблема, которая встречается на различных сайтах.
Когда между строками не хватает воздуха, текст начинает выглядеть слишком плотным. И утомляет.
Самый безопасный интервал: 1.5, используй его и можешь не беспокоится.
Пара слов по поводу выравнивания.
В интернете принято, что оно по левому краю. Вариант по ширине больше подходит для газет и журналов.
7. Медиаматериалы.
То, что в статью стоит добавить изображения, графики, видео нет никакого открытия.
Я думаю ты и сам это понимаешь. Если у тебя что не материал, один сплошной текст - тебя читать не будут.
Другой вопрос - это их качество.
Вот несколько моментов, которые тебе стоит учитывать:
- Не используй набившие истомину стандартные картинки, которые можно встретить на 90% сайтов. Ищи что-то оригинальное, можно воспользоваться стоками (например, freepik.com)
- Изображения должны дополнять материал, а не просто присутствовать. Подбирать их стоит в тему и контекст либо всего текста, либо отдельного его раздела.
- Используйте только картинки хорошего качества.
Сами по себе такие элементы создают общее впечатление о статье. Особенно, когда пользователь пролистывает ее колесиком мышки.
8. Цвета.
Не имеет значения какой твой любимый цвет или как он смотрится на сайте. Важно только то, мешает он воспринимать текст или нет.
Не стоит использовать нестандартные гаммы.
Посмотри на популярные новостные сайты. На них ты найдешь оптимальные варианты для фона и шрифта.
9. Дополнительные элементы выделения.
На десерт лови очень эффективный прием для повышения вовлеченности твоего читателя.
Речь про дополнительные способы выделить отдельные блоки с текстом.
Такие как:
- Цитаты
- Важные абзацы или фразы с ключевой информацией
- Ключевые мысли
Это очень обогащает содержимое материала.
Возможно у тебя нет такой возможности для твоего сайта. Поэтому либо нужно будет установить дополнительные плагины. Либо обратиться к программисту и дизайнеру с запросом на добавление таких элементов верстки.
Заключение.
В конце хочется вернуться с того, с чего начинал.
Проблема, которую мы вместе с тобой решали, заключалась в том, что статьи не дочитывают. Помнишь?
Давай взглянем на нее с учетом того, что ты узнал(а).
Просто представь себе 2 варианта:
Обычная невзрачная статья.
И такая, где:
- Текст разбит на разделы с заголовками
- Удобный для восприятия размер шрифта, его цвет, межстрочный интервал
- Присутствуют изображения в тему и хорошего качества
- Есть списки с ключевыми тезисами
- Отдельные мысли выделены полужирным или вынесены в специальные блоки, которые визуально выделяются
- В начале описаны проблемы, которые решит прочтение.
Ты бы сам какую из них скорее всего дочитал до конца?
Ответ очевиден, вторую.
Применяй эти правила в качестве обязательных при подготовке контента.
Подписывайся, чтобы не пропустить: https://zen.yandex.ru/id/5b85138ba459c800a931083b