What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 134 Stack Exchange communities.

I noticed today that the Beta SE sites have a transition on the hover style of many links (top menu, question list titles, body links).

-webkit-transition: color 0.4s ease-in;
-moz-transition: color 0.4s ease-in;
transition: color 0.4s ease-in;

It is important for link hover styles to be strongly reactive so that the user knows when they've centered on a target. In addition to the time spent to move their cursor to the link, the user now has to wait at least a half second to be sure they are over the link — and with such a subtle transition, may not notice the change at all (which adds a significant amount of cognitive friction, since they are always unsure about what is under the cursor and what is not):

enter image description here

(Top is visited, middle is hovered, bottom is unvisited)

Please remove the transition, and ideally, make a stronger hover style. The Meta question list is better:

enter image description here

share|improve this question
1  
I have noticed the ease-in is a bit too slow (and then very sudden at the end). I don't think the transition is the problem, just the long length. A .1 or .2 second transition can be very nice. –  Ben Brocka Jul 22 '12 at 17:26
    
A zillion links on the interwebs not changing color at all: why would people wait for some color? In my browsers the cursor changes to a pointer before the transition starts; it's that pointer that makes me understand I can click a link. –  Arjan Jul 23 '12 at 15:29

1 Answer 1

up vote 3 down vote accepted

I have shortened the transition timer on the links(except for top nav). the change will be in the next prod build.

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .