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

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

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

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

---

Кевин Ларсон (Kevin Larson) написал замечательную статью, подытоживающую исследования текстов, состоящих из заглавных букв, и смешанных текстов: http://www.microsoft.com/typography/ctfonts/wordrecognition.aspx.

Выводы

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

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

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

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

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

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

Можно оценить удобочитаемость вашего текста

• Для оценки удобочитаемости текста используется формула легкости чтения Флеша. С помощью этой формулы оценивается не только легкость чтения текста, но и уровень образования читающего. Чем выше значение, тем легче прочитать текст и тем большему числу читателей он будет понятен. Формула представлена на рис. 14.1.

Рис. 14.1. Формула удобочитаемости Флеша

Вы можете прочитать этот абзац?

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

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

Оценка удобочитаемости в Интернете

В некоторые программы для работы с текстами включена возможность вычисления оценки удобочитаемости по формуле Флеша – Кинсайда. Кроме того, можно использовать следующий метод оценки уровня удобочитаемости отдельного фрагмента: http://www.standards-schmandards.com/exhibits/rix/index.php. Я протестировала абзац из одной моей статьи в блоге ( www.whatmakesthemclick.net). Результаты представлены на рис. 14.2.

Рис. 14.2. Пример расчета показателя удобочитаемости одной из статей моего блога

Не забывайте о заголовках

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

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

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

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

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

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

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

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

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

То, что вы запоминаете, зависит от вашей точки зрения

В исследовании Андерсона и Пичерта (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) и большого желания включать его в свою тренировочную программу не выказывали.

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

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