Скачать чек-листы

8 мин.

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

читабельность текста

В этой статье мы рассмотрим:

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

Читабельность текста: факты

1. Заглавные буквы НЕ труднее читать

Рассмотрим миф №1 о читабельности — текст, написанный заглавными буквами, труднее читать, чем текст, написанный заглавными и маленькими или только маленькими буквами. Основным аргументом в пользу этой теории — мы читаем, распознавая формы слов.

Посмотрите на текст, написанный только заглавными БУКВАМИ. Вы всегда увидите одну и ту же форму. Все буквы имеют одинаковую высоту.

Слова, написанные заглавными и маленькими или только маленькими буквами, имеют различные формы. Отдельные буквы будут различаться по высоте. Разнообразие заглавных и маленьких или только маленьких букв должно облегчить чтение?

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

К сожалению, нет ни одного научного исследования, которое подтвердило бы эту теорию. Теория «Заглавные буквы труднее читать» возникла в 1886 году.

Начать анализ

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

Итак, труднее ли читать текст, написанный заглавными буквами? Да, действительно труднее читать. Потому что мы к этому стилю просто не привыкли. Но это не имеет ничего общего с психологией.

Как часто вы читаете текст, написанный только заглавными буквами? Не так часто. Большинство читает текст, состоящий из прописных и строчных букв. Поэтому мы больше привыкли к этому стилю текста и наш мозг более обучен такому чтению.

Вывод юзабилити

  • Люди привыкли и обучены читать текст, содержащий как заглавные, так и строчные буквы.
  • К тому же текст с заглавными буквами люди воспринимают, как кричащий и даже неудобный. Поэтому используйте такой текст только в особых случаях. А именно, для заголовков и ситуаций, когда вы хотите привлечь внимание людей.

2. Есть разница между чтением и пониманием

Когда вы читаете что-то, это не значит, что вы автоматически это понимаете. То есть вы можете читать контент от начала до конца, не зная, о чем он на самом деле.

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

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

Согласно исследованию о читабельности — объем информации, которую мы помним из чтения, напрямую зависит от нашего мнения о тексте. То есть вы будете помнить информацию, которая имеет смысл для вас и ваших текущих знаний. Информация, идущая против ваших знаний, скорее всего будет забыта.

Вывод юзабилити

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

3. Распознавание образов помогает нам распознавать различные типы шрифтов

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

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

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

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

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

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

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

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

Вывод юзабилити

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

4. Размер шрифта имеет значение

Теперь мы знаем, что не имеет значения, используем ли мы шрифт с засечками или без засечек. Что имеет значение, так это размер шрифта. Контент с большим размером шрифта будет более разборчивым, чем с маленьким. На маленький шрифт посетители будут жаловаться независимо от возраста.

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

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

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

Вывод юзабилити

  • Убедитесь, что используемый размер шрифта легко читается людьми разных возрастов.
  • Для сайтов лучше использовать шрифты с большой x-высотой. Это создаст иллюзию большего контента.

    Семейства шрифтов, такие как Verdana и Tahoma, были разработаны с большой x-высотой. Эти шрифты — хороший выбор для сайтов.

5. Контент на экране труднее читать

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

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

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

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

Вывод юзабилити

  • Снова убедитесь, что вы используете достаточный размер шрифта для контента, отображаемого на экране. Иначе глаза будут чаще уставать.
  • Разделите контент на более мелкие абзацы. Хорошее правило — разбивать контент через каждые 4-5 строк.
  • Сохраняйте достаточный контраст между контентом и фоном.

6. Мы читаем быстрее длинные строки, но предпочитаем более короткие

Вы когда-нибудь задумывались, сколько символов в строке следует указывать в контенте?

Было несколько исследований, которые ставили целью найти оптимальное количество символов в строке в зависимости от скорости чтения и привлекательности контента. Результат – оптимальное количество символов в строке 50-70.

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

Вывод юзабилити

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

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

7. Выровненный контент слева легче читать

Центрированный или выровненный контент слева — какой легче читать? Давайте ответим на этот вопрос, используя как психологию, так и эстетику. Выровненный слева легче читать. Когда глаз перемещается к концу строки, он сразу же ищет место для начала следующей строки.

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

Исключение, когда вы работаете с короткими фрагментами, максимум 3-4 строки.

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

Вывод юзабилити

На сайте лучше придерживаться выравнивания по левому краю. Используйте по центру, только если контент короткий. То есть он не должен превышать 3-4 строки.

Читабельность: практика

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

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

Но не следует использовать декоративный шрифт для основного контента. Это равносильно самоубийству сайта. Шрифт не должен быть вредным для контента.

2. Используйте шрифты, чтобы установить настроение и тон

Шрифт с засечками или без засечек — какой выбрать? Вы можете выбрать любой вариант. Нет никакой разницы между использованием шрифта с засечками или без засечек.

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

3. Ограничить количество шрифтов

Частая ошибка — использование большого количества шрифтов. Быстрый способ убить любой сайт — смешать слишком много шрифтов. Следует ограничиться 2 шрифтами. Нет никаких причин превышать это число.

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

4. Выберите правильный размер для основного контента

Опасность слишком маленького шрифта — он будет препятствовать людям остаться на сайте. Убедитесь, что размер шрифта доступен для чтения. Как это проверить? Отойдите от экрана на расстоянии 28 дюймов. Оптимальный размер шрифта 16-18 пикселей на десктопах.

Имейте в виду, разные шрифты имеют разную x-высоту. Протестируйте шрифт, который будет использоваться при оформлении контента на разных устройствах. Размер шрифта, который подходит для ПК, может не подходить для мобильной версии сайта.

5. Используйте соответствующий междустрочный интервал

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

В большинстве случаев рекомендуется установить междустрочный интервал между 140-160% (1,4 и 1,6 в CSS). Это не жесткое правило. Вам придется экспериментировать. Так как разные шрифты работают лучше с разным межстрочным интервалом.

Давайте возьмем пару шрифтов, которые широко используются для сайтов. Например, шрифты: Arial, Verdana, Open Sans и Georgia. Обратите внимание, что все эти семейства шрифтов имеют различную x-высоту. Поэтому Georgia и Arial будут выглядеть меньше, чем Verdana и Open Sans.

В этом случае вам нужно будет корректировать междустрочный интервал. Данные шрифты хорошо работают с междустрочным интервалом, установленным на 150% (1,5 в CSS).

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

6. Сохранить длину строки до 50-70 символов

Разная длина строки принесет разные результаты. Длинные строки лучше для высокой скорости чтения, короткие — для эстетического впечатления.

Какую золотую середину выбрать? Люди сканируют страницу перед чтением контента. Поэтому короткие абзацы лучше. Ограничьте длину строки до 50-70 символов.

7. Сохраняйте согласованность типографии

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

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

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

Заключение

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

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