Friday, October 6, 2017

Order of items in a context menu


Are there any styleguides, recommendations, best practices how to order items within a context menu? They question is about classic context menus, but I'm also interested in stuff about radial or more experimental approaches.


Basically what I've found in the Windows (and apple) guidelines:


Use a separator between groups of commands in a context menu to:



  • Distinguish groups of related commands.

  • Group together sets of commands.

  • Divide a predictable set of commands, such as clipboard commands (Cut / Copy / Paste), from app-specific or view-specific commands.


Context menu of a mp3




Answer



Google's guidelines explicitly mention something about the order of the items in a menu:



Menus with static content should have the most frequently used menu items placed at the top of the menu.


Menus with dynamic content may have other behavior, such as placing previously used fonts at the top of the menu. The order can change based on user actions.



And that seems to make sense for most cases. Within a specific item group, ordering should be intuitive as well. Some items have their own logical ordering (XS - S - M - L - XL); for others you might just want to use alphabetical ordering (apple - banana - cherry).


Conventions


While the first few items usually consist of the most important ones, the last item in the list is special as well. It is very easy to find the last item in a list.


A few examples that typically go last:




  • Log out

  • Save as..

  • About / info / properties

  • Preferences

  • More...


Steps





  1. Choose what to include. Which items are really needed? Do all of your users need them? Are there alternative ways available to access the same functions?




  2. Group. Group similar items together. (You could even use card sorting here to arrive at a good structure.)




  3. Aim for efficiency. Most important / most used items at the top. Esoteric functions at the bottom (or better yet: not at all). This does not have to be the same solution for everyone - consider if it makes sense to put the most recently used commands at the top.




  4. Test and adjust. Observing real people working with the menu will give you a lot of insight on what works and what does not.





No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...