Frankfurt Jul 30 2013 at 00:19

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

1 min

24K

Interfaces*Usability*

Comments 15

lexfrei Jul 30 2013 at 00:51

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

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

Shultc Jul 30 2013 at 00:56

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

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

lexfrei Jul 30 2013 at 01:19

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

Frankfurt Jul 30 2013 at 01:16

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

ibnteo Jul 30 2013 at 01:31

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

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

Frankfurt Jul 30 2013 at 02:32

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

Shultc Jul 30 2013 at 02:42

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

Eefrit Jul 30 2013 at 07:39

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

UFO just landed and posted this here

marcus Jul 30 2013 at 02:16

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

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

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

Frankfurt Jul 30 2013 at 02:29

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

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

splatt Jul 30 2013 at 05:42

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

Busla Jul 30 2013 at 09:51

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

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

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

Frankfurt Jul 30 2013 at 13:05

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

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

OlegLevashov Aug 6 2015 at 19:41

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

Show the best of all time