На рис. 7.2 показана кнопка на пульте дистанционного управления. Форма и тени подают сигналы, которые побуждают вас нажать на кнопку, чтобы привести в действие механизм.
Рис. 7.2. У кнопок на физических устройствах есть тень, именно поэтому вам хочется на них нажать
На экране также можно создать изображение таких теней. На рис. 7.3 тени различных цветов, расположенные по периметру, создают иллюзию нажатой кнопки. Теперь переверните книгу, поменяв местами верх и низ, и посмотрите на ту же кнопку. Теперь уже не кажется, что кнопка нажата, а тени подают сигнал о необходимости нажать ее.
Рис. 7.3. Эта кнопка выглядит нажатой, но переверните книгу и посмотрите, что получится
Эти визуальные сигналы – вещь тонкая, но очень важная. Многие кнопки подают такие сигналы, как, например, кнопка, показанная на рис. 7.4, но в последнее время дизайнеры веб-сайтов перестали придавать значение подобным мелочам. На рис. 7.5 кнопка представляет собой просто текст, расположенный в цветном прямоугольнике.
А если кто-то использует сенсорный экран или планшет вместо мыши или трекпада, то кнопка может не иметь никаких визуальных подсказок, например курсора в виде стрелки или руки с указательным пальцем.
Рис. 7.4. Использование теней делает этот прямоугольник похожим на кнопку
Рис. 7.5. Кнопки, утратившие свои сигналы
Гиперссылки утрачивают побудительные возможности
В наше время стал уже привычным следующий побудительный сигнал: синий подчеркнутый текст означает гиперссылку, и если щелкнуть на нем, то окажешься на другой странице или сайте. Однако в последнее время гиперссылки утратили свою характерную особенность, и единственным побудительным сигналом является подсветка, возникающая при наведении курсора.
На рис. 7.6 показана страница, на которой нет подсказок того, куда можно щелкнуть. (Вам нужно навести курсор, чтобы узнать, что является кликабельным.) Чтобы увидеть ссылки, вы должны перемещаться по странице с помощью курсора.
Рис. 7.6. Неизвестно, какие окна являются кликабельными
• Если вы занимаетесь веб-дизайном, думайте о побудительных сигналах. Подавая людям сигналы о том, что они могут сделать с данным объектом, вы повышаете вероятность того, что они совершат это действие.
• Используйте тени, чтобы подчеркнуть, когда объект выбран или активен.
• Избегайте некорректных побудительных сигналов.
8. Человек может не обратить внимания на изменения в его поле зрения
Как украсть внимание
Если вы еще не видели «Горилла видео», вы немедленно должны это посмотреть. Пройдите по ссылке www.blog.theteamw.com/2009/10/25/100-things-you-shouldknow-about-people-1-inattention-blindness/. Запустите тест сейчас, иначе своими рассуждениями я испорчу эффект от этого видео.
«Горилла видео» служит примером проявления так называемой слепоты невнимания или слепоты к изменениям. Идея состоит в том, что люди часто упускают из виду большие изменения, происходящие в их поле зрения. Это утверждение было доказано в ходе ряда экспериментов, хотя вариант с мячиками и гориллой наиболее известен. (Видео с некоторыми другими экспериментами можно найти в моем блоге по вышеуказанному адресу.)
В своей книге «Невидимая горилла» Кристофер Чабрис и Дэниэл Симонс (Christopher Chabris, Daniel Simons, The Invisible Gorilla, 2010) описывают дополнительные исследования, которые проводились с применением оборудования, отслеживающим направление взгляда человека. Если говорить точнее, отслеживается центральное (оно же фовеальное) зрение. Периферическое зрение не отслеживается. Слежение за взглядом осуществлялось во время просмотра видео с мячиками и гориллой и показало, что каждый, кто смотрел видео, «видел» гориллу, то есть его взгляд фиксировал наличие гориллы, но только 50 % осознавали, что они видели гориллу. Чабрис и Симонс провели множество исследований этого явления и пришли к заключению, что если ваше внимание сосредоточено на чем-то одном и вы не ожидаете каких-либо изменений, то вы легко можете не заметить их появления.