«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Восприятие текста и информации зависит от комфорта чтения. Рассказываем, как улучшить читабельность текста на сайте в 8 простых рекомендациях.»

Читабельность (readability) - простота восприятия слов, предложений, структур текста на странице. Данная метрика исходит из того, что сложные слова, предложения, большие абзацы либо сплошной текст воспринимаются сложнее, чем простые структуры.

• использовать простые слова вместо терминов и жаргона
• разбивать сложные предложения на простые
• избегать длинных перечислений в предложении
• разбивать длинные абзацы, следуя правилу:

1 абзац = 1 идея

Читабельность зависит также от других параметров текста.

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

При чтении текста на бумажных носителях пользователь использует технику пословного прочтения. На сайтах и в приложениях пользователи сканируют текст. По данным исследования NNGroup , пользователи просматривают от 20 до 28% слов на странице сайта.

Чтобы повысить количество усвоенного текста, его необходимо оптимизировать.

1. Правильный шрифт

Шрифт - один из ключевых факторов удобства чтения текста. Выбирайте стандартные шрифты. Отложите в сторону все креативные решения.

Заголовки должны быть легко различимы. Не используйте в заголовках все заглавные. Разница в размере букв улучшает читабельность текста. Учитывая, что заголовки короткие, здесь возможны варианты креативных шрифтов.

Для основного текста используйте стандартные sans-serif шрифты: Arial, Helvetica, Trebuchet, Lucida Sans, Verdana.

2. Размер шрифта

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

Некоторые UX оптимизаторы утверждают, что оптимальный размер шрифта - 16px. Тогда как другие утверждают, что правильнее определять размер шрифта в процентном соотношении. Тогда шрифт адаптируется к персональным настройкам браузера и разным разрешениям экранов. Учтите, что пользователи держат гаджеты дальше от глаз, чем книги.

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

3. Контрастность

Контрастность между фоном и текстом - другой немаловажный фактор, влияющий на удобство чтения текста. Правило простое:

чем больший контраст между текстом и фоном, тем легче чтение

Низкая контрастность повышает нагрузку на глаза, а так, восприятие информации ухудшается.

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

Никита Обухов в своей статье о 10 правилах сторителлинга указывает:

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

Не переборщите с дизайном и цветом - обилие стилей перетягивает внимание и мешает усвоению информации. Развивайте в себе аскета.

4. Краткость

Пользователь попадает на сайт с целью найти ответ на вопрос, он не намерен изучать большие объемы текста. Оптимальная длина строки для комфортного чтения - 50-60 символов. Более длинные строки воспринимаются сложнее. К тому же, желание читать такой текст снижается. Длинные строки рассеивают внимание, глаза начинают хаотичные движения по строкам текста.

5. Отступы

Чтение с экрана более утомительно, чем с листа. В среднем пользователю требуется на 25% больше времени, чтобы осилить тот же объем текста с экрана.

75% пользователей сканируют текст на сайте. Разбивка на короткие абзацы (до 5 строк), короткие емкие предложения упрощают восприятие всего массива текста и повышают комфорт чтения.

При чтении с экрана пользователь ищет ключевые слова в тексте. И хотя сео-оптимизаторы давно уже отходят от выделения жирным, курсивом, подчеркиванием ключевых слов на странице, все же важные моменты должны быть визуально подчеркнуты. Это привлечет внимание и даст сигнал пользователю о том, что в этом абзаце содержится релевантная информация по теме.

6. Начинайте с главного

Основная проблема любого текста на 90% сайтов - длинное, нерелевантное и бесполезное введение о том, как «корабли бороздят космические просторы». Когда пишете для веба, помните:

• пользователь ограничен во времени
• пользователю нужен ответ на вопрос, а не чтиво для удовольствия
• образная речь и художественный стиль не соответствуют целям и задачам пользователя (за исключением ресурсов литературной направленности)

Удаляйте вступления, знакомящие или вводящие читателя в проблематику, это бесполезно. Пользователь уже знаком с проблемой «по самое не хочу» и ищет решение.

7. У пользователей нет времени расшифровывать термины и жаргон

