Що таке можливість сканування та як її використовувати для покращення вмісту?     

Щодня нас бомбардують величезною кількістю інформації, як онлайн, так і офлайн. Завдяки новим технологіям і швидкому підключенню до Інтернету люди можуть створити більше речей, ніж вони можуть фізично спожити. 

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

Можливість сканування зараз розглядається як важливий аспект зручності використання веб-сайту в результаті його впливу на досвід користувачів.

У цій статті розглядається тема та пропонуються поради щодо того, як зробити цифрові продукти придатними для сканування.    

Можливість сканування та ВАЖЛИВІСТЬ?

Простіше кажучи, можливість сканування означає легкість, з якою користувач може сканувати веб-інформацію, а не читати її слово в слово.

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

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

Великі корпорації та стартапи все частіше вважають, що сканований вміст є обов’язковим, що призводить до постійного розширення UX авторства та дизайну контенту як теми.

У 1997 році Nielsen Norman Group провела інтригуюче дослідження, яке популяризувало слово «можливість сканування».

Якоб Нільсен і його колеги намагалися дізнатися, як люди читають в Інтернеті.

Який їхній висновок? «Вони не роблять».

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

Лише невелика частина користувачів у дослідженні читає сторінки слово в слово. Подальше дослідження досягло такого ж результату.

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

Чотири фактори визначають кількість часу, який споживачі готові витратити на читання (або сканування).

• Рівень мотивації
• Рівень фокусу
• Тип завдання
• Особисті риси

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

Після ретельного вивчення того, як люди читають в Інтернеті, він визначив три основні висновки, які синтезуються в F-подібний шаблон:

• Користувачі часто починають із читання верхньої частини матеріалу горизонтально, що створює верхню смугу F.

• Злегка ковзаючи вниз по вмісту сторінки, читачі читають другий розділ горизонтально, зазвичай коротшим рухом, ніж попередній. Це найнижча планка F.  

• Відтоді люди часто сканують ліву сторону вмісту вертикально, що може бути швидким, повільним і методичним або десь посередині. Це вертикальне сканування створює ніжку F і завершує F-подібний візерунок.

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

Це тому, що надзвичайно важливо розробляти та створювати вміст, який представлятиме те, як люди насправді поводяться в Інтернеті, а не те, як ми хочемо, щоб вони поводилися. 

Розробка та генерування інформації, яка відображає реальну поведінку користувача (сканування), є критично важливим компонентом розробки “липкий інтерфейс користувача” (інтерфейс, завдяки якому користувачі повертаються). І липкий інтерфейс користувача є життєво важливим для довгострокового успіху будь-якого цифрового продукту.

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

Беручи до уваги те, як люди споживають і перетравлюють цифровий матеріал, сканований вміст сприяє хорошому UX (і липкому інтерфейсу користувача) різними способами:

• Користувачі можуть швидше знайти те, що їм потрібно, скануючи матеріал замість того, щоб повільно й уважно читати великі обсяги тексту, заощаджуючи час.
• Зменшує когнітивне навантаження: матеріал, який можна сканувати, легше засвоюється, ніж щільні стіни тексту, і потребує набагато менше розумової енергії, щоб проковтнути його.
• Це доступно: Зробити матеріал доступним для сканування передбачає впровадження багатьох (якщо не всіх) вказівок щодо доступності.
• Це зменшує невпевненість і розчарування: оскільки це дозволяє користувачам швидко й легко знайти те, що їм потрібно, вони менш імовірно заплутаються чи розчаруються.

Як я можу перевірити здатність до сканування?

Споживачі можуть взаємодіяти з вашим матеріалом і пройти перевірку на можливість сканування за допомогою різних підходів.

Нижче наведено кілька методів визначення здатності сканування вашого зміст:

a. Тестування зручності використання: включайте дії для сканування та виявлення певної інформації під час сеансів тестування зручності використання. Перевірте, як користувачі досліджують матеріал, на яких компонентах вони зосереджуються та чи легко вони знаходять потрібну інформацію. 

Заохочуйте учасників думати вголос, що дасть корисну інформацію про їхні звички сканування та розумові процеси.

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

Ви можете визначити, які регіони привертають увагу, а які пропускають, проаналізувавши результати теплової карти.

b. A/B тестування: створіть кілька версій свого матеріалу, використовуючи різні стратегії сканування. Під час цього A/B-тестування різним групам користувачів будуть показані різні версії.

