Кілька правил, які допоможуть утримати увагу користувача.
Правило 1. Відповідність заголовка / ліда змістом матеріалу
Тема формує у користувача очікування. Якщо матеріал не відповідає очікуванням, читач не отримає те, за чим прийшов, що провокує подив і розчарування.
Правило 2. Текст в першому екрані
Правило 3. Текст, розбитий на блоки
Структурувати текст - значить розбити його на невеликі смислові блоки, як книгу на голови. Структура створює відчуття порядку, почуття, що читання буде легким.
У кожному блоці розкривається одна ідея. Кожен блок супроводжується за потрібне заголовком.
Правило 4. Транзитивні заголовки
Заголовки можуть бути називним і транзитивними. Називной заголовок відповідає на питання «Про що йдеться?», Транзитивний - «Що саме йдеться?».
Називной заголовок: «Раки: зірки вас здивують». Читач робить висновок: далі в тексті - гороскоп цього знака. Що обіцяють зірки - не зрозуміло.
Транзитивний заголовок: «Раки: вас чекає багатство». Основна думка ясна. Хочеш подробиць - читаєш далі.
Може здатися, що називние заголовки зберігають інтригу і змушують вчитуватися. Насправді читач хоче подробиць, і швидко. Якщо він просканував заголовки, але не вловив, в чому суть матеріалу, чи стане вникати в текст.
Правило 5. Короткі ємні абзаци
Абзац, в якому близько десяти рядків, сприймається як текст, над яким належить попотіти: зібратися з думками, довго вникати. Короткі блоки візуально легше. Є відчуття, що ти зможеш їх швидко подужати.
Читач ковзає очима по перших рядках абзацу. Тому головну думку потрібно виносити в початок блоку. Тоді сенс статті не вислизає при будь-якій швидкості читання.
Правило 6. немонотонність верстка
Уявіть собі читання тлумачного словника. З рядки в рядок повторюються строгі визначення, а саме бадьорий місце на сторінці виділено напівжирним шрифтом - слово, яке підлягає тлумаченню. Монотонний текст нудний, не викликає бажання в нього виникають.
Таким же чином можуть виглядати замітки, якщо не докласти чималих зусиль до їх верстці. Матеріал повинен пропонувати різноманітний досвід і навіть при поверхневому огляді показувати, що «всередині цікаво» і оці є за що зачепитися.
Що можна використовувати?
По-перше, виділяти цитати і врізки, що акцентують головну думку, для оформлення самого тексту.
По-третє, інтерактивні елементи: повзунок було / стало, інтерактивні ілюстрації, коли при натисканні на картинку з'являється підказка з подробицями, Таймлайн, тести / вікторини / опитування
Правило 7. Верстка «текст - мультимедіа - текст - мультимедіа»
Правило 8. Ілюстрації замість таблиць, списків і статистики
Приклад. Редакція Hi-Tech Mail.Ru досліджувала, як користуватися побутовою технікою, що не витрачаючи багато електрики. Почали з розбору, скільки коштує один кіловат, від чого залежить ціна. Вступна частина займала 4000 знаків і включала в себе чотири таблиці. Читачеві потрібно було стежити за розвитком думки в тексті, дізнатися з опису свою ситуацію і з'ясувати вартість кіловата в таблиці.
Текст був замінений інфографікою. Абстрактні кіловати з таблиці перевели в вартість одного прання - читачеві легше застосувати це до свого досвіду. Щоб зрозуміти, дороге у тебе електрику або дешеве, потрібно витратити кілька секунд.
Правило 9. Фото адекватного розміру
Потрібно стежити за тим, щоб фотографії можна було розглядати на маленькому екрані. У випадку з вертикальними фотографіями і маленькими вьюпорте може бути так, що фото потрібно скролл. Якщо не видно тексту, читач втрачає логіку розповіді. Фото повинні підкріплювати і ілюструвати історію, а не відволікати від неї.
Дослідним шляхом визначено, що фото 4: 3 занадто високі, повністю займають вьюпорте екрану і часто є причиною закриття сторінки. Оптимальний розмір 16: 9.