Эта рекомендация непосредственно связана с предыдущей. У пользователей нет времени расшифровывать сложные термины. Если без термина не обойтись, давайте сразу расшифровку. Для написания текста подберите ряд синонимов для сложных терминов и жаргонизмов.

Термины в тексте никак не подтверждают вашу компетентность в теме. На самом деле все с точностью до наоборот. Чем проще и доступнее вы можете объяснить сложную тему, тем выше воспринимается ваша компетентность в теме.

8. Визуальная разбивка

Помимо разбивки на абзацы тексту требуются другие элементы форматирования, которые дадут тексту «больше воздуха» и упростят чтение и сканирование.

• в каждом абзаце основная мысль (предложение или словосочетание) визуально выделено
• списки отлично структурируют текст и упрощают сканирование
• основные идеи лучше оформлять цитатами или информационными врезами
• упрощают восприятие и уменьшают когнитивную нагрузку. Убедитесь, что изображения полезны, а не используются исключительно для галочки.
• заголовки и подзаголовки упрощают сканирование и определение нужной информации на странице.

Выводы

Асессоры GetGoodRank проверяют качество форматирования текста: размер шрифтов заголовков и текста, фон и цвет, разбивку на абзацы, использование дополнительного контента.

Подписчики GetGoodRank каждую неделю получают порцию полезных советов по оптимизации UX и контента в рассылках. Не забудь подписаться!

Основная задача копирайтера - уметь чётко и ясно преподнести аудитории материал. Бывает, что хороший автор не получает отклик аудитории: на рассылку не подписываются, не «лайкают» статьи, не делятся ими с друзьями. Проблема заключается в низком уровне удобочитаемости.

Читабельность определяет легкость восприятия текста человеком. Когда материал читается без напряжения , на одном дыхании, тогда его можно назвать читабельным.

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

1. Выделяйте гиперссылки . Читатели должны зрительно видеть ссылки среди остального текста, чтобы легко перейти по ним на нужную страницу. Перенаправляйте пользователей не более чем на 3 дополнительных материала. Чем больше ссылок в тексте, тем менее ценными они выглядят. К тому же их обилие снижает читабельность.

2. Соблюдайте межстрочный интервал 1,5. Это оптимальный размер между строками, который препятствует слиянию текста в одну сплошную «простыню».

3. Основную часть контента необходимо отделять от других блоков страницы. Например, блок «Комментарии» необходимо отделить линией от текста статьи, чтобы читатели сразу видели, где она заканчивается. Сами тексты рекомендуется делить на смысловые блоки с подходящими подзаголовками.

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

«Цитировать можно все, что угодно, лишь бы цитата была к месту».

5. Не гонитесь за количеством знаков. Не гонитесь за количеством символов статьи. Получилось информации на 3 абзаца? Пусть будет 3, но красиво, интересно и по сути. Если придерживаться большого объёма, важная информация может потеряться среди ненужной.

6. В начале статьи размещайте изображение. Это привлечёт внимание пользователей. Далее, чтобы разбавить текст, используйте фото, графики, диаграммы.

7. Делите статью на абзацы длиною в 4-5 предложений. Нет ничего хуже, чем сплошной поток текста. Между абзацами используйте интервал. Это повышает удобочитаемость.

9. Используйте простые шрифты. Для публикации статьи используйте шрифт без засечек - он легче воспринимается читателями. Например, Times New Roman - шрифт с засечками, а Arial - без.

10. Выражайте свои мысли простыми словами. Пользователи пропускают то, что им не понятно, поэтому пишите как можно проще. Если вы будете доступно объяснять сложные вещи, то получите больше читателей и подписчиков. Добавляйте в текст примеры. Это необязательно, но зато пользователи лучше поймут и запомнят вашу статью.

Написав текст, попробуйте через некоторое время его прочесть. И вы поймёте, как воспримет статью аудитория. Всегда проверяйте отображение текстов на разных цифровых носителях : ноутбуках, компьютерах, смартфонах, планшетах. Максимально оптимизируйте статью для каждого девайса. Надо чтобы кегль не был слишком большим (больше 14), но и крошечный лучше не использовать (меньше 12).

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

