Анимация логотипа сайта

[@lexfrei]

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

Всегда думал, что анимация – движущиеся картинки.

[@Shultc]

Ну, какой-то смысл в этом есть: наведя на картинку, вы видите следующий кадр, из двух-кадровой анимации. А может быть и больше кадров в данной анимации, тут уж как сделают…

Но статья, в общем-то, ни о чём.

[@lexfrei]

Это понятно, но тогда надо говорить «анимация при наведении», а не так, как сказано. Я сразу представляю фотографию с лупой с плюсом внутри в нижем левом углу, которое является статической превьюшкой.

[@Frankfurt]

Я об эффетке, как на сайте www.theverge.com при наведении на блоки. Картинкам необязательно двигаться, главное показать, какой из блоков активен.

[@ibnteo]

Ну и показательно то, что сам логотип не изменяется при наведении на него курсора мыши.

Совсем недавно почему-то подумал о том же, и сделал логотип на сайте, который сейчас делаю, изменяющимся:
.logo a:hover {opacity:0.5;}

[@Frankfurt]

А как пользователи реагируют на полупрозрачный логотип?

[@Shultc]

Они думают, что это призрак логотипа! А когда вы видите призрака, who you gonna call? GhostBusters!
Думаю, так пользователи и реагируют… А как им ещё реагировать-то?

[@Eefrit]

Вы заставили меня отправиться на Яндекс.Музыку.

[@marcus]

В тот момент, когда курсор сменился со стрелочки на руку, он находится непосредственно над логотипом, фактически являясь его частью, поэтому локус охватывает и логотип, и курсор.

В качестве альтернативы анимации можно подчеркивать текстовый логотип аналогично подчеркиванию ссылок.

Статья, увы, ни о чем. Мысль не развита.

[@Frankfurt]

Вы её и развиваете :-) и другие коментирующие тоже.

Над логотипом курсор может быть невидим. Ведь думаю я в это время о логотипе, а не о курсоре. Про подчёркивание текста в логотипе — правильная идея.

[@splatt]

Главное не забывать об огромном количестве пользователей с планшетами/смартфонами, которые просто физически не могут навести мышкой на элемент.
Сделать так, что бы все пользователи сайта (в том числе те, что без мыши) могли сходу определить, можно ли нажать на элемент и если да, то что в этом случае произойдет — одна из основных задач web-дизайнера.

[@Busla]

> Пусть логотип немного пошевелится, немного изменит себя и даст понять пользователю: «Кликай, я что-то могу!»

Нахрена?!
У страниц сайта обычно несколько иная цель, нежели отправлять клиентов обратно на главную.

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

[@Frankfurt]

Соглашаюсь с тем, что не нужно всё объяснять.
Думаю, что большинство пользователей даже не увидят анимацию, как так кликать по логотипу вошло в привычку и сам клик выполняется неосознанно.

Формирование привычки — один из главных принципов при разработке интерфейса. Джеф Раскин пишет об этом в своей книге.

[@OlegLevashov]

Думаю, что «анимация» сама по себе лишь один из методов расстановки акцентов и привлечения внимания. Применять её или нет, зависит от контекста. Часто анимация создаёт только излишний шум и вместо помощи — отвлекает