Сьюзан Уэйншенк100 главных принципов дизайна. Как удержать внимание. «100 главных принципов дизайна. Как удержать внимание» Сьюзан Уэйншенк Распознавание образов помогает идентифицировать буквы, написанные различными шрифтами

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

Сьюзан Уэйншенк. 100 главных принципов дизайна. Как удержать внимание. – СПб.: Питер, 2015. – 272 с.

Скачать конспект (краткое содержание) в формате или

ТО, ЧТО МЫ ВИДИМ, ОТЛИЧАЕТСЯ ОТ ДАННЫХ, ПОСТУПАЮЩИХ В МОЗГ

Наши глаза работают не как фотоаппарат, объективно фиксирующий мир. На самом деле они действуют совместно с мозгом, который определенным образом «истолковывает» видимый мир (рис. 1).

Рис. 1. Вы видите треугольники, но на самом деле их нет

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

ПЕРИФЕРИЧЕСКОЕ ЗРЕНИЕ ИСПОЛЬЗУЕТСЯ БОЛЬШЕ, ЧЕМ ЦЕНТРАЛЬНОЕ, ДЛЯ ТОГО ЧТОБЫ ПОСТИЧЬ СУТЬ УВИДЕННОГО

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

ЗА УЗНАВАНИЕ ЛИЦ ОТВЕЧАЕТ ОСОБАЯ ЧАСТЬ МОЗГА

Хотя зрительная кора сама по себе достаточно велика, существует специальный участок головного мозга за пределами зрительной коры, единственной функцией которого является узнавание лиц. Идентифицированная Нэнси Канвишер, веретенообразная извилина мозга позволяет воспринимать лица «в обход» обычных интерпретирующих каналов и помогает узнавать их быстрее, чем прочие объекты. Эта извилина расположена вблизи миндалины мозжечка, являющейся эмоциональным центром мозга.

Исследования движений глазного яблока показывают, что, если глаза на картинке смотрят не на нас, а на объект, изображенный на веб-странице (рис. 2), мы также переводим взгляд на этот объект.

Рис. 2. Мы смотрим туда, куда смотрит человек на картинке

ЧЕЛОВЕК МОЖЕТ НЕ ОБРАТИТЬ ВНИМАНИЯ НА ИЗМЕНЕНИЯ В ПОЛЕ ЕГО ЗРЕНИЯ

ЧТЕНИЕ И ПОНИМАНИЕ – ЭТО НЕ ОДНО и ТО ЖЕ

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

ВЫ МОЖЕТЕ ПРОЧИТАТЬ ЭТОТ АБЗАЦ?

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

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

Не забывайте о заголовках. Прочитайте следующий абзац:

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

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

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

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

РАСПОЗНАВАНИЕ ОБРАЗОВ ПОМОГАЕТ ИДЕНТИФИЦИРОВАТЬ БУКВЫ, НАПИСАННЫЕ РАЗЛИЧНЫМИ ШРИФТАМИ

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

РАЗМЕР ИМЕЕТ ЗНАЧЕНИЕ

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

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

ЧЕЛОВЕК ОДНОМОМЕНТНО МОЖЕТ ЗАПОМНИТЬ ТОЛЬКО ЧЕТЫРЕ ЭЛЕМЕНТА

Возможно вы слышали фразу: «магическое число семь плюс-минус два». Эта фраза относится к некой распространенной легенде, согласно которой человек, как правило, не может удержать в кратковременной памяти более 7±2 элементов. Однако это лишь легенда. Серьезные исследования показали, что «магическим» числом является четыре. Одна из интересных стратегий, которая применяется для увеличения количества элементов, - это разделение информации на группы. Неслучайно номер телефона выглядит подобным образом: 716-569-4532.

ЧТОБЫ НЕ ЗАБЫВАТЬ ИНФОРМАЦИЮ, ЕЕ НУЖНО ИСПОЛЬЗОВАТЬ

Каким образом переместить информацию из рабочей памяти в долговременную? Существует два основных способа: повторять ее много раз или связать ее с другой, известной информацией. Профессионалы хранят информацию в виде схем.

