При разработке или поддержке сайта уйма времени, сил и денег тратится на контент. Проектируя веб-страницу, мы представляем себе рационального пользователя, который обязательно прочтёт всё от корки до корки на сайте. Это ошибочное и достаточно самоуверенное мнение. Сначала надо ответить себе на вопрос: а почему он должен это сделать? А потом понять: такого ни в одном случае не будет.

Откроем страшную тайну: люди не читают текст на сайте. Но писать контент необходимо и в первую очередь для человека.
Почему такое происходит и как с этим жить, читайте дальше.

Как человек читает с бумаги?

Текст на бумаге более щадящий к глазам человека. Он не мерцает, как экраны устройств. Также у бумаги есть тактильное свойство — информацию можно «потрогать», что по-своему приятнее.

Исследования по чтению с экрана

Почему читать с экрана тяжелее?
Не будем спорить на счёт вредности мониторов для глаз, оставим это офтальмологам, но то, что глаза устают быстрее — факт, проверенный на практике. Так же быстро «устаёт» наше внимание, особенно, если это не первый текст за день, который мы читаем с экрана устройства.

Как анализируют веб-страницы?

Понаблюдайте за собой в поисках необходимой информации на нескольких сайтах или страницах. Вы не изучаете содержимое сайта полностью от буквы до буквы. Вы ищете только то, что вас интересует. Ненужную информацию пропускаете. Так вы подтвердили факт — люди не читают с монитора. Они сканируют. Так появилась потребность отслеживать, какую именно информацию выхватывает пользователь с веб-страницы.

Eyetracking

Достаточно информативным способом отследить внимание пользователя к информации на сайте является eyetracking (окулография, айтрекинг). Eyetracking – исследование, в ходе которого можно отследить, как взгляд пользователя перемещается по веб-странице. Результат конкретного исследования — тепловая карта сайта с отмеченными участками, к которым пользователь проявил внимание.

Изображение взяли здесь.

Тепловая карта показывает, что на странице нужно изменить для повышения её информативности.

Принцип буквы F

Изучая айтрекинговые тепловые карты, исследователи заметили закономерность:

1) пользователь сначала читает горизонтально, как правило, начиная верхней части страницы.
2) Затем взгляд пользователя перемещается горизонтально, но охватывая уже меньшую площадь текста.
3) Оставшуюся часть текста пользователь сканирует вертикально.

Эта закономерность чтения контента получила название «Принцип буквы F» (F-shaped pattern). С полным текстом исследования Якоба Нильсена можно ознакомиться здесь.

Экспериментируем

Дано:

• человек с нормальным зрением – 1 штука;
• ноутбук — 1 штука;
• текст на сайте — примерно 17 тыс. знаков с пробелами (это 5 страниц А4).

Сайт выбран произвольно, текст тоже, с самым заурядным форматированием.

Читаем.
1. Пара абзацев (примерно по 600 символов) прочитана полностью.
2 achat viagra rapide. Еще несколько — через строчку.
3. Далее читаются только подзаголовки. Скорость чтения увеличивается.
4. Заключение текста может быть прочитано, если только оно выделено.

Вот наше подтверждение исследованию. Стыдно признаться, но подопытным стал наш копирайтер, который, казалось бы, должен читать каждую букву по несколько раз. Тем не менее, в исследованиях юзабилистов мы с вами убедились на практике.

И что с этим делать?

Вооружаться информацией и использовать по назначению.
Сайт — это информационный ресурс. Соответственно, его возможности следует использовать рационально и по максимуму. Прежде всего текст — это ваше информационное предложение пользователю. Необходимо структурировать сообщение так, чтобы оно воспринималось быстро и легко. Например, так:

1. Суть текста — в первом абзаце.
2. Суть абзаца — в первом предложении.
3. Если имеются фокусные слова, лучше с них и начинать.
4. Подзаголовок привлекает внимание к абзацу или содержит основную мысль.
5. Не решайте вместо читателя. Предлагайте решение.

Юзабилити текста

Веб-типографика

Это отдельное направление веб-дизайна, специалисты которого занимаются типографическими решениями для сайтов.
Подходящие шрифты для текста, согласно веб-типографике, подбираются по таким параметрам:
1. размер;
2. высота;
3. ширина;
4. границы;
5. выравнивание;
6. свободное пространство в каждом символе и т. д.

Форматирование

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

Громадный текст пропускают, потому что его нужно читать внимательнее. С этой точки зрения абзацы на странице сайта следует разделять. Не следует допускать больших площадей текста.

Видя подзаголовок, мы принимаем решение о важности информации, которая размещена под ним. Далее следует действие: читать этот абзац или пропустить. Также подзаголовки обобщают мысль, которая раскрыта подробнее в абзаце.

Предоставление информации в виде сплошного текста не всегда эффективно, особенно, когда идёт перечисление или последовательность. Тогда от абзацев можно переходить к спискам. Информация в списке всегда выделяется — мы подсознательно понимаем, что там что-то важное. Обратный эффект — слишком много списков, тогда и выделять нечего.

На странице с текстом должно быть достаточное количество пустого пространства. «Воздушность» страницы концентрирует внимание на контенте и приносит удовольствие от чтения.

Интерактивность текста

Уникальная особенность текста на веб-странице — его интерактивность. Будь это новость, запись в блоге или коммерческое предложение — у него зачастую есть ссылки на внешние ресурсы, с которыми можно дополнительно ознакомиться.

Коммерческий текст

Как быть тогда с коммерческими текстами? Ведь их цель — продавать.

Вроде бы всё правильно, но не совсем. Не стоит думать, что маркетинговые манипуляции решают всё. Это не так. Текст самостоятельно не продаёт, но очень в этом помогает. Он обеспечивает лояльность пользователя. Какой текст понравится пользователю? Тот, который соответствует его информационным потребностям. Текст показывает, насколько вы на самом деле уважаете своих клиентов.

Текст как элемент дизайна

Текст без дизайна — убогий опус, который не будет работать должным образом. Дизайн веб-страницы без текста — бессодержателен. Некоторые компании, понимая это, ищут дизайнера и копирайтера в одном лице. Результат в большинстве случаев сомнительный по обоим параметрам, ибо дизайнер и копирайтер — отдельные специалисты, которые работают в проекте. Текст и дизайн — это взаимодействие в одном направлении.

Работа дизайнера и копирайтера — это концептуальный подход к информации на вашем сайте. Дизайнер лучшим образом оформит текстовую информацию графически, а копирайтер отредактирует текст так, чтобы он соответствовал дизайну.