Текст книги "100 главных принципов дизайна"

При чтении кажется, что наш взгляд непрерывно перемещается по строчкам на странице, но на самом деле наши глаза движутся быстрыми скачками с короткими паузами между ними. Скачки называют саккадами (за один прыжок считывается от 7 до 9 букв), а паузы между ними называются фиксациями (продолжительность их около 250 миллисекунд). Во время саккады мы ничего не видим, то есть фактически слепы, но саккада происходит настолько быстро, что мы не успеваем это осознать. Большую часть времени саккад глаза смотрят вперед, но 10–15 % времени отводится на прочитывание букв и слова.

На рис. 13.2 показан пример саккады и фиксации. Черные точки изображают фиксации, а кривые линии между ними – саккады.

Рис. 13.2. Примеры саккады и фиксации

Во время чтения работает периферическое зрение

Саккада охватывает от 7 до 9 букв, но наше восприятие в действительности распространяется на вдвое большее число букв. В 1996 году Кеннет Гудман (Kenneth Goodman) обнаружил, что при чтении мы используем периферическое зрение, чтобы «увидеть» следующий кусок текста. Мы заглядываем вперед приблизительно на 15 букв, просматривая символы слева направо (если мы читаем слева направо), но каждый раз происходит отскок назад, и мы перечитываем группы букв. Несмотря на наше «упреждающее» чтение следующих 15 букв, точное значение мы получаем только для части символов этого диапазона. Мы улавливаем семантическое значение букв с первой по седьмую, а с восьмой по пятнадцатую только распознаем.

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

Чтение партитур ничем не отличается от чтения текста: те же саккады, фиксации и «упреждающее» чтение следующих 15 символов.

Мы действительно читаем прописные буквы медленнее, но только лишь потому, что они встречаются реже. Большинство текстов содержат как прописные, так и строчные буквы, и мы привыкли к этому. Если вы будете практиковаться в чтении текстов, состоящих только из заглавных букв, то в конце концов будете читать его так же быстро, как и смешанный текст. Это не означает, что вы немедленно должны начать использовать заглавные буквы для всех своих текстов. Поскольку люди не привыкли к чтению таких текстов, это замедлит скорость чтения. Кроме того, в наше время текст, состоящий только из прописных букв, воспринимается как «кричащий» или требующий дополнительного внимания (рис. 13.3).

Рис. 13.3. Заглавные буквы воспринимаются как «кричащие», но их чтение не вызывает затруднений

Исследование текстов, состоящих из заглавных букв

Кевин Ларсон (Kevin Larson) написал замечательную статью, подытоживающую исследования текстов, состоящих из заглавных букв, и смешанных текстов:

http://www.microsoft.com/typography/ctfonts/wordrecognition.aspx.

Выводы

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

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

14. Чтение и понимание – это не одно и то же

Если вы биолог или биохимик, то разобраться в следующем тексте для вас не составит особого труда:

Образовавшийся в результате окислительного декарбоксилирования пирувата в митохондриях ацетил-КоА вступает в цикл Кребса. Начинается цикл с присоединения ацетил-КоА к оксалоацетату и образования цитрата. Затем цитрат путем ряда дегидрирований и двух декарбоксилирований теряет два углеродных атома и снова превращается в оксалоацетат.

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

Существуют формулы расчета удобочитаемости определенного текста, например формула Флеша – Кинкейда. Чем выше балл, тем легче читается текст. Низкие баллы означают, что текст читается сложно. Формула представлена на рис. 14.1.

Рис. 14.1. Формула удобочитаемости Флеша – Кинкейда

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

Многие формулы дают вам оценку «класса должности» – например, что отрывок текста соответствует уровню чтения восьмого или десятого класса. Если вы применяете разные формулы для одного и того же отрывка, скорее всего, результат оценки будет разным.

Пример расчета удобочитаемости

Есть несколько инструментов для расчета удобочитаемости.

Я протестировала отрывок текста одной из статей своего блога, скопировав и вставив текст на веб-сайт с формулой удобочитаемости: https://readabilityformulas.com/freetests/six-readability-formulas.php.

Текст был такой:

«Думается, что ничего не делать ради того, чтобы потом делать что-то лучше, противоречит самой идее никсена (философии ничегонеделанья). А как насчет того, чтобы просто ничего не делать ради ничегонеделанья?

Пару раз в год я вел в местной студии йоги курс медитации осознанности, рассчитанный на 8 недель (чудное место под названием 5 Koshas в городе Уосо, штат Висконсин). Этот 8-недельный курс предполагал выполнение домашних заданий: к примеру, ученики должны были ежедневно практиковать дома медитацию, которой мы научились на занятии. Курс был достаточно интенсивным.

В одной из последних групп, которую я вел, я решил расширить домашнее задание и попросил студентов практиковать никсен по 5 минут в день. Я попросил их проводить время на природе, или глядеть в окно, или устроиться дома в уютном кресле и смотреть на огонь в камине, или же просто смотреть в пространство. Это было единственное задание, которое ученики отказались выполнять. Они были готовы каждый день медитировать по 20 минут, но никак не сидеть и ничего не делать 5 минут! “У меня нет на это времени” – таков был стандартный ответ. “У меня есть обязательства, дети, работа…”»

Веб-сайт использовал несколько разных формул для расчета удобочитаемости. Вот какой результат он мне выдал:

