Сьюзан Уэйншенк "100 главных принципов дизайна"

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

Современный дизайн
Цель любого дизайна – получение отклика. Мы хотим, чтобы человек что-то купил, прочитал или сделал. Разработка дизайна без понимания причин того или иного поведения людей похоже на блуждание по незнакомому городу без карты: движение будет хаотично, запутанно и неэффективно. Эта книга является симбиозом науки и практики, который необходим каждому дизайнеру.

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

Призовите на помощь психологию и науку о поведении:

• Как захватить и удержать внимание?

• Какое зрение важнее – центральное или периферическое?

• Какова оптимальная длина текста?

• Чем одни шрифты лучше других?

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

В формате PDF A4 сохранен издательский макет.

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

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

Authorized translation from the English language edition, entitled 100 THINGS EVERY DESIGNER NEEDS TO KNOW ABOUT PEOPLE, 2nd Edition by SUSAN WEINSCHENK, published by Pearson Education, Inc, publishing as New Riders.

© 2020 Pearson Education, Inc.

© 2020 by Susan Weinschenk

© Перевод на русский язык ООО Издательство «Питер», 2021

© Издание на русском языке, оформление ООО Издательство «Питер», 2021

© Серия «Современный дизайн», 2021

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

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

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

    Сьюзан Уэйншенк, доктор философии,
    Эдгар, штат Висконсин,
    июнь 2020

От издательства

Ваши замечания, предложения, вопросы отправляйте по адресу comp@piter.com (издательство «Питер», компьютерная редакция).

Мы будем рады узнать ваше мнение!

На веб-сайте издательства www.piter.com вы найдете подробную информацию о наших книгах.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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