Опублікувати статтю

Читабельність контенту на сторінці

Читабельність контенту на сторінці
Створення гарного контенту - одна з найскладніших задач в оптимізації веб-ресурсу. Чи знаєте ви, що більшість відвідувачів вашого сайту не читає і половини розміщених на ньому матеріалів, навіть якщо вони вкрай цікаві й корисні? Така специфіка інтернету: в ​​умовах величезного обсягу інформації користувачі побіжно сканують її і, чіпляючись поглядом за певні мітки (слова, заголовки, графіку), загострюють увагу лише на релевантних фактах. Тому, якщо ви хочете побудувати максимально ефективну комунікацію з вашою аудиторією за допомогою контенту, розгляньте ряд порад щодо поліпшення його читабельності.

подача інформації

1. Пишіть коротко і по справі

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

2. Говоріть з користувачем на зрозумілій йому мові

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

3. Використовуйте принцип «перевернутої піраміди»

Це стиль оповіді, коли найважливіша думка розміщена на початку статті. Тексти більше 2000 знаків прочитуються лише на 20-30%. Тому «чіпляючий» анонс підвищує ймовірність, що ваше повідомлення буде донесене до користувача.

На картинці нижче представлені два тексти. Кожен з них знаходиться на головній сторінці сайтів різних ветеринарних клінік. У першому випадку зміст «​​розмито» занадто довгим вступом, що знижує ймовірність встановлення контакту з відвідувачем. Другий текст відповідає принципу «перевернутої піраміди» і з перших рядків повідомляє власника вихованця про головне: тут він може отримати екстрену допомогу 24 години на добу, в тому числі і на дому. Такий прийом надає більший вплив на читача і спонукає до скоєння дзвінка. Однак у цього тексту є один недолік – надлишкова щільність ключових слів, що негативно впливає на сприйняття тексту в цілому.

структура

Навряд чи хтось захоче читати довгий суцільний текст (так звану «простирадло»), що наводить нудьгу одним лише своїм виглядом. Щоб полегшити завдання користувачів і зробити перегляд контенту більш зручним, швидким і цікавим, необхідно використовувати прийоми структуризації.

Для вирішення цього завдання служать:
– смислові блоки і абзаци;
– підзаголовки;
– марковані списки;
– елементи графіки.

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

Розділення тексту на блоки обумовлено особливістю людини вивчати зміст веб-сторінок способом «блочного читання» (термін використовується експертом з юзабіліті Джеррі Макговерн), коли підсвідомо текст розбивається на смислові відрізки в пошуку потрібної інформації. Така структура дозволяє виділити головну інформацію і скоротити час на читання. В кінці тексту необхідно приводити висновки, в яких може розміщуватися коротке резюме (для кращого запам’ятовування інформації) або заклик до якого-небудь дії.

Кожен блок може бути представлений одним або кількома абзацами (залежно від обсягу). Підзаголовки до блоків, так само як і маркіровані списки, служать «маячками», які привертають увагу читає і полегшують процес засвоєння матеріалу. Завдяки цьому удобочитаемость контенту підвищується більш ніж на 50%.


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

форматування

Для полегшення сприйняття тексту на сторінці сайту необхідно правильно підібрати тип і розмір шрифту. Фахівці рекомендують використовувати шрифти без зарубок (Arial, Trebuchet, Verdana), які не зливаються і легко читаються на екрані монітора. Існують суперечливі думки з приводу оптимального розміру шрифту. Деякі стверджують, що він повинен бути не менше 16px, в той час як інші вважають, що необхідно масштабироваться виходячи з персональних налаштувань браузера користувача. Тим не менш, не варто використовувати занадто дрібний шрифт, який зробить текст попросту нечитабельним.


Нестандартний шрифт у великому обсязі контенту робить читання вкрай скрутним.

Поряд зі шрифтом важливі міжрядкові відступи. Щоб уникнути ефекту злипання рядків необхідно встановити міжрядковий інтервал всередині одного абзацу – не менше 100% від розміру шрифту, але не більше 150%, щоб зробити текст більш компактним. Також на сприйняття тексту великий вплив мають інтервали між блоками і відступи зліва і праворуч від кромки фону (підкладки). Враховуйте їх при верстці, регулюючи засобами розмітки тексту CSS (margin, padding, line-height, word-spacing і ін.).

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

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

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

висновки

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

Коментарі

Написати коментар



Схожі записи

Кращі статті розділу: