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

• Название: 100 главных принципов дизайна. Как удержать внимание
• Автор: Сьюзан Уэйншенк
• Жанр: Маркетинг, PR, реклама
• Год: 2012
• ISBN: 978-5-459-01077-0

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

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

---

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

Встреча Компьютер Телефон

Работа Бумага Кресло

Презентация Ручка Полка

Офис Персонал Стол

Дедлайн Белая доска Секретарь

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

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

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

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

Рабочая память и фокусировка внимания

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

При активации рабочей памяти мозг начинает работать

Теории о работе памяти начали появляться в XIX веке. Современные исследователи используют метод ядерного магнитного резонанса, чтобы видеть, какие отделы мозга задействуются при выполнении различных задач, связанных с изображениями, словами или звуками. Когда в ходе выполнения задачи задействуется рабочая память, подсвечивается префронтальная кора (участок, который отвечает за фокусирование внимания). Также рабочая память задействует и другие участки мозга. Например, если задача требует запоминания слов или чисел, активность наблюдается в левом полушарии. Если же задача связана с пространственными отношениями, например с нахождением объекта на карте, тогда активным будет правое полушарие.

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

Стресс ослабляет рабочую память

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

Рабочая память и входные сигналы

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