Автор: Мария Кокухина, эксперт по юзабилити
Книга (Россия, Америка, Европа)

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

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

Психология юзабилити

№ 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 строки.

7 лучших практик для лучшей читабельности

№ 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: Сохраняйте согласованность типографии

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

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

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

Заключение

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

Понравилась статья? Поделись с друзьями!

Читайте другие полезные статьи