No more .on(“mouseenter”), pretty please

Konstantin Raev
2 min readDec 14, 2014

--

I just wonder who infected designers with the idea that clicking is hard? Who came up with the idea that hovering a menu or a button is an improved user experience?

http://www.eventcinemas.co.nz/movie/The-Hobbit-The-Battle-Of-The-Five-Armies — Event Cinemas site is easy to pick on, how many bad UX decisions do you see?

How far from real users should you be to design a menu popping down when user hovers a button?

Or doing a time selection widget as a horizontal scroller of buttons that can only be scrolled by hovering an arrow icon?

I guess the older you are the more you rant but I just can’t forgive such incompetent UX design.

Event Cinemas can be forgiven if they put their mobile website version for all http://m.eventcinemas.co.nz/m/Mov/Details?id=7846&cinemaId=

Look at the same web page “optimised” for mobile devices. It is not an optimisation actually, it is a different website served to users because their browser User Agent string has Apple or Android in it.

But the point is that they did the right thing here, instead of doing fancy pants scrollers they did what they should have done — a drop down for time selection. The deficiency of mobile phones (no hover events, poor specs) indirectly made the web developers do it right.

As an example of making a scroller right, see imdb.com

m.imdb.com did the scroller right

What is right about m.imdb.com web site? Their horizontal list of movies is a native scrollable element.

  • users with touch screens can scroll the content as they always do,
  • users with touch pads on notebooks can scroll it with two fingers,
  • users with mouse wheel can scroll it to, holding CTRL key
  • scrolling is optimised in HTML, it has cozy inertia effects that allow users to speed up or stop the scrolling as they desire

Of course, it is wrong to have websites starting with m.* in 2014 but let’s rant about one thing at a time.

As a follow up an article from 3 years ago, even then hovering was already not cool http://uxmovement.com/navigation/why-hover-menus-do-users-more-harm-than-good/, stop doing it.

--

--