ПАМЯТЬ ЗАДЕЙСТВУЕТ МНОЖЕСТВО МЕНТАЛЬНЫХ РЕСУРСОВ

Даоюн Джи и Мэтью Вильсон создали теорию, описывающую поведение людей. Когда люди спят и видят сны, они обрабатывают или систематизируют информацию, полученную за прошедший день. Они соединяют новые воспоминания и создают новые ассоциации из той информации, которую они получали в течение дня. Их мозг решает, что запомнить и что забыть. Фонологическое кодирование (с помощью звучания слов) помогает вспоминать информацию. До появления письменности легенды хранились в памяти народа в виде сказаний.

ЧЕЛОВЕК РЕКОНСТРУИРУЕТ ВОСПОМИНАНИЯ ВСЯКИЙ РАЗ, КОГДА ВСПОМИНАЕТ

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

Почему показания свидетелей ненадежны. Проводя исследования по восстановлению воспоминаний, Элизабет Лофтус показывала участникам эксперимента видеоклип с автомобильной аварией. Затем она задавала ряд вопросов, каждый раз меняя формулировку. Например, она спрашивала: «Как вы оцениваете скорость машины в тот момент, когда она столкнулась с другой машиной?» или: «Как вы оцениваете скорость машины в тот момент, когда она врезалась в другую машину?» А затем она спрашивала участников, видели ли они разбитое стекло. Когда Лофтус использовала слово «врезалась», испытуемые оценивали скорость выше, чем, когда она примела слово «столкнулась». И более чем вдвое большее количество людей вспоминали, что видели разбитое стекло, когда использовалось слово «врезалась» вместо слова «столкнулась».

ЗАБЫВАТЬ - ЭТО БЛАГО

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

В 1886 году Герман Эббингауз вывел формулу, демонстрирующую эффект ослабления воспоминаний:

Здесь R - сохранение данных в памяти, S - относительная сила памяти, t - время. Кривая забывания показывает, что мы быстро забываем информацию, если только она не размещается в долговременной памяти (рис. 5).

Рис. 5. Кривая забывания Германа Эббингауза

САМЫЕ ЯРКИЕ ВОСПОМИНАНИЯ ЛЖИВЫ

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

Хотя вспышки воспоминаний очень яркие, но в них полно ошибок. В 1986 году взорвался космический корабль «Челленджер». Если вы вызовете в памяти это событие, то, возможно, вспомните его очень живо. Спустя день после этого трагического события Ульрих Нейссер, профессор, который исследовал воспоминания, подобные этим, попросил своих студентов записать воспоминания о том, что случилось. Три года спустя он вновь попросил тех же студентов написать воспоминания об этом событии. 90 % информации в более поздних записях отличалось от записей первоначальных. Половина из них были неверны в двух-трех деталях. Одна участница, увидев описание, которое она сделала три года назад, воскликнула: «Я узнаю свой почерк, но не может быть, чтобы это написала я».

ЧЕЛОВЕК ЛУЧШЕ ОБРАБАТЫВАЕТ НЕБОЛЬШИЕ ПОРЦИИ ИНФОРМАЦИИ

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

ТРЕТЬ ВРЕМЕНИ НАШИ МЫСЛИ ГДЕ-ТО БРОДЯТ

«Блуждания ума» - термин, обозначающий ситуацию, когда в процессе обдумывания определенной задачи вы внезапно начинаете думать о чем-то совершенно отвлеченном. Люди недооценивают распространенность явления «блуждания ума»: они думают, что их ум где-то блуждает около 10% времени, тогда как, по подсчетам психологов, «блуждание ума» занимает примерно 30 % времени бодрствования. Во время езды по пустой дороге ваш разум блуждает примерно три четверти времени. «Блуждания ума» позволяют одной части мозга фокусироваться на выполняемой задаче, а другой продолжать преследовать высшую цель. «Блуждания ума» напоминает многозадачность, но на самом деле ею не является. «Блуждания ума» позволяют быстро переключать фокус внимания с одного объекта на другой и обратно.

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

ЛЮДИ С БОЛЬШИМ ЖАРОМ ЗАЩИЩАЮТ ИДЕЮ, ЕСЛИ ОНИ НЕ УВЕРЕНЫ В НЕЙ

