Последнее обновление: 31
Ежедневно на нас обрушивается огромное количество информации как онлайн, так и офлайн. Благодаря новым технологиям и быстрому интернету люди могут создавать больше, чем физически потреблять.
При использовании многих веб-сайтов и приложений потребители не читают все слово в слово; вместо этого они просматривают страницу, чтобы определить, почему и насколько она релевантна.
В настоящее время сканируемость считается важнейшим аспектом удобства использования веб-сайта из-за ее значительного влияния на пользовательский опыт.
В этой статье рассматривается эта тема и предлагаются советы о том, как сделать цифровые продукты пригодными для сканирования.
Сканируемость и ВАЖНОСТЬ?
Другими словами, сканируемость означает легкость, с которой пользователь может сканировать веб-информацию, а не читать ее слово в слово.
Посетители могут быстро и эффективно читать текст и изображения на сканируемом контенте, поскольку они подготовлены и организованы для быстрого понимания.
Общее влияние стилей обмена сообщениями, форматирования и письма, используемых для того, чтобы сделать материал удобным для чтения, является основополагающим принципом 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. Проверьте читаемость текста копии
- Удобство чтения — это легкость, с которой люди могут читать слова, предложения и блоки контента.
- Разборчивость означает, насколько быстро и интуитивно потребители могут распознавать буквы определенного шрифта.
- Следует внимательно изучить эти качества, особенно при работе с интерфейсами, содержащими большой объем текста.
- Цвет фона, количество свободного пространства вокруг текстовых блоков, кернинг, интерлиньяж, тип шрифта и т. д. сочетание шрифтов.
- Все это влияет на способность быстро читать текст и улавливать материал, который убеждает людей остаться.
- Дизайнеры должны следить за тем, чтобы соблюдались типографские законы, а шрифты обеспечивали четкую визуальную иерархию и удобочитаемость, чтобы избежать каких-либо проблем.
Подробнее о:
- Как узнать, что ваш адвокат вас продает
- Бесперебойный и привлекательный пользовательский опыт на сайтах электронной коммерции B2C
- 20 улучшений контента, которые резко увеличат количество ваших лидов
6. Используйте подзаголовки для обобщения контента
Люди часто негативно реагируют на большой объём текста. Если абзац не соответствует их интересам, они могут решить, что зря потратят время.
Лучшие практики дизайна пользовательского интерфейса предлагают решение этой проблемы. Пользователь получает полное представление о теме, добавляя краткие подзаголовки в начало больших фрагментов.
При составлении подзаголовка важно сделать его лаконичным. Отразите суть представленной ниже информации.
7. Используйте нумерованные и маркированные списки
Ещё один разумный способ сделать контент более удобным для чтения — использовать списки с номерами или маркерами. Они помогают наглядно организовать данные и привлечь внимание пользователя к информации, не давая ей потеряться в общей структуре текста.
8. Включите фотографии, видео и другой контент
- Визуальные особенности повышают читабельность и удобство просмотра, добавляя тексту разнообразия, интереса и контекста.
- Изображения, видео, инфографика, диаграммы, графики и другие медиафайлы могут помочь вам представить свою точку зрения, привести примеры и подтвердить свои утверждения.
- Они также могут помочь разбить ваш материал, сделав его более интересным и запоминающимся.
- Однако избегайте использования чрезмерных или нерелевантных средств массовой информации, которые могут отвлечь или ошеломить вашу аудиторию.
- Выбирайте качественные и релевантные медиаматериалы, которые дополняют ваш контент и соответствуют вашему бренду и посланию.
9. Поместите одну концепцию в абзац
При подготовке печатных материалов к просмотру избегайте чрезмерной длины больших фрагментов текста. Короткие абзацы читателю усваиваются легче, и он может легко пропустить ненужный материал. Поэтому, изложив одну идею в одном разделе, начните другой с новой мысли.
10. Избегайте использования жаргона и технических слов.
Жаргонизмы и ненужная техническая терминология снижают читабельность вашего контента, заставляя читателей останавливаться или замедлять чтение, чтобы осмыслить прочитанное. При использовании жаргона и технической лексики важно соблюдать осторожность.
Заключение
Хотя удобство сканирования часто упускается из виду, оно является важнейшим аспектом дизайна, влияющим на продолжительность пребывания пользователей на вашем сайте. Пользователи с большей вероятностью задержатся на контенте, с которым легко ориентироваться.
Верно и обратное. Пользователи, как правило, теряют интерес, когда текста слишком много, а маркированных пунктов или графики недостаточно.
Начните с применения передовых методов, таких как включение негативного пространства в ваш дизайн, использование форматирования для выделения ключевой информации и представление данных в виде маркированных списков, которые легко считываются.
Рассмотрите различные схемы сканирования для улучшения удобства использования и сканирования вашего сайта при разработке вашего контента.
Часто задаваемые вопросы (FAQ)
а. Почему удобство чтения так важно для современных читателей, в основном потребителей цифровых медиа?
Сканируемость — это подход к форматированию, позволяющий целевой аудитории легко читать и понимать текст. Сканируемость компенсирует тот факт, что большинство интернет-пользователей просматривают текст, а не читают его.
б. Улучшают ли ссылки сканируемость?
Ключевые слова в контенте также способствуют удобству сканирования, поскольку служат ориентирами для роботов, сканирующих веб-страницы. Кроме того, ссылки внутри контента позволяют читателям быстро перемещаться между релевантными темами или страницами на самом сайте.
в. Какой элемент контента не улучшает сканируемость?
Белое пространство. Стены текста не обеспечивают качественного сканируемого контента.