Оценка удобочитаемости по Флешу: 76,3, читается довольно легко.

Уровень удобочитаемости по Флешу – Кинкейду: седьмой.

Индекс туманности Ганнинга, или Фог-индекс: 8,4, читается довольно легко.

Индекс Колман – Лиау: шестой уровень.

Индекс SMOG: шестой уровень.

Таким образом, уровень: седьмой; уровень удобочитаемости: читается довольно легко.

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

Воспользуйтесь следующими рекомендациями, если вы пишете для широкой аудитории:

♦ текст с оценкой шестого класса или ниже читается легко;

♦ текст с оценкой седьмого-девятого классов – средней сложности;

♦ текст с оценкой десятого класса и выше является сложным.

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

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

Прочитайте следующий абзац:

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

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

Как пользоваться новой стиральной машиной

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

Удобочитаемость абзаца не улучшилась, но, по крайней мере, стало понятно, о чем он.

При обработке слов задействуются различные отделы мозга

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

Рис. 14.2. Слова обрабатываются различными участками мозга

В исследовании Андерсона и Пичерта (Anderson, Pichert, 1978) испытуемые читали рассказ о доме и его внутреннем убранстве. Одной группе было предложено прочитать рассказ с точки зрения покупателя дома, а другой – с точки зрения грабителя. Информация, которую люди запомнили, различалась в зависимости от точки зрения.

Выводы

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

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

• Снабдите текст значимыми заголовками. Это очень важно для дальнейшего восприятия текста.

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

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

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

Люди распознают буквы, сверяясь с образами

Каким образом мы распознаем во всех символах на рис. 15.1 букву А?

Рис. 15.1. Мы распознаем множество вариантов начертания буквы

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

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

На рис. 15.2 показаны различные декоративные шрифты. Первый шрифт относительно легок для чтения; каждый последующий шрифт становится все более сложным. Мозгу трудно распознавать образы букв в сложных шрифтах.

Рис. 15.2. Некоторые декоративные шрифты легко читаются, тогда как чтение других вызывает трудности

Узнайте больше о видах шрифтов, оформлении текста и удобочитаемости

Если вас интересуют исследования, касающиеся шрифтов, оформления текстов и удобочитаемости, посетите замечательный сайт:

http://www.alexpoole.info/academic/literaturereview.html.

В ходе эксперимента Хьюнджин Сонг и Норберт Шварц (Hyunjin Song, Norbert Schwarz, 2008) давали участникам письменные инструкции о том, как выполнять физическое упражнение. Если инструкции были написаны легким для чтения шрифтом (например, Arial), «подопытные» считали, что на выполнение этого упражнения уйдет около восьми минут и что оно не очень сложное. Они даже выражали желание включить это упражнение в свою ежедневную тренировку. Но если инструкции были написаны более декоративным шрифтом (например, Brush Script MT Italic), они оценивали время выполнения как вдвое большее – 15 минут, а также считали это упражнение трудным для выполнения (рис. 15.3). Большого желания включать его в свою тренировочную программу не проявляли.

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

Опустите левое ухо по направлению к левому плечу, затем правое ухо по направлению к правому плечу. 6-10 повторений.

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

Выводы

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

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

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

16. Размер имеет значение

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

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

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

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

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

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

Выводы

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

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

17. Сложнее читать текст на экране, чем текст на бумаге

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

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

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

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

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

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

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

18. Человек быстрее читает длинные строчки, но предпочитает короткие

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

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

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

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

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

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

На рис. 18.1 и 18.2 показаны примеры длинной и короткой строк. Выбор длины строки – это дилемма: пойдете ли вы на поводу большинства читателей и будете использовать короткие строки и несколько колонок или же используете более длинные строки и одну колонку, зная, что так люди будут читать быстрее, и тем самым пренебрежете общественным мнением? Вам придется решить, что важнее для конкретного контента, который вы предоставляете, и для конкретной аудитории, которая его читает. Что важнее в каждом конкретном случае: скорость или предпочтение?

Рис. 18.1. Длинные строки

Рис. 18.2. Короткие строки

Например, если вы обновляете контент на сайте для медиков и пишете об актуальных фактах о последней вспышке вируса, возможно, вам следует удлинить строку, чтобы увеличить скорость чтения. Аудитория уже заинтересована в контенте (она хочет получать последние новости как можно быстрее), поэтому скорость важна. Используйте более длинную строку, например от 80 до 100 символов.

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

Выводы

• Вы должны определить, что важнее для конкретного контента и конкретной аудитории, которая его читает. Например, что важнее – скорость или их предпочтения?

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

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

Как работает память

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

♦ Встреча

♦ Компьютер

♦ Телефон

♦ Работа

♦ Бумага

♦ Кресло

♦ Презентация

♦ Ручка

♦ Полка

♦ Офис

♦ Персонал

♦ Стол

♦ Дедлайн

♦ Белая доска

♦ Секретарь

Мы еще вернемся к этому списку. Теперь же обратимся к сильным и слабым сторонам человеческой памяти.

19. Кратковременная память ограниченна

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

У физиологов есть множество теорий о том, как работает этот вид памяти: некоторые называют ее кратковременной памятью, другие – рабочей памятью. В этой главе мы будем называть такой вид «быстрой» памяти – время хранения информации не более 30 с – рабочей памятью.