В 1956 году Леон Фестингер написал книгу «Когда пророчества не сбываются» (на русском языке не выходила; зато опубликована книга ). В ней он описал когнитивный диссонанс (внутренний конфликт, вызванный противоречивыми чувствами или убеждениями). Существует два основных способа разрешения подобного конфликта: изменить свои убеждения или отказаться от одной из противоречивых идей.

Если вы столкнулись с информацией, которая противоречит вашим убеждениям, появляется тенденция отрицать новую информацию, а не изменять своим убеждениям. Чем меньше в человеке уверенности, тем сильнее он спорит. Не тратьте время, пытаясь изменить чьи-то укоренившиеся убеждения. Лучший способ изменить чье-либо мнение - сделать так, чтобы человек изменил его самостоятельно. Не пытайтесь доказать людям, что их убеждения нелогичны, неразумны или являются не лучшим выбором. Это может вызвать «ответный огонь» и заставить их отстаивать свои позиции.

МЕНТАЛЬНЫЕ МОДЕЛИ

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

ВЗАИМОДЕЙСТВИЕ С КОНЦЕПТУАЛЬНЫМИ МОДЕЛЯМИ

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

ИНФОРМАЦИЯ В ФОРМЕ РАССКАЗА ИЛИ ИСТОРИИ ЛУЧШЕ ВОСПРИНИМАЕТСЯ

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

ЧЕЛОВЕК УЧИТСЯ НА ПРИМЕРАХ

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

ЧЕТЫРЕ ВИДА ТВОРЧЕСТВА

Арне Дитрих идентифицировал четыре вида творчества с соответствующей каждому типу мозговой активностью (рис. 6):

Рис. 6. Четыре вида творчества

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

ПЛЫТЬ ПО ТЕЧЕНИЮ

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

КУЛЬТУРА ВЛИЯЕТ НА ОБРАЗ МЫСЛЕЙ

Ричард Нисбетт в своей книге «География мысли» обсуждает исследования, которые показывают, что образ мышления формируется культурой: ВОСТОК = ОТНОШЕНИЯ; ЗАПАД = ИНДИВИДУАЛЬНОСТЬ. Люди из разных географических регионов и из разных культур по-разному реагируют на фотографии и оформление веб-сайтов. Жители Восточной Азии замечают и запоминают фон и контекст в большей степени, нежели представители Запада.

ЧЕЛОВЕК НЕ ПРИСПОСОБЛЕН К МНОГОЗАДАЧНОСТИ

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

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

НАИБОЛЬШЕЕ ВНИМАНИЕ ПРИВЛЕКАЮТ ОПАСНОСТЬ, ПИЩА, СЕКС, ДВИЖЕНИЕ, ЛИЦА И РАССКАЗЫ

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

МОТИВАЦИЯ УСИЛИВАЕТСЯ ПО МЕРЕ ПРИБЛИЖЕНИЯ К ЦЕЛИ

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

  • Вариант A: на карте имеются 10 пустых мест под штампы.
  • Вариант В: на карте имеются 12 мест под штампы, и, когда вы ее получаете, два штампа уже стоят.

Заполнение какого из вариантов займет больше времени? Вы заполните быстрее вариант B. И причина в эффекте приближения к цели.

Эффективны любые вознаграждения. Если вы изучали психологию в двадцатом столетии, вы, может быть, помните Б. Ф. Скиннера и его работу по выработке оперантных условных рефлексов. Скиннер изучал зависимость поведения от того, каким образом и как часто дается подкрепление (награда). См. также . Многие психологи придерживались другой точки зрения, и в конце концов оперантное обучение «вышло из моды». Я не утверждаю, что эта теория полностью объясняет поведение и мотивацию, но убеждена, что это проверенная теория и она хорошо работает. Лично я использовала ее в управлении, преподавании и воспитании своих детей.

ЭФФЕКТ НЕОЖИДАННОСТИ ПОДДЕРЖИВАЕТ СОСТОЯНИЕ ПОИСКА

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