Дизайн сайта определяет то, как ваш бренд воспринимается онлайн, а его наполнение — как он «звучит». Для поддержания высокого уровня коммуникации с покупателями решающее значение имеет качество текстового и визуального оформления. Важно помнить, что пользователь оценивает любой контент с точки зрения ментальных затрат («Сколько времени я потрачу на изучение этой информации?») и выгод («Какую пользу я могу получить от этого ресурса?»).

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

Разборчивость

С точки зрения юзабилити, работа над разборчивостью текста должна всегда ставиться на первое место. Необходимо ответить на вопрос: «Могут ли пользователи увидеть, различить и распознать все символы и слова в тексте?» На этом этапе особое внимание уделяется визуальному оформлению, особенно шрифтам.

Что нужно учесть, чтобы контент был разборчив:

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

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

3. Современные мониторы с высоким разрешением позволяют использовать курсив. Однако не стоит увлекаться шрифтами необычной формы (в рукописном или готическом стиле), которые сложно разобрать.

Тестирование разборчивости

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

Главный способ протестировать разборчивость — дать пользователям простой текст и посмотреть, с какой скоростью они смогут его прочитать. Так как люди читают с разной скоростью, будет лучше, если тест будут проходить одни и те же участники. Если пользователи в среднем читают на 20% медленнее, используя ваш дизайн, чем альтернативный, можно сделать вывод, что над разборчивостью текста вам надо поработать.

Читабельность

Читабельность измеряется сложностью предложений текста. Часто приходится принимать решение: оставить ли сложноподчиненные предложения или разбить их на более короткие для упрощения чтения? Данный показатель обычно выражается в уровне читателя, который необходим, чтобы чтение текста не вызывало проблем. Например, 12 уровень соответствует выпускнику средней школы, который способен читать любой текст без затруднений.

Что нужно сделать, чтобы улучшить читабельность:

1. Используйте понятные слова, чем короче, тем лучше. Избегайте заумных фраз и специализированных терминов.

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

4. Если ставка делается на широкую аудиторию, лучше писать на восьмом уровне чтения.

5. Если вы пишете для образованной или специализированной B2B-аудитории, также ориентируйтесь на уровень чтения, на несколько шагов ниже полного среднего образования.

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

Тестирование читабельности

Читабельность обычно можно оценить при помощи компьютера. Есть много инструментов для проверки читабельности в Интернете, и самая распространенная программа для этой цели — MS Word, меню «Рецензирование > Правописание». (В некоторых версиях Word статистика читабельности доступна в меню «Файл > Опции > Проверка»).

Есть различные формулы проверки читабельности, такие как баллы Фрая, но не имеет большого значения какую формулу использовать. Несмотря на большое количество методов, все они опираются на длину слов и предложений. В основу их работы заложены принципы: чем длиннее слова, тем их меньше употребляют в речи; чем объемнее предложение, тем сложнее его разобрать. Однако эти измерения представляют собой лишь приблизительное значение. В конечном итоге, трудно ли для читателей понять ваш текстовый контент, может определить только человек, который глубоко знаком с тематикой сайта и хорошо знает вашу целевую аудиторию.

Разделение на уровни чтения на основе количества лет обучения в школе также очень приблизительно. 12-й уровень чтения соответствует выпускнику средней школы (high-school), который освоил все необходимые предметы. Тем не менее, многие люди заканчивают среднюю школу со слабым навыком чтения, и им сложно читать тексты 12-го уровня.

Понимание

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

Что нужно учесть, чтобы улучшить понимание контента:

1. Используйте лексику, характерную для вашей целевой аудитории. Если вы пишете в узкой тематике (например, B2B, научная, сайт энтузиастов, фанатов или хобби сайт), рекомендуется использовать специализированную терминологию этой области, даже если некоторые слова будут непонятны широкому кругу пользователей.

2. Наиболее эффективным стилем письма является перевернутая пирамида, когда текст начинается с заключения или обзора главных моментов. Люди лучше воспринимают информацию, считав сначала основную мысль.

3. Используйте в тексте известные образы и ассоциации, чтобы помочь пользователям понять и запомнить прочитанное.

4. Часто картинки или диаграммы могут донести суть быстрее, чем множество слов.

