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

Используйте специальные веб-сайты, чтобы проверить, как будут выглядеть изображения с вашего веб-сайта для дальтоников

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

– www.vischeck.com

– colorfilter.wickline.org

Зачастую дальтоники лучше видят камуфляжную маскировку

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

• Проверьте ваши картинки и веб-странички с помощью сайтов www.vischeck.com или colorfilter.wickline.org.

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

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

12. Значение цвета зависит от культуры и истории

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

Наконец кто-то, обладающий особо зычным голосом, спросил: «Что, черт возьми, происходит на западе?»

«Что вы имеете в виду? – не понял вице-президент. – Ничего не происходит. У них прекрасные квартальные показатели».

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

Цветам присуще ассоциативное восприятие и определенная информационная нагрузка: например, красный означает «влезть в долги» или впутаться в финансовые неприятности или же он может означать сигнал опасности или знак «стоп». Зеленый означает прибыль или «проходите». Не следует забывать об информации, которую могут нести цвета. Для различных групп людей цвета могут имеет различные значения.

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

Сверьтесь с цветовым колесом Дэвида Маккендлесса

Дэвид Маккендлесс (David McCandless) разместил на InformationIsBeautiful.net цветовое колесо, которое показывает, как различные цвета воспринимаются в различных культурах: http://www.informationisbeautiful.net/visualizations/colours-in-cultures/.

Цвета и настроение

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

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

• Выберите несколько главных культур или стран, для которых будет предназначаться ваш дизайн, и проверьте корректность использования цветов по цветовой карте культур на InformationIsBeautiful.net.

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

В настоящее время, когда более 80 % взрослого населения во всем мире умеют читать, чтение является основным способом получения информации для большинства людей. Но как мы читаем? И что дизайнеры знают о чтении?

13. Миф о том, что прописные буквы трудно читать

Вы, возможно, слышали о том, что слова, состоящие из одних прописных букв, читать труднее, чем слова со смешанным составом букв (прописные и строчные) или слова, состоящие только из строчных букв. Кроме того, вы, возможно, даже слышали о неких исследованиях британских ученых, показавших, что «разница в трудности их восприятия составляет от 14 до 20 %». Это объяснялось тем, что при чтении мы узнаем формы слов и групп слов. Слова со смешанным составом или слова, состоящие только из строчных букв, имеют однозначно идентифицируемую форму. А все слова, состоящие только из заглавных букв, имеют одинаковую форму – прямоугольник определенного размера – поэтому, теоретически, их труднее различать (рис. 13.1).

Рис. 13.1. Теория формы слова

Это объяснение звучит вполне правдоподобно, но на самом деле это не так. Исследования, убедительно доказывающие, что форма помогает идентифицировать слова точнее или быстрее, никогда не проводились. Американский психолог Джеймс Кеттелл (James Cattell) впервые выдвинул это предположение в 1886 году. В то время существовали некоторые данные, говорящие в пользу этой идеи, но в более поздних работах Кеннет Паап (Kenneth Paap, 1984) и Кейт Райнер (Keith Rayner, 1998) показали, что на самом деле во время чтения происходит распознавание букв. И только потом, на основе букв, мы распознаем слово. Давайте рассмотрим подробнее, как мы читаем.

При чтении кажется, что наш взгляд непрерывно перемещается по строчкам на странице, но на самом деле наши глаза движутся быстрыми скачками с короткими паузами между ними. Скачки называют саккадами (за один прыжок считывается от 7 до 9 букв), а паузы между ними называются фиксациями (продолжительность их около 250 миллисекунд). Во время саккады мы ничего не видим, то есть фактически слепы, но саккада происходит настолько быстро, что мы не успеваем это осознать. Большую часть времени взгляд не меняет направление, но на краткий промежуток времени (10–15 %) взгляд возвращается назад, чтобы перечитать буквы или слова.

На рис. 13.2 показан пример саккады и фиксации. Черные точки изображают фиксации, а кривые линии между ними – саккады.

Рис. 13.2. Примеры саккады и фиксации

Во время чтения работает периферическое зрение

Саккада охватывает от 7 до 9 букв, но наше восприятие в действительности распространяется на вдвое большее число букв. В 1996 году Кеннет Гудман (Kenneth Goodman) обнаружил, что при чтении мы используем периферическое зрение, чтобы «увидеть» следующий кусок текста. Мы заглядываем вперед приблизительно на 15 букв, просматривая символы слева направо (если мы читаем слева направо), но каждый раз происходит отскок назад, и мы перечитываем группы букв. Несмотря на наше «упреждающее» чтение следующих 15 букв, точное значение мы получаем только для части символов этого диапазона. Мы улавливаем семантическое значение букв с первой по седьмую, а с восьмой по пятнадцатую только распознаем.

Чтение музыкальных партитур подобно чтению текста

Чтение партитур ничем не отличается от чтения текста: те же саккады, фиксации и «упреждающее» чтение следующих 15 символов.

Мы действительно читаем прописные буквы медленнее, но только лишь потому, что они встречаются реже. Большинство текстов содержат как прописные, так и строчные буквы, и мы привыкли к этому. Если вы будете практиковаться в чтении текста, состоящего только из заглавных букв, то в конце концов будете читать его так же быстро, как и смешанный текст. Это не означает, что вы немедленно должны начать использовать заглавные буквы для всех своих текстов. Поскольку люди не привыкли к чтению таких текстов, это замедлит скорость чтения. Кроме того, в наше время текст, состоящий только из прописных букв, воспринимается как «кричащий» или требующий дополнительного внимания (рис. 13.3).

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