Дофаминовая система стимулируется наиболее энергично, когда информация поступает в малых количествах, так что информационный голод удовлетворяется не полностью. Короткий текст (максимум 140 символов) или сообщение Twitter идеально подходит для того, чтобы раздразнить дофаминовую систему.

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

ВНУТРЕННЕЕ И ВНЕШНЕЕ ВОЗНАГРАЖДЕНИЕ

СЕМЬ УНИВЕРСАЛЬНЫХ ЭМОЦИЙ

Рис. 7. Семь универсальных эмоций согласно Полу Экману

РЕАКЦИЯ НА БУДУЩИЕ СОБЫТИЯ ПРЕУВЕЛИЧЕНА

Люди – плохие предсказатели. Дэниэл Гилберт в книге обсуждает исследования, которые он проводил, работая с предсказаниями или оценками эмоциональных реакций на события. Он обнаружил, что люди преувеличивают собственные реакции на приятные и неприятные события своей жизни. Независимо от того, о каких событиях идет речь - негативных (потеря работы, авария или смерть любимого) или позитивных (неожиданное наследство, интересная работа, большая любовь), человек склонен преувеличивать свою реакцию. Если событие негативное, люди считают, что они будут надолго расстроены и опустошены. Если событие позитивное, предполагается, что они надолго будут безумно счастливы.

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

ЧЕЛОВЕК СТРЕМИТСЯ ИМЕТЬ БОЛЬШЕ ИНФОРМАЦИИ, ЧЕМ МОЖЕТ ОБРАБОТАТЬ

Не перегружайте клиентов богатством выбора. Если спросить людей, сколько вариантов выбора они хотят видеть, они ответят «много» или «огласите, пожалуйста, весь список». Так что лучше не спрашивайте. Ограничьте число вариантов тремя или четырьмя. Если вы хотите предложить больше, следуйте концепции постепенного раскрытия. Например, обеспечьте возможность выбора из трех или четырех пунктов, а в каждом из них разместите поднабор из следующих трех-четырех пунктов.

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

КОЛЛЕКТИВНЫЕ РЕШЕНИЯ МОГУТ БЫТЬ НЕВЕРНЫМИ

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

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

МНЕНИЕ СИЛЬНОЙ ЛИЧНОСТИ

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

Камерон Андерсон и Гэвин Килдаф изучали процесс принятия решений в группах. Они сформировали группы из студентов, в каждой из которых было по четыре человека, и предложили им решить математическую задачу из теста SAT, который используется при поступлении в колледж. У исследователей не было предположения, почему эти люди стали лидерами. Были ли у них лучшие результаты математического теста SAT? (Нет). Они препятствовали остальным стать лидерами? (Нет).

Ответ удивил исследователей: лидеры говорили первыми. В 94% случаев окончательный ответ группы совпадал с первым ответом, который был предложен, и люди, обладающие доминирующими качествами, говорили первыми. Если вы проводите групповое совещание, предложите каждому члену группы заранее записать свои идеи и обсудите эти идеи перед началом совещания.

ЛУЧШЕ ОДИН РАЗ УВИДЕТЬ…

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

Сьюзан Уэйншенк

100 главных принципов дизайна

Памяти Майлза и Жанет Шварц. Жаль, что вы не сможете прочитать эту книгу.

Благодарности

Огромное спасибо всей моей большой команде из Peachpit, особенно моему редактору Джеффу Райли (Jeff Riley), с которым мы ежедневно обменивались сообщениями по электронной почте. Благодарю Майкла Нолана (Michael Nolan) за помощь в написании этой книги. Благодарю Гатри Уэйншенк (Guthrie Weinschenk) за фотографии, Мэйси Уэйншенк (Maisie Weinschenk) за прекрасные идеи, Питера Уэйншенка (Peter Weinschenk) за поддержку и терпение. И спасибо всем тем, кто читает мой блог, приходит ко мне на презентации, да и вообще слушает меня, когда я говорю о психологии. Вы высказываете ценные идеи, мнения, и поэтому я продолжаю писать о психологии и дизайне.

Психология дизайна

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

И ваша прямая обязанность хорошо знать свою целевую аудиторию.

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

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

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

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

Затем я соединила их с собственным опытом, полученным за многие годы работы в области дизайна интерфейсов.

