User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

If you've ever right-clicked something in Windows (yes! you can do that!), and you're like me, you'll have noticed that sub-menus are always slightly higher and inset into the parent-menus.

Wouldn't it have been easier and cleaner looking to make it like:

enter image description here

(I'm not sure whether all Ubuntu versions/themes follow this look, though.)


migration rejected from Apr 19 '14 at 17:29

This question came from our site for computer enthusiasts and power users. Votes, comments, and answers are locked due to the question being closed here, but it may be eligible for editing and reopening on the site where it originated.

closed as primarily opinion-based by Charles Wesley, Evil Closet Monkey, Joshua Barron, JonW Apr 19 '14 at 17:29

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise.If this question can be reworded to fit the rules in the help center, please edit the question.

Is that even a sub menu? These menus look so flat... – Tom Wijsman Sep 13 '11 at 4:26
The menu items tend to stay aligned, just like in your screenshot. Tested in XP. – grawity Sep 13 '11 at 14:06
With no overlap, you can't really tell which of the two menus above is the submenu (or rather, in which order they were opened). – Oskar Duveborn Sep 15 '11 at 13:34
up vote 7 down vote accepted

The overlapping effect is just to show that the bottom menu is the parent. The perceived misalignment is caused by the padding around the text, but the red line shows that the menus are technically aligned.

enter image description here

Apple shows which menu is the parent by removing the rounding in one corner of the child menu.

The fact that one menu appears after the other, however, should be enough to make the hierarchy obvious. However, I personally think the Windows implementation is more intuitive.

enter image description here enter image description here


I imagine it's simply so that users can easily differentiate and pick out different menus. If I were to open three identically-sized submenus from the top menu option in each case, I'd end up with a large, homogeneous block of options I'd have trouble scanning.

Users don't like large groups of potential options. Unreasonably large decisions make them uncomfortable.

The answers to this questions are relevant:… – Luke Apr 18 '14 at 21:31

The content of the first sub-menu item is aligned with the menu item that it expanded from. The overall menu has extra padding that makes the popups unaligned from each other, while the menuitems inside are in fact, aligned. The sub menu is slightly inset to show that it is on top of the parent menu. This is useful in case there is not enough space to draw the sub menu to the right and has to be drawn on the left. Without this distinction, it could look very strange and the parent-child relationship could appear reversed.


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