100 главных принципов дизайна. Сьюзан Уэйншенк
Чтение книги онлайн.
Читать онлайн книгу 100 главных принципов дизайна - Сьюзан Уэйншенк страница 6
Рис. 7.1. Дверная ручка приглашает взяться за нее и потянуть вниз
Вы наверняка встречали дверную ручку, которая имеет форму, позволяющую вам взяться за нее и потянуть, но тем не менее на ней указано «НАЖМИТЕ». Когда сигнал объекта не соответствует его функции, вам приходится добавлять не всегда логичные пояснения, чтобы люди понимали, как взаимодействовать с объектом. Если объект подает сигналы, которые идут вразрез с тем, как он работает на самом деле, это называется ложным аффордансом.
Побудительные сигналы на экране компьютера
При проектировании приложения или веб-сайта подумайте о тех побудительных сигналах, которые будут посылать объекты на экране. Например, случалось ли вам задуматься над тем, что заставляет людей щелкнуть на кнопке? Тень от кнопки и является тем сигналом, который ясно говорит о том, что ее можно нажать и что нажатие и есть тот способ, который заставляет кнопку работать.
На рис. 7.2 показана кнопка на пульте дистанционного управления. Форма и тени подают сигналы, которые побуждают вас нажать на кнопку, чтобы привести в действие механизм.
Рис. 7.2. У кнопок на физических устройствах есть тень, именно поэтому вам хочется на них нажать
На экране также можно создать изображение таких теней. На рис. 7.3 тени различных цветов, расположенные по периметру, создают иллюзию нажатой кнопки. Теперь переверните книгу, поменяв местами верх и низ, и посмотрите на ту же кнопку. Теперь уже не кажется, что кнопка нажата, а тени подают сигнал о необходимости нажать ее.
Рис. 7.3. Эта кнопка выглядит нажатой, но переверните книгу и посмотрите, что получится
Эти визуальные сигналы – вещь тонкая, но очень важная. Многие кнопки подают такие сигналы, как, например, кнопка, показанная на рис. 7.4, но в последнее время дизайнеры веб-сайтов перестали придавать значение подобным мелочам. На рис. 7.5 кнопка представляет собой просто текст, расположенный в цветном прямоугольнике.
А если кто-то использует сенсорный экран или планшет вместо мыши или трекпада, то кнопка может не иметь никаких визуальных подсказок, например курсора в виде стрелки или руки с указательным пальцем.
Рис. 7.4. Использование теней делает этот прямоугольник похожим на кнопку
Рис. 7.5. Кнопки, утратившие свои сигналы
Гиперссылки утрачивают побудительные возможности
В наше время стал уже привычным следующий побудительный сигнал: синий подчеркнутый текст означает гиперссылку, и если щелкнуть на нем, то окажешься на другой странице или сайте. Однако в последнее время гиперссылки утратили свою характерную особенность, и единственным побудительным сигналом является подсветка, возникающая при наведении курсора.
На рис. 7.6 показана страница, на которой