И теперь вы держите в руках результат этой работы: 100 главных принципов дизайна – или 100 вещей, которые, как я думаю, вам необходимо знать о людях.

Как человек видит

Зрение является главным каналом восприятия. Половина ресурсов мозга используется для обработки и интерпретации зрительной информации. То, что воспринимают наши глаза, является только частью общего процесса. Изображения, поступающие в мозг, изменяются и интерпретируются. Можно с полным основанием сказать, что мозг «видит».

1. То, что мы видим, отличается от данных, поступающих в мозг

Существует устоявшееся мнение, что во время прогулки или, например, осмотра достопримечательностей наши глаза передают информацию в мозг, который обрабатывает ее и представляет реалистичную картину того, что нас окружает. Но наши глаза работают не так, как фотоаппарат, объективно фиксирующий мир. На самом деле они действуют совместно с мозгом, который определенным образом «истолковывает» видимый мир. Мозг непрерывно интерпретирует все, что вы видите. Посмотрите, например, на рис. 1.1.

Рис. 1.1. Вы видите треугольники, но на самом деле их нет


Что «говорят» вам глаза? Вы видите на заднем плане черный контур треугольника, на который сверху наложен белый перевернутый треугольник. Но это совсем не то, что присутствует на рисунке на самом деле, не так ли? В действительности там только линии и частично закрашенные круги. Ваш мозг «создает» перевернутый белый треугольник из пустого пространства, поскольку это именно то, что вы ожидаете увидеть. Эта иллюзия называется треугольником Канижа, по имени итальянского физиолога Гаэтано Канижа (Gaetano Kanizsa), который продемонстрировал этот эффект в 1955 году. Теперь посмотрите на рис. 1.2, который создает подобную иллюзию прямоугольника.

Рис. 1.2. Пример прямоугольника Канижа


Мозг использует стереотипы

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

С помощью различных форм и цвета можно оказывать влияние на то, что люди видят (или думают, что видят). Рисунок 1.3 показывает, как цвет помогает переключать внимание с одного сообщения на другое.

Рис. 1.3. Цвет и формы могут влиять на то, что люди видят


Если вы хотите что-то разглядеть в темноте, не смотрите прямо на этот предмет

Глаз содержит 7 миллионов колбочек (клеток сетчатки глаза), обеспечивающих зрительное восприятие всей палитры цветов в дневное время, и 125 миллионов палочек (клеток сетчатки глаза), обеспечивающих сумеречное и ночное зрение. Колбочки находятся в области фовеа (центральное поле зрения), а палочки равномерно распределены на сетчатке. Так что если при слабом освещении вы хотите что-то разглядеть, не смотрите прямо на этот предмет.

Оптические иллюзии – причина ошибок

Оптические иллюзии являются примером того, как мозг интерпретирует то, что видят глаза. Например, на рис. 1.4 левая линия кажется длиннее, чем правая, хотя они на самом деле одинаковы. Этот эффект назван в честь Франца Мюллера-Лайера (Franz Muller-Lyer), который открыл его в 1889 году.

Рис. 1.4. Эти линии на самом деле одинаковой длины


Картинка, которую мы видим плоская, а не объемная

Световые лучи попадают в глаз через роговицу и хрусталик. Хрусталик (являющийся линзой) фокусирует изображение на сетчатке. На сетчатке получается всегда двумерная картинка, даже если наблюдаемый объект трехмерный. Это изображение посылается в зрительную зону коры головного мозга, где и происходит распознавание образов, например: «О, я знаю, что это такое – это дверь». Именно в коре головного мозга двумерное изображение преобразовывается в трехмерное.

Зрительная зона коры головного мозга собирает всю информацию воедино

Согласно Джону Медина (John Medina, 2009), лучи света проходят через зрачок, хрусталик и стекловидное тело, попадают точно на сетчатку и образуют на ней четкие изображения предметов. Чувствительные к свету клетки глаза преобразуют свет в электрические сигналы и в виде отдельных треков посылают эти сигналы к особо чутким нервным окончаниям. Одни треки содержат информацию о тенях, другие – информацию о движении и т. д. Двенадцать таких треков отправляются затем в зрительную зону коры головного мозга. Различные участки коры реагируют на эту информацию и обрабатывают ее. Например, одна область реагирует только на линии под углом 40°, другая – на цвет, третья – на движение, а четвертая – на границы. В конечном итоге все эти данные укладываются в два трека: один определяет движение (движется ли объект?), а другой – местоположение (как расположен объект по отношению ко мне?).

