Difference between revisions of "Projects/Usability/HIG/Menu Bar"

< Projects‎ | Usability‎ | HIG
Jump to: navigation, search
(Example: Standard Menu Bar)
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
The menubar appears at the top of a main window and provides access to all commands and most of the settings available in an application. It contains menu titles which describe the content of each menu. Each menu title is accessible by accelerator keys, which must be set by the developer.
+
__NOTOC__
  
=== Guidelines ===
+
== Purpose ==
 +
A ''menu bar'' appears at the top of the main window and provides access to all commands and most of the settings available in an application. It contains of a list of functions or options (respectively menu items), submenus or cascading menus that is a secondary menu displayed on demand from within a menu, and separators to organize the content for easy recognition.
  
* Group menus in consistency with the KDE standard menu bar.
+
Users refer frequently to the menu bar, especially when they are seeking a function for which they know of no other interface. Ensuring that menus are well organized, are worded clearly, and behave correctly is crucial to the user’s ability to explore and access the functionality of the application.
* Provide a menubar in every application main window
+
* Menu item titles should be listed in a standard order
+
* Menu titles on a menubar appear as a single word with the first letter capitalized
+
* Provide accelerator keys for every menu title in the menubar
+
* Turning "on" an item in the menu should always enable the option.  Negative options create a double negative which can be confusing. For example, use "Show hidden files" instead of "Hide hidden files".
+
* '''Don't''' display menubars in secondary or internal windows
+
* '''Don't''' disable menu titles even if no items under that menu are available
+
* '''Don't''' use compound words (e.g. ToolOptions), and hyphens (e.g. Tool-Options) in label names; they make words harder to read and recognize
+
* '''Don't''' make the menubar 'hideable', users may not easily be able to make the menubar viewable again
+
  
====Example: Standard Menu Bar====
+
== Examples ==
 +
[[File:Menu_bar.png]]
  
This is the order of menu items in a standard menu bar. If an application does not have options under one of the standard menu items, do not include it in the menu.  At the minimum, all windows should have a File (or File equivalent, such as in the case if Konqueror and Amarok) and Help menu.
+
== Guidelines ==
 +
=== Is this the right control ===
 +
* Provide a menu bar in the main window of every standard application.
 +
* Do not display a menu bar in secondary or internal windows.
  
| File | Edit | View | Insert | Format | ''Application Specific Menus'' | Go | Bookmarks | Tools | Settings | Window | Help |
+
===  Behavior ===
 +
* Do not have more than nine menu categories within a menu bar. Too many categories are overwhelming and make the menu bar difficult to use.
 +
* Do not put more than 12 items within a single level of a menu. Add separators between logical groups within a menu. Organize the menu items into groups of seven or fewer strongly related items.
 +
* Use these standard menu categories if they apply to your application: File, Edit, View, Insert, Format, Tools, Settings, Window, Help.
 +
* If an application does not have options under one of the standard menu items, do not include it in the menu.  At the minimum, all windows should have a File (or File equivalent, such as in the case if Konqueror and Amarok) and Help menu.
 +
* Do not hide the menu bar by default. If configurable, users should easily be able to make the menu bar viewable again.
 +
* Do not change labels of menu item dynamically.
  
 +
===  Appearance ===
 +
* Choose single word names for menu categories. Using multiple words makes the separation between categories confusing.
 +
* Disable menu items that don't apply to the current context, instead of removing them.
 +
* Assign [[Projects/Usability/HIG/Keyboard_Shortcuts|shortcut keys]] to the most frequently used menu items (Ctrl+<Key>). For well-known shortcut keys, use standard assignments. Use function keys for commands that have a small-scale effect (F2 = Rename) and ctrl key for large-scale effect (Ctrl+S = Save).
 +
* Indicate a function that needs additional information (including a confirmation) by adding an ellipsis at the end of the label (e.g. Save as…).
 +
* Provide menu item icons for the most commonly used menu items.
 +
* Turning on an item in the menu should always enable the option. Negative options create a double negative which can be confusing. For example, use 'Show hidden files' instead of 'Hide hidden files'.
 +
* Do not use compound words (e.g. ToolOptions), and hyphens (e.g. Tool-Options) in label names; they make words harder to read and recognize.
  
[[File:Menu_bar.png]]
+
==  Implementation ==
 +
* [http://api.kde.org/4.10-api/kdelibs-apidocs/kdeui/html/classKMenuBar.html KMenuBar], but in most case you should instead define the content of the menu bar using [http://api.kde.org/4.10-api/kdelibs-apidocs/kdeui/html/classKXmlGuiWindow.html KXmlGuiWindow.html]
 +
 
 +
[[Category:Usability]][[Category:Behavior]][[Category:Viewing_and_Navigation]][[Category:Access_functions]]

Latest revision as of 09:07, 24 September 2013


[edit] Purpose

A menu bar appears at the top of the main window and provides access to all commands and most of the settings available in an application. It contains of a list of functions or options (respectively menu items), submenus or cascading menus that is a secondary menu displayed on demand from within a menu, and separators to organize the content for easy recognition.

Users refer frequently to the menu bar, especially when they are seeking a function for which they know of no other interface. Ensuring that menus are well organized, are worded clearly, and behave correctly is crucial to the user’s ability to explore and access the functionality of the application.

[edit] Examples

Menu bar.png

[edit] Guidelines

[edit] Is this the right control

  • Provide a menu bar in the main window of every standard application.
  • Do not display a menu bar in secondary or internal windows.

[edit] Behavior

  • Do not have more than nine menu categories within a menu bar. Too many categories are overwhelming and make the menu bar difficult to use.
  • Do not put more than 12 items within a single level of a menu. Add separators between logical groups within a menu. Organize the menu items into groups of seven or fewer strongly related items.
  • Use these standard menu categories if they apply to your application: File, Edit, View, Insert, Format, Tools, Settings, Window, Help.
  • If an application does not have options under one of the standard menu items, do not include it in the menu. At the minimum, all windows should have a File (or File equivalent, such as in the case if Konqueror and Amarok) and Help menu.
  • Do not hide the menu bar by default. If configurable, users should easily be able to make the menu bar viewable again.
  • Do not change labels of menu item dynamically.

[edit] Appearance

  • Choose single word names for menu categories. Using multiple words makes the separation between categories confusing.
  • Disable menu items that don't apply to the current context, instead of removing them.
  • Assign shortcut keys to the most frequently used menu items (Ctrl+<Key>). For well-known shortcut keys, use standard assignments. Use function keys for commands that have a small-scale effect (F2 = Rename) and ctrl key for large-scale effect (Ctrl+S = Save).
  • Indicate a function that needs additional information (including a confirmation) by adding an ellipsis at the end of the label (e.g. Save as…).
  • Provide menu item icons for the most commonly used menu items.
  • Turning on an item in the menu should always enable the option. Negative options create a double negative which can be confusing. For example, use 'Show hidden files' instead of 'Hide hidden files'.
  • Do not use compound words (e.g. ToolOptions), and hyphens (e.g. Tool-Options) in label names; they make words harder to read and recognize.

[edit] Implementation


This page was last modified on 24 September 2013, at 09:07. This page has been accessed 6,065 times. Content is available under Creative Commons License SA 3.0 as well as the GNU Free Documentation License 1.2.
KDE® and the K Desktop Environment® logo are registered trademarks of KDE e.V.Legal