Как улучшить сканируемость контента и сделать его более читаемым

The UX Collective рассказали об основных паттернах чтения и поделились рекомендациями по улучшению сканируемости контента. Адаптированный перевод материала от продуктового редактора Александра Марфицина.

Если нам нужна информация, мы её гуглим. Затем сканируем название и описание, а когда попадаем на подходящую страницу, ищем подсказки в содержании. Пытаемся понять, стоит ли её читать полностью.

Такое информационно-поисковое поведение можно сравнить с поведением хищников. Дикие животные ищут пищу, чтобы выжить. Люди ищут информацию, чтобы утолить всё возрастающий информационный голод. Эксперты по юзабилити и когнитивные психологи называют это эффектом «информационного запаха» (the information scent effect).

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

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

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

С 1997 года самым популярным паттерном чтения считался F-паттерн. Но с развитием интернета и гаджетов многое поменялось. Теперь NN/g выделяет 4 основных шаблона, по которым люди сканируют информацию.

Пользователи используют этот паттерн при больших объёмах текста без форматирования:

Это похоже на настоящую текстовую стену. Делать её — самая распространённая ошибка при создании контента, людям такие материалы кажутся непривлекательными Поэтому они сканируют слева направо сверху, затем сверху вниз в начале предложений. Только если некоторые слова кажутся им релевантными, они читают дальше.

Читатель глазами перескакивает из одного места на другое, ищет ключевые элементы или руководствуется выделенными фрагментами:

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

В этом случае читатель сканирует не слова по отдельности, а целые фрагменты текста:

Этот шаблон помогает считывать заголовки, а затем сканировать соответствующую часть текста. Так пользователи могут читать больше. Но это не лучший паттерн.

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

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

Чтобы достичь паттерна «приверженности» для последовательного сканирования контента, нужно:

О каждом из этих пунктов подробнее.

Как вы заметили в примерах выше, 3 абзаца из 3 строк намного лучше, чем 1 абзац из 9 строк. Поэтому:

Сначала ответьте на вопрос пользователя, затем переходите к деталям.

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

Аккуратно используйте следующие элементы:

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

Больше о пользе контента для продукта в моём Телеграм-канале «Инструменты редактора», блоге на Medium и ежемесячной рассылке. За наводку на статью спасибо Михаилу Хананашвили.

#ux #uxwriting #марфицин #контент