Что такое сканируемость и как ее использовать для улучшения контента?     

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

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

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

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

Сканируемость и ВАЖНОСТЬ?

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

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

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

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

В 1997 году компания Nielsen Norman Group провела интересное исследование, которое популяризировало слово «сканируемость».

Якоб Нильсен и его коллеги попытались узнать, как люди читают в Интернете.

Каков их вывод? «Они этого не делают».

«Люди редко читают веб-сайты слово в слово; вместо этого они просматривают страницу, выделяя отдельные фразы и предложения».

Лишь небольшая часть пользователей, участвовавших в исследовании, прочитала страницы слово в слово. Последующее исследование дало тот же результат.

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

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

• Уровень мотивации
• Уровень внимания
• Тип задачи
• Личные качества

Несколько исследований показали, что потребители сканируют цифровой контент, наиболее известным из которых является F-образный шаблон чтения веб-контента компании Nielsen Norman Group. 

После тщательного изучения того, как люди читают онлайн, было выявлено три основных вывода, которые объединяются в F-образную модель:

• Пользователи часто начинают с горизонтального чтения самой верхней части материала, образуя верхнюю полосу буквы F.

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

• С этого момента люди часто просматривают левую часть контента по вертикали, что может быть быстрым, медленным и методичным, или где-то посередине. Это вертикальное сканирование создает ножку буквы F и завершает F-образный узор.

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

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

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

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

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

• Пользователи могут быстрее найти то, что им нужно, сканируя материал вместо того, чтобы медленно и внимательно читать большие объемы текста, экономя время.
• Это снижает когнитивную нагрузку: Сканируемый материал легче усваивается, чем плотные стены текста, и для его усвоения требуется гораздо меньше умственной энергии.
• Это доступно: Обеспечение возможности сканирования материалов влечет за собой реализацию многих (если не всех) правил обеспечения доступности.
• Это уменьшает неуверенность и разочарование: поскольку это позволяет пользователям быстро и легко находить то, что им нужно, они с меньшей вероятностью запутаются или разочаруются.

Как я могу проверить возможность сканирования?

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

Вот несколько методов определения сканируемости вашего содержание:

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

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

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

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

б. А/Б-тестирование: Создайте несколько версий вашего материала, используя разные стратегии сканирования. В этом A/B-тестировании разным группам пользователей будут показаны разные версии.

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

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

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

10 советов по улучшению сканируемости

1. Создайте правильную визуальную иерархию

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

• Размер
• Цвет 
• контраст 
• Близость
• центровка
• Отрицательное пространство 
• Повторение

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

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

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

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

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

2. Разместите базовую навигацию в шапке сайта.

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

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

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

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

3. Используйте негативное пространство

Гениальный Клод Дебюсси сказал: «Музыка – это пространство между нотами». То же самое относится и к сканируемости; Негативное пространство между частями — вот что отличает успешный макет.

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

Без передышки человеческий мозг менее склонен сканировать интересующие объекты и запутывается.

4. Выделите ключевые слова и фразы

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

5. Проверьте читаемость текста копии

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

6. Используйте подзаголовки для обобщения контента

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

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

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

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

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

8. Включите фотографии, видео и другой контент

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

9. Поместите одну концепцию в абзац

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

10. Избегайте использования жаргона и технических слов.

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

Заключение

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

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

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

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

Часто задаваемые вопросы

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

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

б. Улучшают ли ссылки сканируемость?

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

в. Какой элемент контента не улучшает сканируемость?

Белое пространство. Стены текста не обеспечивают качественного сканируемого контента.