Читабельність (readability) - простота сприйняття слів, пропозицій, структур тексту на сторінці. Дана метрика виходить з того, що складні слова, пропозиції, великі абзаци або суцільний текст сприймаються складніше, ніж прості структури.
Основні рекомендації зводяться до максимального спрощення тексту:
- використовувати прості слова замість термінів і жаргону
- розбивати складні речення на прості
- уникати довгих перерахувань в реченні
- розбивати довгі абзаци, слідуючи правилу:
Читабельність залежить також від інших параметрів тексту.
Як поліпшити читабельність: 8 рекомендацій
Поговоримо про те, як зробити контент на сторінці зручним для читання. Часто буває так, що не дивлячись на цінність і корисність інформації відвідувач не має бажання пробиратися крізь нетрі тексту.
При читанні тексту на паперових носіях користувач використовує техніку послівного прочитання. На сайтах і в додатках користувачі сканують текст. За даними дослідження NNGroup. користувачі переглядають від 20 до 28% слів на сторінці сайту.
Щоб підвищити кількість засвоєного тексту, його необхідно оптимізувати.
1. Правильний шрифт
Шрифт - один з ключових чинників зручності читання тексту. Вибирайте стандартні шрифти. Відкладіть в сторону всі креативні рішення.
Заголовки повинні бути легко помітні. Не використовуйте в заголовках усі великі. Різниця в розмірі букв покращує читабельність тексту. З огляду на, що заголовки короткі, тут можливі варіанти креативних шрифтів.
Для основного тексту використовуйте стандартні sans-serif шрифти: Arial, Helvetica, Trebuchet, Lucida Sans, Verdana.
2. Розмір шрифту
Деякі UX оптимізатори стверджують, що оптимальний розмір шрифту - 16px. Тоді як інші стверджують, що правильніше визначати розмір шрифту в процентному співвідношенні. Тоді шрифт адаптується до персональних налаштувань браузера і різних дозволах екранів. Врахуйте, що користувачі тримають гаджети далі від очей, ніж книги.
Кращий розмір шрифту для сторінки той, при якому з мобільного пристрою користувачеві не доведеться збільшувати масштаб сторінки для комфортного читання.
3. Контрастність
Контрастність між фоном і текстом - інший важливий фактор, що впливає на зручність читання тексту. Правило просте:
чим більший контраст між текстом і фоном, тим легше читання
Низька контрастність підвищує навантаження на очі, а так, сприйняття інформації погіршується.
Також навантаження на зір і свідомість підвищується за рахунок динамічних, «гучних» фонів - картинка замість фону. Якщо зображення в тлі все ж необхідно, то текст на сторінці має розміщуватися тільки в однотонних площах з високою контрастністю по відношенню до тексту.
Микита Обухів в своїй статті про 10 правилах сторітеллінга вказує:
Коли тексту відведено великий простір, він розкривається і стає читати.
Не переборщити з дизайном і кольором - велика кількість стилів перетягує увагу і заважає засвоєнню інформації. Розвивайте в собі аскета.
4. Стислість
5. Відступи
Читання з екрану більш утомливо, ніж з листа. В середньому користувачеві потрібно на 25% більше часу, щоб осилити той же обсяг тексту з екрана.
75% користувачів сканують текст на сайті. Розбивка на короткі абзаци (до 5 рядків), короткі ємні пропозиції спрощують сприйняття всього масиву тексту і підвищують комфорт читання.
При читанні з екрану користувач шукає ключові слова в тексті. І хоча сео-оптимізатори давно вже відходять від виділення жирним, курсивом, підкресленням ключових слів на сторінці, все ж важливі моменти повинні бути візуально підкреслені. Це приверне увагу і дасть сигнал користувачеві про те, що в цьому абзаці міститься релевантна інформація по темі.
6. Починайте з головного
Основна проблема будь-якого тексту на 90% сайтів - довге, нерелевантні і марне введення про те, як «кораблі борознять космічні простори». Коли пишете для вебу, пам'ятайте:
- користувач обмежений у часі
- користувачу потрібен відповідь на питання, а не чтиво для задоволення
- образна мова і художній стиль не відповідають цілям і задачам користувача (за винятком ресурсів літературної спрямованості)
Видаляйте вступу, що знайомлять або вводять читача в проблематику, це марно. Користувач вже знайомий з проблемою «по саме не хочу» і шукає рішення.
7. У користувачів немає часу розшифровувати терміни і жаргон
Ця рекомендація безпосередньо пов'язана з попередньою. У користувачів немає часу розшифровувати складні терміни. Якщо без терміна не обійтися, давайте відразу розшифровку. Для написання тексту підберіть ряд синонімів для складних термінів і жаргонізмів.
Терміни в тексті ніяк не підтверджують вашу компетентність в темі. Насправді все з точністю до навпаки. Чим простіше і доступніше ви можете пояснити складну тему, тим вище сприймається ваша компетентність в темі.
8. Візуальна розбивка
Крім розбивки на абзаци тексту потрібні інші елементи форматування, які дадуть тексту «більше повітря» і спростять читання і сканування.
- в кожному абзаці основна думка (пропозиція або словосполучення) візуально виділено
- списки відмінно структурують текст і спрощують сканування
- основні ідеї краще оформляти цитатами або інформаційними врезамі
- релевантні зображення спрощують сприйняття і зменшують когнітивну навантаження. Переконайтеся, що зображення корисні, а не використовуються виключно для галочки.
- заголовки і підзаголовки спрощують сканування і визначення потрібної інформації на сторінці.
Асесори GetGoodRank перевіряють якість форматування тексту: розмір шрифтів заголовків і тексту, фон і колір, розбивку на абзаци, використання додаткового контенту.