5. Соблюдайте краткость. Если говорить меньше и правильно расставлять акценты, люди будут лучше понимать сказанное.

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

Тестирование понимания

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

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

Результат тестирования можно представить в виде кейса. Например, веб-страница была переписана под сложный B2B продукт. После публикации новой версии сайта, пользователи запомнили 65% характеристик тестируемого продукта. Понимание увеличилось почти в 2 раза по сравнению с оригинальным текстом, после прочтения которого они запомнили лишь 33% материала.

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

Заключение

3 критерия, обсуждаемые в этой статье, необходимы, но недостаточны, чтобы гарантировать создание высокоэффективного контента. Даже если люди читают и понимают ваш текст, это не значит, что они будут выполнять все предписанные рекомендации. В среднем, пользователи читают только 28% слов. Огромное количество информации, доступной в вебе, люди обычно просматривают (сканируют) вместо чтения.

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

10 советов копирайтеру, которые помогут улучшить читабельность текста

С развитием интернета и сайтостроение спрос на хороших и качественных копирайтеров только растет. Данная профессия пользуется большой популярность среди начинающих фрилансеров. Лично я знаю с десяток людей, которые свой путь в мир интернет заработка начали именно с копирайтинга. У кого-то получается писать хорошо, они развивают свои навыки и умения, выходят на достойный уровень, зарабатывая тысячи долларов, а кто-то так и не может прыгнуть выше отметки 1 доллар за 1000 символов. В чем же может быть проблема? Конечно, если разбираться в данном вопросе более детально, то можно найти десятки факторов успеха и неуспеха, но сегодня мы поговорим об одном и очень важном – читабельность.

Уверен, что те из Вас, кто писал тексты на заказ, в техническом задании сталкивались с подобной формулировкой – «текст должен быть грамотным, интересным и читабельным». И многих слово «читабельность» вводит в небольшой ступор. Что это такое, как ее измерять, какой текст будет читабельный а какой нет? Если с грамотностью все понятно, тут существуют сотни правил русского языка, то читабельность каждый заказчик оценивает по своему.
Но какие б не были критерии оценки, все равно нужно ориентироваться на общепринятые нормы. Я сам очень часто сталкивался с тем, что один и тот же текст разные люди по разному оценивают в плане читабельности. Поэтому, сегодня хотел бы Вам дать 10 советов, используя которые вы точно сможете угодить любому, даже самому придирчивому, заказчику.

Вы спросите, кто я такой, чтоб давать подобные советы? Если честно, то мой путь начинался именно с копирайтинга, и уже в первый месяц своей работы я вышел на уровень 700 долларов, а через три месяца зарабатывал более 2000 долларов в месяц исключительно написанием статей. А если еще учесть мой опыт не только как исполнителя текстов, но и как заказчика для своих интернет проектов, то поверьте, я могу дать хорошие советы начинающим копирайтерам, подсказать как улучшить читабельность текста.

1. Шрифт
Данный совет больше относится к выкладке текстов на сайте. Всегда обращайте внимание на шрифт и его размер. Если вы хотите, чтоб с первых же секунд текст не вызвал отвращение, и не важно как красиво он написан и сколько в нем полезной информации, старайтесь использовать стандартный шрифт, без лишних закруглений и засечек. За годы проведенные в интернете пользователи уже привыкли к определенным шрифтам (Verdana, Tahoma, Arial, Calibri), поэтому, не нужно делать революцию и стараться своим сайтом изменить все в один день.
Также обратите внимание и на размер шрифта. Он не должен быть очень крупным или очень мелким. Идеальный диапазон от 11 до 13. Лично я всегда стараюсь использовать 12 размер, ведь он является более привычным и общераспространенным.

2. Цветовое сочетание
Прописная истина заключается в том, что черным по бело читать гораздо проще. Это идеально сочетание цветов, которое совершенно не напрягает глаз. Когда и вижу сайты с синим, желтым, коричневым фоном, при том что и текст имеет какой-то «ядовитый» цвет, то желание начинать читать такую статью пропадает мгновенно.
Если же у Вас сайт построен таким образом, что очень тяжело обеспечить сочетание черного и белого, то постарайтесь сделать цвета максимально нейтральных тонов, чтоб пользователь мог без особых трудностей читать текст несколько минут, а то и дольше.

