Сьюзан Уэйншенк - 100 главных принципов дизайна. Как удержать внимание

Рис. 15.3. Использование неудобочитаемого шрифта негативно отражалось на мнении о легкости упражнения

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

• Не существует разницы в удобочитаемости между шрифтами с засечками и без засечек.

• Необычный и чрезмерно декоративный шрифт может мешать распознаванию образов и уменьшать скорость чтения.

• Если люди испытывают трудности при чтении шрифта, они склонны переносить это чувство на текст в целом и могут решить, что предмет, о котором говорится в тексте, сложен для понимания.

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

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

На рис. 16.1 показано, как вычисляются размер шрифта и х-высота.

Рис. 16.1. Так вычисляется размер шрифта и х-высота

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

Рис. 16.2. Шрифты с большей х-высотой кажутся крупнее

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

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

Не следует приравнивать чтение текстов с экрана (компьютера, наладонника или «читалки») к чтению на бумажном носителе. Когда вы читаете текст с экрана, изображение нестабильно – оно постоянно обновляется, а экран излучает свет. Текст на бумаге стабилен (не обновляется), и вместо излучения экрана вы видите только отраженный бумагой свет. Обновление изображения и излучение света экраном вызывают усталость глаз. Электронные чернила [1] Электронные чернила, электронная бумага (electronic ink, electronic paper) – технологии, использующиеся в современных устройствах для чтения электронных книг (букридеров) и создающие эффект бумажной страницы. – Здесь и далее примеч. перев. создают эффект текста, написанного на бумаге. Они отражают свет, а текст не так часто обновляется.

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

Рис. 17.1. Черный текст на белом фоне наиболее прост для восприятия

• Для текста на экране используйте более крупный кегль. Это поможет снизить напряжение глаз.

• Разбивайте текст на фрагменты. Используйте списки, короткие абзацы и иллюстрации.

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

• Убедитесь, что содержание текста стоит того, чтобы его прочитали. В конце концов, все вертится вокруг того, представляет ли текст на странице интерес для аудитории.

Вы когда-нибудь задумывались о ширине текстовой колонки на экране? Должна ли это быть широкая колонка со 100 символами в строке? Или узкая колонка с 50 символами? Или что-то среднее? Ответ зависит от того, что вы предпочитаете: скорость восприятия информации или привлекательность.

Целью опытов Мэри Дайсон (Mary Dyson) (2004) было определение того, какая длина строки предпочтительнее. Ее исследования показывают, что 100 символов на строке – оптимальная длина для максимальной скорости чтения; но мы предпочитаем короткие строки или же строки средней длины (от 45 до 73 символов на строке). На рис. 18.1 показаны примеры коротких и длинных строк.

Рис. 18.1. Длина строк, скорость чтения и предпочтения читателей, www.maderalabs.com

Длинные строки легче читаются, потому что реже прерывается поток саккад и фиксаций

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

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

Рис. 18.2. Люди читают быстрее одну широкую колонку, но отдают предпочтение нескольким узким

Если вы проведете опрос с целью узнать, что предпочитают люди, то получите ответ – множество колонок с короткими строчками. Ну а если вы спросите, что они читают быстрее, они будут настаивать, что также множество колонок с короткими строчками, хотя данные экспериментов показывают обратное.

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

• Используйте длинные строки (100 символов в строке), если важна скорость чтения.

• Используйте короткие строки (от 45 до 72 символов в строке), если скорость чтения менее критична.

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

Начнем с теста на запоминание. Читайте следующий список терминов в течение 30 секунд, а затем продолжайте читать главу: