Сьюзан Уэйншенк
100 главных принципов дизайна
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 с – рабочей памятью.
Рабочая память и фокусировка внимания
Информация в рабочей памяти хранится ограниченное время. Сам процесс занесения информации в память нестабилен. Например, если вы пытаетесь запомнить имя и номер телефона и одновременно кто-то начинает говорить с вами, это будет сильно раздражать. Вы легко потеряете информацию, так как рабочая память связана со способностью к фокусированию внимания. Чтобы сохранить информацию в рабочей памяти, вы должны сфокусировать внимание на том, что хотите запомнить.
При активации рабочей памяти мозг начинает работать
Теории о работе памяти начали появляться в XIX веке. Современные исследователи используют метод ядерного магнитного резонанса (ЯМР), чтобы видеть, какие отделы мозга задействуются при выполнении различных задач, связанных с изображениями, словами или звуками. Когда в ходе выполнения задачи задействуется рабочая память, подсвечивается префронтальная кора (участок, который отвечает за фокусирование внимания). Также участвуют и другие участки мозга. Например, если задача требует запоминания слов или чисел, активность наблюдается в левом полушарии. Если же задача связана с пространственными отношениями, тогда активным будет правое полушарие.
Интересно, что связь между этими участками мозга и префронтальной корой усиливается, когда задействована рабочая память. Пока рабочая память активна, в префронтальной коре происходит выбор стратегии и принимается решение, на что направить внимание; этот процесс оказывает сильное влияние на память.
Стресс ослабляет рабочую память
Сканирование мозга методом функционального магнитного резонанса (фМРТ), показало, что при стрессе наблюдается меньшая активность префронтальной коры (участок мозга, расположенный непосредственно за лобной костью). Это означает, что стресс ослабляет эффективность рабочей памяти.
Рабочая память и входные сигналы
Интересно, что существует обратное соотношение между рабочей памятью и количеством входных сигналов, поступающих за единицу времени. Люди с хорошо функционирующей рабочей памятью способны не замечать, что происходит вокруг них. Префронтальная кора определяет, на что направить внимание. Если вы не будете обращать внимание на все сенсорные сигналы вокруг вас, а вместо этого сфокусируетесь на какой-то вещи, запоминание пройдет лучше.
Чем лучше рабочая память, тем легче учиться в школе
Недавние исследования связали рабочую память и успехи в обучении. Трэйси Алловей (Tracy Alloway, 2010) исследовала возможности рабочей памяти у группы пятилетних детей, а затем наблюдала за этими детьми в последующие годы. На основании этих исследований можно предсказать, насколько хорошо дети будут учиться в школе: те, у кого в пятилетнем возрасте была хорошо развита рабочая память, учились лучше и легче воспринимали школьную программу. Это неудивительно, поскольку рабочая память используется для запоминания указаний учителя и, как мы будем обсуждать позже, является частью долговременной памяти. В случае низких показателей тестов рабочей памяти можно разработать план тренировки памяти. Это относительно быстрый и легкий способ обнаружить, кто из детей потенциально может иметь проблемы с обучением, и с самого начала дать информацию учителям и родителям о возможных проблемах.
Выводы
• Не требуйте от пользователей запоминать информацию в одном месте и переносить в другое; они могут забыть информацию и расстроиться.
• Если вы предлагаете человеку «занести» что-либо в рабочую память, не отвлекайте его, пока он полностью не решит эту задачу. Рабочая память чувствительна к помехам – большое количество сенсорных сигналов препятствует фокусированию внимания.
20. Человек одновременно может запомнить только четыре элемента
Если вы знакомы с практической психологией или исследованиями в области памяти, вы, возможно, слышали фразу: «магическое число семь плюс-минус два». Эта фраза относится к некой распространенной легенде: когда-то Джордж А. Миллер (George A. Miller, 1956) опубликовал исследовательскую работу, согласно которой кратковременная человеческая память, как правило, не может запомнить и повторить более 7 ± 2 элементов. Согласно этой теории, ваше меню должно содержать от пяти до девяти элементов, а на экране должно быть не более девяти вкладок. Это всего лишь легенда.
Почему это миф
Физиолог Алан Бэддли (Alan Baddeley) поставил под сомнение правило «семь плюс-минус два». В 1994 году Бэддли взялся всерьез за работу Миллера и обнаружил, что не было никакой работы, описывающей действительное исследование, – был доклад Миллера на конференции. И в основном он касался предположений Миллера о том, что, возможно, существует некий изначально присущий организму предел для количества информации, которое человек может обрабатывать единовременно.
Бэддли (1986) провел длинную серию экспериментов, касающихся процессов в человеческой памяти и обработки информации. Другие исследователи, в том числе Нельсон Кован (Nelson Cowan, 2001), пошли по его стопам и показали, что «магическим» числом является четыре.
С помощью групп можно превратить «четыре» в большее число
Человек может держать в рабочей памяти три или четыре элемента до тех пор, пока обработка информации не прерывается.
Одна из интересных стратегий, которая применяется для увеличения количества элементов, это разделение информации на группы. Не случайно номер телефона в США выглядит подобным образом:
712-569-4532
Номер разделен на группы, в каждой из которых три или четыре элемента. Без этого разделения вы должны были бы запоминать 10 отдельных элементов. Если вы знаете «наизусть» код города (то есть он хранится в долговременной памяти), вам нет необходимости запоминать эту часть номера, так что можете пропустить целую группу цифр.
Раньше телефонные номера было легче запоминать, так как главным образом связь осуществлялась между людьми из одного и того же региона и код города не требовался. Он хранился где-то в долговременной памяти. В старые добрые времена при телефонных переговорах внутри региона вообще не нужно было использовать код города (сейчас это уже не действует в большинстве мест). Кроме того, у каждого в городе номер начинался с одних и тех же цифр (группа 569 в приведенном примере). Если вы звонили любимой тетушке из своего города, все, что вы должны были помнить, это последние четыре цифры. Ну и ее имя, конечно! (Я знаю, что могу надоесть читателям рассказами о старых добрых временах. Сейчас я живу в маленьком городке в штате Висконсин, и люди там все еще сообщают друг другу только последние четыре цифры своего телефонного номера, хотя эти последние четыре цифры уже больше не работают.)
Извлечение информации из памяти подчиняется правилу четырех
Правило четырех элементов применимо не только к кратковременной, или рабочей, памяти, но также и к долговременной. Джордж Мандлер (George Mandler, 1969) показал, что люди могут запоминать информацию по категориям и затем извлекать ее из памяти в неизменном виде, если в каждой категории находится от 1 до 3 элементов. Число извлеченных элементов уменьшается, если категория содержит больше трех элементов. Если в категории от 4 до 6 элементов – люди могут вспомнить 80 % информации. Это число продолжает уменьшаться и достигает 20 % при 80 элементах в категории (рис. 20.1).
Рис. 20.1. Чем больше элементов требуется вспомнить, тем больше вероятность ошибки
Дональд Бродбент (Donald Broadbent, 1975) просил испытуемых вспомнить элементы из различных категорий, например назвать имена семи гномов, перечислить семь цветов радуги, вспомнить страны Европы или названия шоу на телевидении. «Подопытным» удавалось вспомнить два, три или четыре элемента из каждой группы.
Даже шимпанзе делают это
Нобуюки Каваи и Тецуро Мацузава (Nobuyuki Kawai, Tetsuro Matsuzawa, 2000) обучали шимпанзе выполнять тест на запоминание, подобный тестам, которые они предлагали людям. Шимпанзе (ее звали Аи) выполняла поставленную задачу с точностью в 95 %, если ей нужно было запомнить четыре числа. Точность снижалась до 65 %, если ей нужно было запомнить пять чисел.
Выводы
• Сократите количество вариантов выбора до трех или четырех. Например, если вы даете ссылки, по которым люди могут перейти для получения дополнительной информации, ограничьтесь четырьмя ссылками.
• Если ограничиться тремя или четырьмя вариантами невозможно, разбейте или сгруппируйте информацию в три или четыре группы. Например, если вы предлагаете пользователям выбрать, что делать дальше, вместо того чтобы показывать им список из 10 тем или элементов, на которые нужно кликнуть, сгруппируйте похожие элементы и покажите три или четыре группы по три или четыре элемента в каждой группе.
• Когда вы блокируете или группируете информацию, убедитесь, что каждый блок включает не более четырех элементов.
• Учтите, что человеку свойственно использовать внешние «вспомогательные средства», когда их рабочая память перегружена. Если вы заметили, что, пользуясь вашим продуктом, людям приходится заглядывать в списки, заметки, стикеры и т. д., значит, вы перегружаете рабочую память.
21. Чтобы не забывать информацию, ее нужно использовать
Каким образом переместить информацию из рабочей памяти в долговременную? Есть два основных способа: повторять ее много раз или связать с другой, известной информацией.
Повторение вносит в мозг физические изменения
В мозгу находятся 10 миллиардов нейронов, хранящих информацию. Электрические импульсы проходят сквозь нейрон и переносятся при помощи химического транспортного механизма через синаптическую щель между нейронами. Всякий раз, когда мы повторяем слово, фразу, песню или телефонный номер, который хотим запомнить, нейроны мозга возбуждаются. Воспоминания сохраняются в виде связей между нейронами. Когда два нейрона активированы, связи между ними усилены.
Если повторять информацию достаточно долго, нейронные связи становятся устойчивыми – образуются так называемые следы (или треки). Как только следы сформированы, простой триггер запускает остальные элементы и позволяет нам извлечь информацию. Вот почему нужно несколько раз услышать информацию, чтобы она запомнилась.
Сила схемы
Если я попрошу вас рассказать, что такое голова, то, вероятно, услышу о мозге, волосах, глазах, носе, ушах, коже, шее и прочем. Можно сказать, что голова состоит из множества «элементов», и мы собрали все элементы в одну схему и назвали эту схему «голова». Точно так же, когда я говорю о глазе, на ум приходят все элементы, из которых состоит глаз: глазное яблоко, радужная оболочка, ресницы, веко и т. д. Голова – это схема. Глаз – это схема. Люди используют схемы, чтобы хранить информацию в долговременной памяти и извлекать ее оттуда.
Если существует возможность связать новую информацию с тем, что уже хранится в долговременной памяти, то такая информация легче запоминается и легче вспоминается. Схемы позволяют строить ассоциации в долговременной памяти. Они служат своеобразным «организатором» информации в памяти. Всего одна схема позволяет организовать массу информации (рис. 21.1).
Рис. 21.1. Голова состоит из глаз, ушей, носа, рта, волос и других частей. Объединение их в одну схему облегчает запоминание
Профессионалы хранят информацию в виде схем
Чем лучше ориентируется человек в какой-либо области, тем более наполнена и сложна соответствующая схема. Например, новичкам-шахматистам требуется множество маленьких схем: самая первая схема описывает расстановку фигур на доске, вторая – как ходят эти фигуры и т. д. Но игроки высшего класса легко укладывают массу информации в одну схему. Бросив только один взгляд на доску, они могут рассказать о вариантах развития событий, о стратегии для каждого игрока и о том, каким должен быть следующий ход. В маленькой схеме-напоминалке о расстановке фигур они не нуждаются. Информация, содержащаяся во множестве мелких схем для новичка, для мастера укладывается в одну схему. Это позволяет извлекать ее лучше и быстрее, а также добавлять новую информацию о шахматах в долговременную память. Профессионал может уложить большое количество информации в одну схему (рис. 21.2).
Рис. 21.2. Для мастера все происходящее на доске укладывается в одну схему
Выводы
• Если вы хотите, чтобы люди запомнили что-нибудь, повторяйте это снова и снова. Повторение приносит свои плоды.
• Одной из главных задач исследования поведения пользователей или потребителей является идентификация и понимание схем, которые существуют у вашей целевой аудитории.
• Если у людей уже есть схема, имеющая отношение к той информации, которую вы хотите им сообщить, убедитесь, что вы имеете достаточное представление об этой схеме. Изучать и запоминать информацию легче, если она укладывается в уже существующую схему.