3. Длина предложения
Не создавайте очень больших предложений, которые затягиваются на целые абзацы. Лично я советую каждую мысль умещать максимум в две строки. Таким образом читатель не будет перегружен тяжелыми оборотами, странными переходами и сочетаниями неуместных фраз. Конечно, иногда бывают случаи, что предложение просто «льется» и умещать его в указанный интервал нет смысла. Да, такое возможно, но я не говорю, чтоб вы всегда строго придерживались указанных размеров, просто постарайтесь свести к минимуму длинные и очень тяжелые фразы.

4. Чередование
Если вы привыкли писать длинные предложения (бывает, что у копирайтера такой стиль), то для улучшения читабельности постарайтесь чередовать короткие и длинные фразы. Это позволит немного «разгрузить» ваш текст, сделать его более интересным и легким для восприятия.

6. Правило твиттера
Недавно читал статью, в которой один очень известный бизнесмен рассказывал про правило «Твиттера». Он советовал все мысли строить таким образом, чтоб они помещались в короткое сообщение в твиттере. Это позволит Вам быть лаконичными, четкими, максимально точно и без лишних слов донести идея к слушателю. Конечно, при написании текстов данное правило не всегда можно использовать, но имейте ввиду, что по статистике самый оптимальный и легко воспринимаемый размер предложения колеблется в пределах от 80 до 130 символов.

7. Заголовки текста
Если вы знакомы с СЕО оптимизацией, то понимаете насколько важны правильные и читабельные заголовки текстов. Так вот, если вы хотите, чтоб Ваш текст был хорошо читабельным — научитесь грамотно пользоваться заголовками. Очень длинные заголовки, в несколько строчек, очень сильно раздражают, а в короткие тяжело вложить суть статьи. Старайтесь делать заголовок в пределах 70 символов.
Обязательно должен быть главный заголовок, который раскрывает суть статье, в котором лаконично помещена центральная мысль. Если же я пишу текст на 5-7 тысяч символов, то стараюсь еще использовать несколько «локальных» заголовков, которые помогают сделать смысловое разделение текста, дают понять читатели о чем сейчас пойдет речь.
Еще раз повторю, не пишите сплошные «простыни» текста, ведь их не любят ни читатели, ни заказчики. Старайтесь грамотно пользоваться абзацами, заголовками, списками и другими элементами, позволяющими сделать текст интереснее.

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

9. Курсив
На бумаге курсив очень круто воспринимается. Он легок в чтении, красив, не напрягает взгляд. Но экран компьютера немного иначе передает данный эффект. Как правило, много курсива – не очень хорошо. Старайтесь данный стиль использовать очень аккуратно, для выделения каких-то ключевых мыслей, цитат, прямой речи и т.д.

Если же говорить про общую длину текста, то тут все зависит от тематики и предназначения. Скажу одно, что хорошие информативные статьи, где раскрывается вся суть вопроса, должны быть от 5000 символов. У меня чаще всего получаются тексты на 7-8 тысяч символов, и именно это я считаю оптимальным вариантом.
Вот, пожалуй, и все советы, которые я хотел Вам дать. Конечно, я не супер гуру и мог что-то упустить, поэтому, если Вам тоже есть что добавить, пишите в комментария, и самыми дельными рекомендациями будет дополнена данная статья.

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

Как стимулировать читателя прокручивать страницу до конца

Открывая веб-страницу, вы видите только часть контента. Чтобы просмотреть все содержимое страницы, вам придется прокручивать. Аудитория живет в условиях избытка информации. Многие люди неосознанно ленятся скролить. Поэтому часть контента остается вне поля их внимания.

Чтобы выйти из этой ситуации, можно публиковать самый важный контент в верхней части страницы. Однако это не всегда технически возможно. Альтернативный способ подсказывают создатели компьютерных игр. Вы знаете, что первые уровни любой игрушки всегда предельно просты. Сложность увеличивается по мере выполнения заданий. Если бы новичок сразу попал на 15 уровень игры, он бы разочаровался и бросил ее после нескольких неудач.

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

