Page MenuHomePhabricator

Header notification icons joyfully jump upwards on hover
Closed, WontfixPublic

Description

After recent changes to header (I guess margin was added around logo) the notification icons started to jump when I mouse over them: http://screencast.com/t/l1J7Z0Grybb

Event Timeline

aik099 raised the priority of this task from to Needs Triage.
aik099 updated the task description. (Show Details)
aik099 added a project: Design.
aik099 added a subscriber: aik099.

The transition is intentional.

Ah, then ok. Thought this was a mistake, because nothing else jumps on hover.

The design is a little experimental, so we'll monitor feedback for a while and see if changes need to be made.

I am (so far) not a fan of it, on the otherhand, if they had faces on the icons and those changed when you moused over then... that would be epic :D

Maybe the hover effect should be changed to zoom while keeping icon position centred.

I'm all for @aik099 suggestion - zoom while centered instead of jump.

I think 2-3 concentric circles of eldritch runes should appear and rotate in alternating directions. As they gain speed, the browser should emit a bass hum and begin to shake. This will help users understand the interaction better.

@lpriestley hit this and also wasn't sure if the animation was intentional or not.

Maybe I'll mock up the eldritch runes.

chad renamed this task from Header notification icons jump on hover to Header notification icons joyfully jump upwards on hover.Mar 2 2015, 5:15 PM

There is a small issue with the linking of the jumping icons where the click mask doesn't really work:

http://screencast.com/t/UlcjyWQVK