Щоб оцінити, чи версія працює краще з точки зору можливості сканування, відстежте участь користувачів, час, витрачений на пошук інформації, і показники успіху.

Рухи очей учасників фіксуються, коли вони читають ваш вміст дослідження відстеження очей. Ви фіксуєте рухи очей учасників, коли вони читають ваш вміст у дослідженнях стеження за очима.

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

10 порад щодо покращення сканування

1. Створіть правильну візуальну ієрархію

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

• Розмір
• Колір 
• Контрастність 
• Близькість
• Вирівнювання
• Негативне простір 
• Повторення

Дизайнер, який враховує ці шаблони дизайну інтерфейсу користувача під час створення дизайну макета інтерфейсу користувача, гарантує, що кінцевий продукт матиме чудовий, гармонійний і інтуїтивно зрозумілий макет.

Сторінка результатів пошуку Google використовує всі елементи візуальної ієрархії для покращення сканування. 

Використання кольору, розміру та контрасту підкреслює заголовки. Негативний простір навколо кожного заголовка допомагає переконатися, що це перше, що сканує користувач.

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

Далі, далі оцінити результат, вони перевірять копію вмісту, яка є однаковою за кольором, розміром і щільністю. Окрім цих критеріїв, повторення та вирівнювання спрощують перегляд результатів пошуку Google.

2. Розмістіть базову навігацію в заголовку веб-сайту

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

Його використання для відображення важливих зон взаємодії та брендингу є технікою, яка приносить користь обом сторонам. 

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

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

3. Використовуйте негативний простір

Відомий вислів геніального Клода Дебюссі: «Музика - це простір між нотами.” Те саме стосується сканування; негативний простір між частинами – це те, що відрізняє вдалий макет.

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

Без кімнати для дихання людський мозок менш схильний сканувати об’єкти, що цікавлять, і стає заплутаним.

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

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

5. Перевірте читабельність тексту копії

• Читабельність означає, наскільки легко люди можуть читати слова, речення та блоки вмісту. 
• Розбірливість означає, наскільки швидко та інтуїтивно споживачі можуть розпізнавати букви певного шрифту. 
• Слід уважно вивчити ці якості, особливо для інтерфейсів з великою кількістю тексту.
• Колір фону, обсяг простору навколо блоків копіювання, кернінг, інтерліньяж, тип шрифту та поєднання шрифтів.
• Усе це впливає на здатність швидко читати текст і фіксувати матеріал, який переконує людей залишатися поруч. 
• Дизайнери повинні переконатися, що закони типографії дотримуються, а шрифти сприяють візуальній ієрархії та читабельності, щоб уникнути проблем.

6. Використовуйте підзаголовки для узагальнення змісту

Люди часто погано реагують на велику кількість тексту. Якщо абзац не відповідає їхнім інтересам, вони можуть вважати, що втратять час. 

Найкращі методи розробки інтерфейсу користувача пропонують вирішення цієї проблеми. Додаючи короткі підзаголовки на початку великих частин, користувач отримує повне знання теми.

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

7. Використовуйте нумеровані та марковані списки

Ще один розумний спосіб зробити вміст більш зручним для сканування — це використовувати списки з цифрами або маркерами. Вони допомагають чітко систематизувати дані. Вони також привертають увагу користувача до інформації, запобігаючи її втраті в загальній структурі тексту.

8. Додайте фотографії, відео та інший вміст

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

9. Розмістіть одне поняття в абзаці

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

10. Уникайте використання жаргону та технічних слів

Жаргон і непотрібна технічна термінологія зменшують можливість сканування вашого вмісту, змушуючи читачів зупинятися або уповільнювати темп, щоб переварити те, що вони читають. Використовуючи жаргон і технічну термінологію, важливо бути обережним.

Висновок

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

Справедливо й протилежне. Користувачі втрачають інтерес, коли надто багато тексту та недостатньо маркерів або графіки.

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

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

ЧАСТІ ЗАПИТАННЯ

a. Чому можливість сканування є такою важливою для сучасних читачів, особливо споживачів цифрових медіа?

Можливість сканування – це підхід до форматування, який дозволяє цільовій аудиторії легко читати та розуміти текст. Можливість сканування компенсує той факт, що більшість користувачів Інтернету переглядають матеріал, а не читають його.

b. Чи покращують посилання сканування?

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

в. Який елемент вмісту не покращує сканування?

Білий простір – стіни з текстом не забезпечують якісного сканування вмісту.