Обратите внимание на верхнюю часть главной страницы сайта Nintendo. Здесь расположен визуально простой контент:

Прокрутив страницу вниз, можно увидеть визуально сложный контент:

Помещая простой контент в верхней части страницы, вы стимулируете посетителя прокручивать страницу.

Сделайте заголовки контрастными с помощью шрифтов с засечками

Обратите внимание на ленты новостей ABC News и Daily Beast. ABC использует одинаковый шрифт для заголовков и анонсов.

Daily Beast выделяет заголовки шрифтом с засечками.

Шрифт с засечками облегчает сканирование заголовков. Благодаря этому посетитель сайта Daily Beast быстрее выбирает интересующий его контент.

Увеличение междустрочного интервала облегчает чтение

Стандартный междустрочный интервал для веб-страниц равен 1,15. Чтобы увеличить читабельность текста, попробуйте увеличить междустрочный интервал. Оптимальный интервал можно вычислить по такой формуле: величина шрифта + 6-8 пунктов. Если вы используете 12 шрифт, величина интервала должна быть 1,18 – 1,20. Слишком большой междустрочный интервал затрудняет чтение.

Как правильно показывать ценники

Покупатели почти всегда считают цену товара или услуги слишком высокой. Следующие рекомендации помогут вам сглаживать углы и мягко преподносить посетителям сайта данные о стоимости:

• Визуально выделяйте преимущества, не делайте акцент на цифрах.

На следующей иллюстрации показан неудачный способ демонстрации цены.

На следующей иллюстрации цена визуально не выделяется.

• Используйте самый дорогой продукт в качестве пугала.

Эта рекомендация скорее подходит бизнесу, который продает услуги. Разработайте продукт, который стоит значительно дороже ваших флагманских предложений. Используйте его в качестве пугала, на фоне которого цены на остальные продукты выглядят приемлемыми.

• Публикуйте информацию о продуктах в порядке убывания цены.

Это справедливо в том случае, если вы делаете ставку на продажи самых дорогих продуктов.

• Предложите пользователю золотую середину.

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

• В дешевых планах зачеркивайте опции, которых лишается покупатель.

Это стимулирует его выбирать более дорогое предложение.

• Сделайте малозаметным бесплатное предложение.

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

Используйте принцип золотого сечения

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

Величина золотого сечения равна 1,618. Представьте, что вы используете стандартный макет страницы шириной 960 пикселей. Разделив 960 на 1,618, вы получаете оптимальную пропорцию разделения страницы на две колонки. Ширина основной колонки приблизительно равна 594 пикселя, а ширина сайдбара составляет 366 пикселей.

Чтобы быстро вычислять оптимальные пропорции объектов, воспользуйтесь калькулятором золотого сечения .

Когда можно выравнивать текст по центру

Практически никогда. Выравнивать текст лучше по левому краю. Это облегчает чтение. Если текст выравнивается по центру, человек испытывает затруднения при переходе от строки к строке.

Выравнивание по центру можно использовать для заголовков или коротких слоганов. Избегайте выравнивания заголовков по центру, когда текст выравнивается по левому краю.

Когда стоит использовать белый текст на темном фоне

Черный текст на белом фоне считается оптимальным решением. Однако белый текст на черном фоне также имеет преимущества в некоторых случаях.

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

Белый текст на темном фоне хорошо работает, когда речь идет о заголовках и надписях на элементах навигации. Он стимулирует пользователей не читать, а сканировать надпись. Этот процесс происходит быстро, поэтому посетитель не успевает почувствовать неудобства.

Как сделать главную страницу более легкой для восприятия

Как сделать таблицы удобными для чтения

Как правильно представлять условия использования

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

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

Чтобы упростить восприятие контента…

… старайтесь делать страницы сайта визуально привлекательными, простыми и «легкими». Не пишите заголовки и текст заглавными буквами. Используйте темный текст на белом фоне для основного контента. Для заголовков и элементов навигации подходит светлый текст на темном фоне. Выравнивайте текст по левому краю, не используйте стоковые фото, не публикуйте длинные информационные сообщения на главной странице. Уделяйте внимание таблицам. Используйте принцип золотого сечения, создавая макет страниц.