Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

This particular product has a couple of buttons. When you rollover them they pop up megamenus from which you can make selections of objects to insert into a form.

Part of the team thinks that with jquery interfaces this is now acceptable practice and that it aids discoverability.

I have a problem with it as I feel that users have to see stuff they didn't ask for. I guess I feel it is not a "polite" interface in Alan Coopers sense of the word. I think it would be better to require an initial mousedown event to bring up each menu.

Anyone have any examples of this behaviour in real products? Or can think of other justifications why not to do it.

share|improve this question
    
Could you provide a screenshot or at least a wireframe? It's not very clear how a button can pop up a megamenu.... –  Vitaly Mijiritsky Jun 8 '12 at 8:55
2  
Depending on any edits to this question it seems like it's a duplicate of: ux.stackexchange.com/questions/10368/… –  JonW Jun 8 '12 at 9:35
    
No this is a button not a menu item. It is whether it is acceptable to make a button feel like a menu that I am interested in. Although some of the points in that post are very useful - thanks. –  Lisa Tweedie Jun 8 '12 at 9:37
    
Hover over one of the tags on your question and see what happens. Then click it and see what happens. I think it is ok to have a hover on a button like element if the area popping out is not too big. –  Michael Jun 8 '12 at 10:40
    
Good example Micahel - thanks –  Lisa Tweedie Jun 8 '12 at 11:02
add comment

1 Answer 1

up vote 4 down vote accepted

You're right, you can't have this happen on rollover on a button. The reason is actually quite simple: you don't wan't the menu to pop each time a user accidentally rolls over the button on her way to a different control. It would be extremely distracting and uncomfortable. So what you do is display the menu after a small delay. But that's the standard behavior of a tooltip, so users who hover over the button for a second or so expect a tooltip to appear. So having it display the menu means that you won't be able to use tooltips to explain the function of the button. It also means that other controls in the UI, those who do have a tooltip, now behave in an inconsistent way with these menu buttons.

If this were a different type of control, not as heavily associated with tooltips, then such a menu (with a small delay) could be considered. For example, the username link in the header of StackExchange sites.

Another reason is that a button is meant to be pressed. That's what the users know and expect. If a click doesn't open the menu, what does it do? The placement of objects in the form is done by clicking on the menu item, not the button itself, so the click must open the menu.

The MS Office ribbon is full of buttons displaying large menus - that's a good reference to best practices in this regard.

enter image description here

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.