Привет дорогой друг!
Попросите UX-райтеров описать свою работу одним словом, и, скорее всего, большая часть из них ответит "сканируемостью".
Трудно переоценить важность удобства сканирования для UX-писателей - это основа, на которой строится весь контент, ориентированный на пользователя.
Если вы начинающий UX-писатель, дизайнер или инженер, который пишет, или просто человек, который хочет понять, как создавать понятный, ориентированный на пользователя контент, понимание сканируемости очень важно. Мы написали эту статью, чтобы помочь вам в этом.
1. Что такое "сканируемость"?
Проще говоря, сканируемость - это степень, в которой веб-контент легко сканируется (а не читается слово в слово) пользователем.
Сканируемый контент - это текст и изображения, отформатированные и расположенные так, чтобы пользователи могли быстро и легко читать их при сканировании страницы.
Сканируемость контента - это совокупность воздействия сообщений, форматирования и техники написания, которые используются для облегчения сканирования.
Это ключевой принцип написания UX и, как следствие, UX и дизайна продукта в целом.
Сканируемый контент сегодня рассматривается как обязательное условие как мировыми гигантами, так и стартапами, что является важным фактором дальнейшего роста UX-писания и контент-дизайна как области (контент-дизайнер был признан LinkedIn Jobs on the Rise 12-й самой быстрорастущей работой в течение 5 лет до 2023 года).
Если вы заинтересованы в создании качественного и действующего контента, тогда вам отлично подойдет курс от образовательной платформы Netology "UX-писатель". На практике вы поймёте как создавать тексты для интерфейсов и сервисных коммуникаций продукта, а также пройдёте весь путь подготовки UX-текста: от исследований и работы с дизайн-макетами до согласования и релиза!
2. Почему сканируемость важна
В двух словах, сканируемость очень важна, потому что люди сканируют страницу взглядом.
Конечно, это не абсолютное правило, применимое ко всем. Это обобщение - некоторые пользователи будут читать ваш текст досконально, но чаще всего они будут быстро сканировать страницу в поисках нужной им информации.
И, вообще говоря, количество времени, которое пользователи готовы потратить на чтение (или сканирование), зависит от четырех факторов:
- Уровень мотивации
- Уровень сосредоточенности
- Тип задачи
- Личные характеристики
То, что люди сканируют цифровой контент, было проиллюстрировано несколькими исследованиями, наиболее известным из которых является "F-образный шаблон для чтения веб-контента" компании Nielsen Norman Group. После тщательного исследования того, как люди читают в Интернете, компания выделила три основных вывода, которые синтезировались в F-образную схему:
Пользователи обычно сначала читают верхнюю часть контента по горизонтали - это формирует верхнюю полосу F-образной формы.
После небольшого перемещения вниз по содержанию страницы пользователи затем читают вторую часть контента по горизонтали, как правило, более коротким движением, чем предыдущее. Это формирует нижнюю полосу F.
После этого пользователи обычно сканируют левую часть контента вертикальным движением, которое может быть быстрым, медленным и систематическим или где-то посередине. Это вертикальное сканирование формирует ножку буквы F, завершая F-образный паттерн.
Это открытие о том, как пользователи потребляют цифровой контент с помощью F-образного шаблона, было и остается переломным моментом для UX-писателей, контент-дизайнеров, контент-стратегов, технических писателей и всех, кто серьезно относится к контенту, ориентированному на пользователя.
Проектирование и создание контента, отражающего реальное поведение пользователей (сканирование), является ключевой частью создания "липкого пользовательского интерфейса" (интерфейса, который заставляет пользователей возвращаться). А наличие "липкого" пользовательского интерфейса является основой долгосрочного успеха любого цифрового продукта.
3. Улучшение сканируемости с помощью сообщений
В руководствах по сканируемости часто упускается из виду важность обмена сообщениями. Это ошибка.
Почему? Потому что люди сканируют, чтобы быстро и легко найти нужную им информацию. Если ваши сообщения не соответствуют действительности, если вы не до конца поняли потребности пользователей, они не смогут найти нужную информацию.
Это означает, что пользователь обычно делает одно из четырех действий:
- Пересмотрит содержимое
- Перейдет на другую страницу вашего сайта или приложения
- Перейдет на другой сайт или приложение
- Полностью откажется от своей задачи
Даже если пользователи могут сканировать ваш контент, сканирование, которое приводит к одному из этих результатов, никому не поможет.
Сканируемый контент без релевантной информации в конечном итоге бесполезен.
Поэтому первый шаг к улучшению сканируемости вашего контента - убедиться, что ваши сообщения актуальны и понятны вашей аудитории.
Руководство NNG по визуальной иерархии рекомендует перед разработкой дизайна "сделать шаг назад от визуальных образов и определить иерархию контента и ключевые моменты, которые вы хотите, чтобы пользователь вынес для себя".
Установление такой иерархии обеспечит поддержку сканируемого контента вашими сообщениями и наоборот. И хотя сейчас у нас нет места для глубокого погружения в тему сообщений, вот три простых приема, которые помогут вам начать:
1. Проведите исследование пользователей для создания пользовательских маршрутов, пользовательских историй или историй работы.
Данные, полученные в ходе UXR, могут быть использованы для создания этих материалов - обычно в сотрудничестве с UX или дизайнером продукта - которые помогут вам понять, какую информацию ищет пользователь. Сара Ричардс, которая ввела термин "контент-дизайн", написала отличный блог, объясняющий разницу между историями работы и историями пользователя.
2. Создайте продуманную информационную архитектуру и иерархию контента на странице.
Они помогут вам предоставить пользователям необходимую информацию там и тогда, где и когда они в ней нуждаются. Их следует использовать в тандеме с навигацией на странице, когда это имеет смысл. Блог Джиллиан Массел "Иерархия контента в действии" о ее процессе в Shopify - отличное пособие по этому вопросу.
3. Используйте постепенное раскрытие информации для снижения когнитивной нагрузки
Прогрессивное раскрытие - это постепенное раскрытие информации по мере того, как она нужна пользователям, и сохранение продвинутых или редко используемых функций на дополнительном экране. Прогрессивное раскрытие улучшает сканируемость, предотвращая перегрузку пользователя информацией, повышая обучаемость и наглядность, а также снижая количество ошибок.
Теперь, когда мы рассмотрели, как можно повысить удобство сканирования за счет понимания пользователей и правильной подачи информации, мы переходим к рассмотрению того, как можно использовать форматирование, чтобы сделать ваш контент еще более удобным для сканирования.
4. Улучшение сканируемости с помощью форматирования
Форматирование - возможно, самый важный и эффективный способ сделать ваш контент более удобным для сканирования.
Эти пять простых приемов улучшат сканируемость вашего контента:
1. Используйте заголовки и подзаголовки
Возможно, самые важные элементы в этом списке, четкие, последовательные и лаконичные заголовки и подзаголовки - один из самых быстрых и простых способов улучшить сканируемость. Они добавляют структуру и визуальные ориентиры, а дополнительное пространство, которое они обеспечивают, помогает пользователю быстро сканировать текст.
2. Используйте нумерованные или маркированные списки
Списки - это мощный инструмент для представления сложной информации таким образом, чтобы помочь пользователю сканировать. Используйте нумерованные списки, если важен порядок следования элементов, в противном случае можно ограничиться маркированными списками. Если список элементов будет коротким и последовательным по структуре (например, все существительные или фразы, начинающиеся с глагола), это еще больше повысит удобство сканирования.
3. Используйте жирный шрифт, курсив или выделение.
Все три способа являются простыми, но эффективными способами привлечения внимания к ключевой информации в вашем контенте для повышения удобства сканирования. Полужирное начертание обычно предпочтительнее для заголовков, но проверьте, как оно используется в вашей компании или в вашем руководстве по стилю.
4. Используйте таблицы
Таблицы могут повысить удобство сканирования вашего контента, представляя сложную информацию в легко усваиваемой и понятной структуре.
5. Используйте кавычки
Кавычки могут быть эффективным визуальным ориентиром, разбивающим стены текста и привлекающим внимание пользователя к ключевой информации. Для поддержки удобства сканирования важно, чтобы любой текст внутри цитаты находился в контексте и на своем логическом месте на странице.
Ключевые выводы
Сканируемый контент является как важной частью "липкого" пользовательского интерфейса, который заставит пользователей вернуться, так и ключевым элементом хорошего UX.
Контент, который не поддается сканированию, тратит время пользователей и приводит к ошибкам, разочарованию и путанице, что подрывает пользовательский опыт.
К счастью, есть проверенные методы, которые можно использовать, чтобы убедиться, что ваши сообщения, форматирование и написание сочетаются, чтобы сделать ваш контент более удобным для сканирования.
Будь вы UX-писатель, UX-дизайнер или UX-исследователь, понимание и освоение этих приемов приведет к ускорению и повышению эффективности вашей карьеры.
До новых встреч!
