Написання текстів для інтернет-користувачів має свої особливості. Крім змісту, який відіграє першочергову роль, важливо і те як буде виглядати текст, наскільки він буде читабельним.Якщо текст читається добре, ваші користувачі зможуть відразу ж виділити з нього найважливіше, сприйняти меседж - це важливо для самих різних типів сайтів, чи то блог, сторінка інтернет-магазину чи сайт компанії.
Наведені нижче поради грунтуються на дослідженнях відомого юзабіліста Якоба Нільсена. Звичайно, це далеко не повний список, який, сподіваюся, ви й самі можете доповнити, однак тут ті речі, які дозволять поліпшити читабельність вашого сайту прямо зараз.
Читабельність контенту - це багато в чому спільна робота автора та дизайнера. Дизайн сторінки повинен бути виконаний так, щоб простоті сприйняття сприяли і кольори, і шрифти і відстані, в свою чергу райтер повинен стежити за тим, щоб його текст сприймався читачем максимально легко. Отже, до чого потрібно прагнути:
- Шрифт повинен читатися легко
- Контент повинен бути зрозумілий
- Текст повинен легко пролистуватися, тому що користувач читає лише третину інформації на сторінці, решта просто проглядається
Як цього досягти?
1. Пишіть коротко
У цифрову еру мало хто концентрує увагу на якійсь одній сторінці. Часу на зосереджене читання у користувачів все менше. У пошуках інформації вони перестрибують з вкладки на вкладку, намагаючись знайти потрібну їм інформацію. При заході на сторінку ми поглядом відразу ж захоплюємо її повністю, і якщо в очі не кидаються ключові слова, вважаємо такий текст марним.
Очевидно, що знайти ключові слова легше в невеликому тексті. Нільсен стверджує, що юзабіліті сторінки можна збільшити на 58% просто в два рази скоротивши кількість тексту на сторінці. Це стосується не тільки тексту статті або опису товару, а взагалі всієї сторінки сайту, на якій розміщений контент.
Що потрібно зробити:
- Відразу ж переходити до суті
- Прибирати непотрібну інформацію
- Використовувати зрозумілу мову і короткі пропозиції
- Уникати довгих абзаців
- Використовуйте цифри і знаки замість слів (1000 замість одна тисяча і т. д.)
2. Розбивайте текст на частини і давайте кожній з них невеликий заголовок.
Юзабіліст Джеррі МакГоверн в своїй статті висловлює думку про те, що користувачі зчитують інформацію зі сторінок невеликими блоками. Це твердження дещо суперечить попередньому про те, що сприймається відразу вся сторінка, проте більше підходить для великих текстів.
Це твердження підтвердив і Нільсен, відстеживши рух очей користувачів на різних сторінках. Повністю читається текст лише вгорі сторінки. Далі рух очей починає нагадувати букву F, при цьому проглядаються заголовки блоків і пропускається інформація між ними.
Що потрібно зробити:
- Продумати структуру тексту до його написання, накидати план
- Використовувати короткі заголовки
- Використовувати в заголовках ключові слова
3. Допоможіть користувачеві швидко проглянути текст
Крім форматування можливість швидко переглядати тексту повинна давати і сама його логічна структура.
Що потрібно зробити:
- Вкладайте суть в перші два рядки, найчастіше саме по ним користувачі визначають, про що буде пропозиція або абзац
- Ключові слова заголовків і підзаголовків повинні знаходиться по центру тексту
- При складанні тексту використовуйте просту логічну структуру (від важливого до деталей)
4. Використовуйте марковані списки і різні види форматування
У ClickTale (аналогу WebVisor) звернули увагу на те, що користувачі довше затримують погляд на маркованих ділянках тексту, списках або виділених місцях. Виділення та маркування можна також використовувати для ключових слів
Що потрібно зробити:
- Створюйте списки, де це можливо
- Користуйтеся засобами для виділення
5. Залишайте проміжки між текстовими блоками
Відстань між рядками, абзацами і підпунктами в тексті також має велике значення. Від того, як задані ці параметри, залежить швидкість читання, а значить і привабливість сторінки.
Цей момент також піддався дослідженню юзабілістів, і виявилося, що їх припущення були вірні. Текст з невеликою міжрядковою відстанню, читали повільніше, тобто на нього витратили більше зусиль, ніж на текст такого ж об'єму, але з великою міжрядковою відстанню.
Що потрібно зробити:
- Оцінити типографію ваших сторінок і поправити потрібні налаштування в CSS
6. Робіть посилання зрозумілими
Посилання - головна перевага вебконтента, без них неможлива побудова гіпертексту. Користувачеві посилання має бути добре видно.
Що потрібно зробити:
- Задайте в CSS єдиний стиль для посилань на сайті так, щоб користувач завжди бачив, на яке з посилань він вже натискав
- Текст посилання повинен максимально схожим з текстом, на який воно веде
- Використовуйте прийоми візуалізації посилань
7. Використовуйте зображення
Підтримка графіки та діаграми буває дорожчою тисячі слів. Зображення необхідні для поділу довгих блоків і для підкреслення змісту.
Дослідження Нільсена на цей рахунок показує, що користувачі завжди затримуються на зображенні, яке доповнює текстову інформацію або якось співвідноситься з нею. При цьому фото, включені в текст просто для прикраси, як правило, ігноруються. Видалення таких зображень, навпаки підвищує увагу.
Що потрібно зробити:
- Використовуйте зображення, які підкреслюють зміст тексту, співвідносяться з ним
- Уникайте стандартних зображень, які видає пошук, а також нічого не значущих малюнків
- Шрифт повинен читатися легко
- Контент повинен бути зрозумілий
- Текст повинен легко пролистуватися, тому що користувач читає лише третину інформації на сторінці, решта просто проглядається
Як цього досягти?
1. Пишіть коротко
У цифрову еру мало хто концентрує увагу на якійсь одній сторінці. Часу на зосереджене читання у користувачів все менше. У пошуках інформації вони перестрибують з вкладки на вкладку, намагаючись знайти потрібну їм інформацію. При заході на сторінку ми поглядом відразу ж захоплюємо її повністю, і якщо в очі не кидаються ключові слова, вважаємо такий текст марним.
Очевидно, що знайти ключові слова легше в невеликому тексті. Нільсен стверджує, що юзабіліті сторінки можна збільшити на 58% просто в два рази скоротивши кількість тексту на сторінці. Це стосується не тільки тексту статті або опису товару, а взагалі всієї сторінки сайту, на якій розміщений контент.
Що потрібно зробити:
- Відразу ж переходити до суті
- Прибирати непотрібну інформацію
- Використовувати зрозумілу мову і короткі пропозиції
- Уникати довгих абзаців
- Використовуйте цифри і знаки замість слів (1000 замість одна тисяча і т. д.)
2. Розбивайте текст на частини і давайте кожній з них невеликий заголовок.
Юзабіліст Джеррі МакГоверн в своїй статті висловлює думку про те, що користувачі зчитують інформацію зі сторінок невеликими блоками. Це твердження дещо суперечить попередньому про те, що сприймається відразу вся сторінка, проте більше підходить для великих текстів.
Це твердження підтвердив і Нільсен, відстеживши рух очей користувачів на різних сторінках. Повністю читається текст лише вгорі сторінки. Далі рух очей починає нагадувати букву F, при цьому проглядаються заголовки блоків і пропускається інформація між ними.
Що потрібно зробити:
- Продумати структуру тексту до його написання, накидати план
- Використовувати короткі заголовки
- Використовувати в заголовках ключові слова
3. Допоможіть користувачеві швидко проглянути текст
Крім форматування можливість швидко переглядати тексту повинна давати і сама його логічна структура.
Що потрібно зробити:
- Вкладайте суть в перші два рядки, найчастіше саме по ним користувачі визначають, про що буде пропозиція або абзац
- Ключові слова заголовків і підзаголовків повинні знаходиться по центру тексту
- При складанні тексту використовуйте просту логічну структуру (від важливого до деталей)
4. Використовуйте марковані списки і різні види форматування
У ClickTale (аналогу WebVisor) звернули увагу на те, що користувачі довше затримують погляд на маркованих ділянках тексту, списках або виділених місцях. Виділення та маркування можна також використовувати для ключових слів
Що потрібно зробити:
- Створюйте списки, де це можливо
- Користуйтеся засобами для виділення
5. Залишайте проміжки між текстовими блоками
Відстань між рядками, абзацами і підпунктами в тексті також має велике значення. Від того, як задані ці параметри, залежить швидкість читання, а значить і привабливість сторінки.
Цей момент також піддався дослідженню юзабілістів, і виявилося, що їх припущення були вірні. Текст з невеликою міжрядковою відстанню, читали повільніше, тобто на нього витратили більше зусиль, ніж на текст такого ж об'єму, але з великою міжрядковою відстанню.
Що потрібно зробити:
- Оцінити типографію ваших сторінок і поправити потрібні налаштування в CSS
6. Робіть посилання зрозумілими
Посилання - головна перевага вебконтента, без них неможлива побудова гіпертексту. Користувачеві посилання має бути добре видно.
Що потрібно зробити:
- Задайте в CSS єдиний стиль для посилань на сайті так, щоб користувач завжди бачив, на яке з посилань він вже натискав
- Текст посилання повинен максимально схожим з текстом, на який воно веде
- Використовуйте прийоми візуалізації посилань
7. Використовуйте зображення
Підтримка графіки та діаграми буває дорожчою тисячі слів. Зображення необхідні для поділу довгих блоків і для підкреслення змісту.
Дослідження Нільсена на цей рахунок показує, що користувачі завжди затримуються на зображенні, яке доповнює текстову інформацію або якось співвідноситься з нею. При цьому фото, включені в текст просто для прикраси, як правило, ігноруються. Видалення таких зображень, навпаки підвищує увагу.
Що потрібно зробити:
- Використовуйте зображення, які підкреслюють зміст тексту, співвідносяться з ним
- Уникайте стандартних зображень, які видає пошук, а також нічого не значущих малюнків
