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



Скачать 416.93 Kb.
Pdf просмотр
страница5/14
Дата11.10.2017
Размер416.93 Kb.
1   2   3   4   5   6   7   8   9   ...   14

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

7. Сигналы, говорящие о том, что делать с объектом

Вам наверняка уже попадалась дверная ручка, которая работала не так, как можно было ожидать. Казалось, что этот дизайнерский изыск надо повернуть, а на самом деле на него надо было нажать. В реальном мире объекты сообщают нам о том, как мы можем или должны взаимодействовать с ними. Например, своим размером и формой дверная ручка приглашает вас взяться за нее и повернуть. Ручка чашки говорит о том, что сквозь нее надо просунуть пальцы. Ручка портфеля предлагает обхватить ее ладонью. Если какая-то вещь подает сиг- нал, который оказывается неверным, вы чувствуете справедливое раздражение. Такие сиг- налы называются побудительными (аффорданс).
Джеймс Гибсон (James Gibson) выдвинул концепцию побудительных сигналов в 1979
году. Он описал их как побудительные причины действия в окружающем мире. В 1979 году
Дон Норман (Don Norman) в своей книге «Дизайн простых вещей» («The Design of Everyday
Things») несколько изменил концепцию побудительных сигналов. Он опирался на идею вос-
принимаемых возможностей: если вы хотите, чтобы люди как-то взаимодействовали с объ- ектом, будь то объект в реальной жизни или на компьютерном экране, следует убедиться, что не будет проблем с восприятием, описанием и интерпретацией смысла и назначения этого объекта.
При решении некой задачи, например открывая дверь или выкладывая книгу на веб- сайт, автоматически, по большей части бессознательно, человек ищет подходящие инстру- менты и объекты, которые могут в этом помочь. Если вы разрабатываете средства для реше- ния задачи, убедитесь, что вспомогательные объекты легко увидеть и найти и что они подают ясные побудительные сигналы.
Посмотрите на ручку двери на рис. 7.1. Ее форма такова, что хочется взяться за нее и потянуть вниз. Если она работает именно таким образом, можно сказать, что дверная ручка сконструирована правильно и подает ясно воспринимаемые побудительные сигналы.
Рис. 7.1. Дверная ручка приглашает взяться за нее и потянуть вниз
На рис. 7.2 показана ручка, форма которой приглашает взяться за нее и тянуть на себя,
но надпись «Толкать» показывает, что дверь этим способом открыть не удастся. Такое явле- ние известно как некорректный побудительный сигнал.


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

Побудительные сигналы на экране компьютера

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


С. Уэйншенк. «100 главных принципов дизайна. Как удержать внимание»
23
Рис. 7.3. Кнопки на физических устройствах отбрасывают тени, которые побуждают вас нажать на них
На экране также можно создать изображение таких теней. На рис. 7.4 тени различ- ных цветов, расположенные по периметру, создают иллюзию нажатой кнопки. Теперь пере- верните книгу, поменяв местами верх и низ, и посмотрите на ту же кнопку. Теперь уже не кажется, что кнопка нажата, а тени подают сигнал о необходимости нажать ее.
Рис. 7.4. Эта кнопка выглядит нажатой, но переверните книгу и посмотрите, что полу- чится
Эти визуальные сигналы – вещь тонкая, но очень важная. Многие кнопки на веб-сайтах подают такие сигналы, как, например, кнопка, показанная на рис. 7.5, но в последнее время дизайнеры веб-сайтов перестали придавать значение подобным мелочам. На рис. 7.6 кнопка представляет собой просто текст, расположенный в цветном прямоугольнике.
Рис. 7.5. Использование теней делает этот прямоугольник похожим на кнопку
Рис. 7.6. Кнопки, утратившие свои сигналы


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

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

В наше время стал уже привычным следующий побудительный сигнал: синий под- черкнутый текст означает гиперссылку, и если щелкнуть на нем, то окажешься на другой странице. Однако в последнее время гиперссылки утратили свою характерную особенность,
и единственным побудительным сигналом является подсветка, возникающая при наведении курсора. На рис. 7.7 и 7.8 представлена страница New York Times Reader до и после того,
как на нее навели курсор. Чтобы заметить этот сигнал, потребуется дополнительное вни- мание. Если вы просматриваете страничку на своем iPad, все эти сигналы останутся неза- меченными из-за использования технологии мультитач. Как только вы коснетесь пальцем экрана, вы перейдете по ссылке.
Рис. 7.7. Вначале Times Reader не подает побудительного сигнала


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

Выводы

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



Поделитесь с Вашими друзьями:
1   2   3   4   5   6   7   8   9   ...   14


База данных защищена авторским правом ©genderis.ru 2017
обратиться к администрации

    Главная страница