Я читаю книгу Джеффа Раскина «Интерфейс» и хочу обсудить идеи, которые приходят ко мне во время чтения.
Первая идея об анимации на сайтах.
Анимация нужна для всех элементов, которые что-то делают. Ссылка меняет цвет при наведении, а фотография, которую можно увеличить по клику, дает о себе знать иконкой, фоном или текстом, в общем, анимацией.
Анимированный логотип Dropbox Обратная связь
Анимация помогает понять, на что можно кликать, а на что нельзя.
Логотип сайта всегда ведет на главную страницу — это все поняли, но кто делает анимацию для этого жеста? Но он один из самых важных.
Пользователи постоянно кликают на логотип.
С научной точки зрения: когда пользователь перемещает курсор на логотип, его внимание уделяется логотипу, а не курсору.
Как пользователь понимает: нажмите и идите домой? Курсор меняет форму со стрелки на руку.
То есть, только изменив локус, мы можем понять, что что-то изменилось.
Люди не хотят менять локус, и в любом случае это стоит энергии, которую человеческий организм старается расходовать экономно.
При интенсивном сосредоточении все события за пределами локуса могут игнорироваться или просто оставаться незамеченными.Анимация должна быть направлена на логотип.
Позвольте ему немного подвигаться, немного измениться и дать понять пользователю: «Нажмите, я могу что-то сделать!» Полезные ссылки: Что такое локус внимания? Рекомендации по проектированию пользовательских интерфейсов (на основе книги Раскина «Интерфейс»).
Часть 1 Теги: #CSS #интерфейсы #Юзабилити #анимация #логотип #Раскин #сделать удобно #локус
-
Мензель, Дональд Говард
19 Oct, 24 -
Яндекс.города Учитывают Активность Блогеров
19 Oct, 24 -
Реализованная Идея Сетей Directconnect
19 Oct, 24 -
Хабраман, Из Всех Искусств Тебе Ближе Всего:
19 Oct, 24 -
Факторный Анализ Для Чайников
19 Oct, 24 -
Legalcamp: Видео И Как Это Было
19 Oct, 24