Выводы

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

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

Вы можете убедить людей видеть вещи определенным образом.

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

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

Почему мигание изображения так раздражает

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

Адам Ларсон и Лестер Лощки (Adam Larson, Lester Loschky, 2009) показывали зрителям обыкновенные картинки, например фотографии кухни или гостиной. На некоторых изображениях была вырезана внешняя часть, а на других – центральная. Картинки демонстрировались очень короткое время и через специальный серый фильтр, чтобы их трудно было разглядеть (см. рис. 2.1–2.2). Затем участникам исследования предлагалось рассказать, что же они видели.

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

На самом деле название этой книги перевели не очень удачно (или не очень точно). В оригинале книга называется «100 вещей, которые необходимо знать дизайнеру о людях», но этот небольшой косяк с названием никак не сказывается на отличном содержании данной книги.

В книге разобраны почти все аспекты человеческого восприятия: начиная от визуального, заканчивая чувствительным - что именно мотивирует человека принимать те или иные решения.

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

Но вот в инфографике фактор визуального восприятия немного изменен, потому что, если рассматривать статическую инфографику (картинку), то тут у пользователя нет никакого выбора, куда нажать или как что-то сделать. Все, что может зритель - это воспринимать подаваемую ему информацию. А если он видит что-то ему непонятное, то пояснение этого непонятного должно располагаться в непосредственной близости от комментируемого объекта. Таким образом нельзя заставлять читателя метаться по всей картинке в поисках комментария, т.к. пока он будет искать этот комментарий, он может напрочь забыть, что было непонятно…

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

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

(Пока оценок нет)

Название: 100 главных принципов дизайна. Как удержать внимание

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

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

Книга «100 главных принципов дизайна. Как удержать внимание» расскажет вам о том, как удержать внимание потребителей на вашей рекламе. Это позволит вам увеличить продажи или посещаемость сайта.

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

Кроме всего прочего, книга «100 главных принципов дизайна. Как удержать внимание» Сьюзан Уэйншенк расскажет о том, как заставить потребителей делать то, что вам необходимо, как акцентировать их взгляд на самую важную информацию, как использовать самые разные цвета, как выбрать размер и стиль шрифта, чтобы они по-настоящему работали.

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

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

Книга Сьюзан Уэйншенк «100 главных принципов дизайна. Как удержать внимание» будет полезна всем, кто связан с дизайнерскими проектами. Благодаря полезной информации, которую вы узнаете из данного издания, вы сможете создавать дизайны не только привлекательные внешне, но и более эффективные, продуманные с точки зрения психологии человека.

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

На нашем сайте о книгах сайт вы можете скачать бесплатно без регистрации или читать онлайн книгу «100 главных принципов дизайна. Как удержать внимание» Сьюзан Уэйншенк в форматах epub, fb2, txt, rtf, pdf для iPad, iPhone, Android и Kindle. Книга подарит вам массу приятных моментов и истинное удовольствие от чтения. Купить полную версию вы можете у нашего партнера. Также, у нас вы найдете последние новости из литературного мира, узнаете биографию любимых авторов. Для начинающих писателей имеется отдельный раздел с полезными советами и рекомендациями, интересными статьями, благодаря которым вы сами сможете попробовать свои силы в литературном мастерстве.

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

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

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

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

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

Используйте последовательное раскрытие. Предоставляйте нужную информацию в нужное время.
Перед вами стоит выбор: щелчок мышью или умственное усилие? Выбирайте щелчок мышью.

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

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

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

Вот что больше всего привлекает внимание:
все, что движется (например, видео или анимация);
глаза, которые смотрят прямо на нас;
изображения, на которых присутствуют еда, секс или опасность;
рассказы;
громкие звуки (которые будут рассмотрены в принципе 48).