Menu (computing)
In user interface design, a menu is a list of options presented to the user.
Navigation
![](http://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Example_of_Picture_style_menu.jpg/220px-Example_of_Picture_style_menu.jpg)
A user chooses an option from a menu by using an input device. Some input methods require linear navigation: the user must move a cursor or otherwise pass from one menu item to another until reaching the selection. On a computer terminal, a reverse video bar may serve as the cursor.
Touch user interfaces and menus that accept codes to select menu options without navigation are two examples of non-linear interfaces.
Some of the input devices used in menu interfaces are touchscreens, keyboards, mice, remote controls, and microphones. In a voice-activated system, such as interactive voice response, a microphone sends a recording of the user's voice to a speech recognition system, which translates it to a command.
Types of menus
![](http://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Text_menu.png/351px-Text_menu.png)
![](http://upload.wikimedia.org/wikipedia/commons/thumb/6/68/Menu-cursor-anim.gif/351px-Menu-cursor-anim.gif)
A computer using a command line interface may present a list of relevant commands with assigned short-cuts (digits, numbers or characters) on the screen. Entering the appropriate short-cut selects a menu item. A more sophisticated solution offers navigation using the cursor keys or the mouse (even in two dimensions; then the menu items appear or disappear similarly to the menus common in GUIs). The current selection is highlighted and can be activated by pressing the enter key.
A computer using a graphical user interface presents menus with a combination of text and symbols to represent choices. By clicking on one of the symbols or text, the operator is selecting the instruction that the symbol represents. A context menu is a menu in which the choices presented to the operator are automatically modified according to the current context in which the operator is working.
A common use of menus is to provide convenient access to various operations such as saving or opening a file, quitting a program, or manipulating data. Most widget toolkits provide some form of pull-down or pop-up menu. Pull-down menus are the type commonly used in menu bars (usually near the top of a window or screen), which are most often used for performing actions, whereas pop-up (or "fly-out") menus are more likely to be used for setting a value, and might appear anywhere in a window.
According to traditional human interface guidelines, menu names were always supposed to be verbs, such as "file", "edit" and so on.[1] This has been largely ignored in subsequent user interface developments. A single-word verb however is sometimes unclear, and so as to allow for multiple word menu names, the idea of a vertical menu was invented, as seen in NeXTSTEP.
Menus are now also seen in consumer electronics, starting with TV sets and VCRs that gained on-screen displays in the early 1990s, and extending into computer monitors and DVD players. Menus allow the control of settings like tint, brightness, contrast, bass and treble, and other functions such as channel memory and closed captioning. Other electronics with text-only displays can also have menus, anything from business telephone systems with digital telephones, to weather radios that can be set to respond only to specific weather warnings in a specific area. Other more recent electronics in the 2000s also have menus, such as digital media players.
Submenus
Menus are sometimes hierarchically organized, allowing navigation through different levels of the menu structure. Selecting a menu entry with an arrow will expand it, showing a second menu (the submenu) with options related to the selected entry.
Usability of submenus has been criticized as difficult, because of the narrow height that must be crossed by the pointer. The steering law predicts that this movement will be slow, and any error in touching the boundaries of the parent menu entry will hide the submenu. Some techniques proposed to alleviate these errors are keeping the submenu open while moving the pointer in diagonal, and using mega menus designed to enhance scannability and categorization of its contents.[2][3] Negative user experience with submenus is referred to as "menu diving".[4]
Usage of attached ellipses
In computer menu functions or buttons, an appended ellipsis ("…") means that upon selection, another dialog will follow, where the user can or must make a choice.[5] If the ellipse is missing, the function will be executed upon selection.
- "Save": the file will be overwritten without further input.
- "Save as ...": in the following dialog, the user can, for example, select another location or file name or other file format.
Touchscreens
![](http://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Ricoh_M_C250FWB_%E2%80%94_top-down_menu_%28device%29_Mattes_2021.jpeg/220px-Ricoh_M_C250FWB_%E2%80%94_top-down_menu_%28device%29_Mattes_2021.jpeg)
Displays with touchscreen functionality, e.g. modern cameras and printers, also have menus: these are not drop-down menus but buttons.
See also
- Drop-down menu
- Federal Standard 1037C
- Hamburger button
- Pie menu
- Radio button
- WIMP (computing)
References
- ^ Apple Human Interface Guidelines – Menus
- ^ Jakob Nielsen. "Mega Drop-Down Navigation Menus Work Well".
- ^ Jakob Nielsen. "Mega-Menus Gone Wrong". Archived from the original on July 20, 2018.
- ^ Hennion, Antoine; Levaux, Christophe (May 3, 2021). Rethinking Music through Science and Technology Studies. Routledge. p. 178. ISBN 978-1-000-38195-5.
- ^ developer.apple.com: Menu and Menu Item Titles
![](http://upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/30px-Commons-logo.svg.png)
- v
- t
- e
- Checkbox
- Color picker
- Combo box
- Cycle button
- Date picker
- Grid view
- Toggle switch
- List box
- List builder
- Radio button
- Scrollbar
- Search box
- Slider
- Spinner
- Text box
- Balloon help
- Head-up display in computing
- HUD in video games
- Icon
- Infobar
- Label
- Loading screen
- Progress indicator
- Sidebar
- Status bar
- Toast
- Tooltip
- Accordion
- Tree view
- Client-side decoration
- Disclosure widget
- Frame / Fieldset
- Menu bar
- Panel
- Popover
- Ribbon
- Tab
- Toolbar
- Window
- Workspace