Editing Pie menu

{{Short description|Software menu where elements are arranged in a circle}}
[[Image:EasyGestures PieMenu.png|frame|right|A pie menu]]
In [[user interface design]], a '''pie menu''' or '''radial menu''' is a [[circle|circular]] [[context menu]] where selection depends on direction. It is a [[graphical control element]]. A pie menu is made of several "pie slices" around an inactive center and works best with [[Stylus (computing)|stylus]] input, and well with a [[mouse (computing)|mouse]]. Pie slices are drawn with a hole in the middle for an easy way to exit the menu.

Pie menus work well with keyboard acceleration, particularly four and eight item menus, on the cursor keys and the [[number pad]]. A goal of pie menus is to provide a smooth, reliable gestural style of interaction for novices and experts.<ref name=node98/> A slice can lead to another pie menu; selecting this may center the [[pointer (graphical user interfaces)|pointer]] in the new menu.

A '''marking menu'''<ref>{{cite web|title=User Learning and Performance with Marking Menus|author=Gordon Kurtenbach1 and William Buxton|url=http://www.billbuxton.com/MMUserLearn.html}}</ref> is a variant of this technique that makes the menu less sensitive to variance in gesture size.<ref name="efficient marking menus"/>

As a kind of context menu, pie menus are often [[context sensitive user interface|context-sensitive]],<ref>{{cite web|title=Dynamic Pie Menus|url=http://www.donhopkins.com/drupal/node/68|author=Don Hopkins|access-date=2009-12-29|archive-url=https://web.archive.org/web/20091120102819/http://www.donhopkins.com/drupal/node/68|archive-date=2009-11-20|url-status=dead}}</ref> showing different options depending on what the pointer was pointing at when the menu was requested.

==History==

The first documented radial menu is attributed to a system called PIXIE in 1969. Some universities explored alternative visual layouts.<ref>{{cite web|url=https://www.autodeskresearch.com/publications/menuhistory |title=Notes on the History of Radial menus, Pie menus and Marking menus|author=Gord Kurtenbach|date=April 2004 }}{{cbignore|bot=medic}}</ref>

In 1986, Mike Gallaher and [[Don Hopkins]] together independently arrived at the concept of a context menu based on the angle to the origin where the exact angle and radius could be passed as parameters to a command, and a mouse click could be used to trigger an item or submenu.<ref>{{cite web|title=Theta Menus Proposal and Pie Menu Designs - May 1986|url=http://www.donhopkins.com/drupal/node/82|author=Don Hopkins|access-date=2010-04-07|archive-url=https://web.archive.org/web/20110611185226/http://www.donhopkins.com/drupal/node/82|archive-date=2011-06-11|url-status=dead}}</ref>

The first performance comparison to linear menus was performed in 1988, and showed an increase in performance of 15% less time and a reduction of selection errors.<ref>Callahan, Jack; Hopkins, Don; Weiser, Mark; Shneiderman, Ben (1988). "An empirical comparison of pie vs. linear menus". Proceedings of ACM CHI Conference on Human Factors in Computing Systems. pp. 95–100. http://doi.acm.org/10.1145/57167.57182.</ref>

The role-playing video game ''[[Secret of Mana]]'' featured an innovative icon-based radial menu system in 1993.<ref>{{cite book|title=Dungeons and Desktops: The History of Computer Role-Playing Games|date=2008|publisher=[[CRC Press]]|isbn=9781439865248|page=220|url=https://books.google.com/books?id=qPPRBQAAQBAJ&pg=PA220|language=en}}</ref> Its ring menu system was adopted by later video games.<ref name="EDGEretro">{{cite magazine |title=Retrospective: Secret Of Mana |magazine=[[Edge (magazine)|Edge]] |publisher=[[Future plc]] |date=2014-06-01 |url=http://www.edge-online.com/features/retrospective-secret-of-mana/ |access-date=2014-08-20| archive-url=https://web.archive.org/web/20140715210921/http://www.edge-online.com/features/retrospective-secret-of-mana/ |archive-date=2014-07-15 |url-status=live}}</ref>

==Usage==
{{more citations needed section|date=March 2015}}
Pie menus are a self-revealing [[mouse gesture|gestural interface]]: they display multiple options to a user and direct them to select one. 

Users operate the menu by observing the labels or icons present as options, moving the pointer in the desired direction, then clicking to make a selection. This action is called a  "mark ahead" ("mouse ahead" in the case of a [[mouse (computing)|mouse]], "wave ahead" in the case of a [[wired glove|dataglove]]).{{Citation needed|date=March 2023}}

Repetition of actions and memorization of the interface further simplify the user experience. Pie menus take advantage of the body's ability to [[muscle memory|remember muscle motion and direction]], even when the mind has forgotten the corresponding symbolic labels.<ref name="node98" />

==Comparison with other interaction techniques==
Pie menus are faster and more reliable to select from than linear menus, because selection depends on direction instead of distance. The circular menu slices are large in size and near the pointer for fast interaction (see [[Fitts's law]]). Experienced users use [[muscle memory]] without looking at the menu while selecting from it.<ref name=node98>{{Cite journal |url=http://www.donhopkins.com/drupal/node/98 |title=The Design and Implementation of Pie Menus |first=Don |last=Hopkins |author-link=Don Hopkins |journal=[[Dr. Dobb's Journal]] |date=December 1991 |access-date=December 15, 2009 |archive-url=https://web.archive.org/web/20091225004939/http://www.donhopkins.com/drupal/node/98 |archive-date=2009-12-25 |url-status=dead }}</ref><ref>{{Cite web |url=http://www.donhopkins.com/drupal/node/102 |title=Designing to Facilitate Browsing: A Look Back at the Hyperties Workstation Browser |first1=Ben |last1=Shneiderman |author-link1=Ben Shneiderman |first2=Catherine |last2=Plaisant |first3=Rodrigo |last3=Botafogo |first4=Don |last4=Hopkins |author-link4=Don Hopkins |first5=William |last5=Weiland |publisher=Human-Computer Interaction Laboratory |place=[[University of Maryland, College Park|University of Maryland]] |access-date=December 15, 2009 |archive-url=https://web.archive.org/web/20091225004931/http://www.donhopkins.com/drupal/node/102 |archive-date=2009-12-25 |url-status=dead }}</ref> Nested pie menus can efficiently offer many options, and some pie menus can pop up linear menus, and combine linear and radial items in the same menu.<ref>{{cite web |url=http://www.donhopkins.com/drupal/node/128 |title=Pie Menus on Python/GTK/Cairo for OLPC Sugar |first=Don |last=Hopkins |author-link=Don Hopkins |access-date=December 15, 2009 |archive-url=https://web.archive.org/web/20070427222309/http://www.donhopkins.com/drupal/node/128 |archive-date=2007-04-27 |url-status=dead }}</ref> Pie menus, just like any [[popup menu]], are shown only when requested, resulting in less visual distraction and cognitive load than toolbars and menu bars that are always shown.

Pie menus show available options, in contrast to invisible [[mouse gestures]]. Pie menus, which delay appearance until the pointer is not moving, reduce intrusiveness to the same level as mouse gestures for experienced users. Pie menus take up more screen space than linear menus, and the number of slices in an individual menu must be kept low for effectiveness by using submenus. When using pie menus, submenus may overlap with the parent menu, but the parent menu may become translucent or hidden.

Pie menus are most suited for actions that have been laid out by humans, and have logical grouping choices. Linear menus are most suited for dynamic, large menus that have many possible options, without any logical grouping,<ref name=node98 /> since pie menus can only show a limited number of menu items. Around 3-12 items can be reasonably accommodated in a radial layout, but additional items past that tend to counteract the benefits of using pie menus in the first place. This can be overcome with related techniques that allow chaining commands in one single gesture through submenus.<ref name="efficient marking menus">{{Cite web|url=http://www.betriebsraum.de/blog/2009/12/11/extremely-efficient-menu-selection-marking-menus-for-the-flash-platform/|title=Extremely Efficient Menu Selection: Marking Menus for the Flash Platform » b-log – betriebsraum weblog}}</ref><ref>{{Cite web |url=http://www.markingmenus.org/ |title=www.markingmenus.org |access-date=2010-04-07 |archive-url=https://web.archive.org/web/20100328113318/http://www.markingmenus.org/ |archive-date=2010-03-28 |url-status=dead }}</ref>

However, using [[interaction techniques]] that are not [[pointer (graphical user interfaces)|pointer]]-based have proven problematic with both pie and linear menus for cluttered digital tabletop, where physical objects might occlude menu items.<ref>{{cite conference |title=Improving Menu Interaction for Cluttered Tabletop Setups with User-Drawn Path Menus |last1=Leithinger |first1=D |last2=Haller |first2=M |book-title=Horizontal Interactive Human-Computer Systems, 2007. TABLETOP '07. Second Annual IEEE International Workshop on |date=October 10–12, 2007 |pages=121–128 |location =Newport, RI |isbn=978-0-7695-2013-1 |doi=10.1109/TABLETOP.2007.24 }}</ref>

Pie menus are unavailable as standard [[Graphical control element (software)|graphical control element]] in common commercial [[widget toolkit|toolkit]]s. Video games often require custom widget development, so pie menu cost is lower in that particular scenario.

== Notable implementations ==
{{Importance section|date=March 2011}}
===Software===
[[File:XO laptop running GUI "Sugar" in "home view".png|thumb|A pie menu in the Sugar desktop environment]]
<!-- Note to editors: you should add here applications that -at least in part- are notable for having pie menus, not that are notable AND happen to have pie menus. Please provide references to their pie menu being covered in relevant sources. -->
*[https://www.pie-menu.com Pie Menu] for [[MacOS|Mac OS]] can trigger a Pie Menu for every active app
*[https://apps.apple.com/app/id6739781207 Pieoneer] for macOS lets users switch between running apps and launch favorites ones
*[[Android Browser]] in [[Android (operating system)|Android]]
*[[Autodesk Maya]], a commercial 3D modelling program<ref>[https://books.google.com/books?id=z-IJWp3u-j4C&dq=maya+%22radial+menu%22&pg=PA143 Understanding 3-D animation using Maya] by John Edgar Park</ref>
*[[Blender (software)|Blender]], an open source 3D modelling program, which currently has pie menus as an optional feature
*[[BumpTop]], a computer desktop created to mimic paper files on a real world desk that uses pie menus as many of its control menus
*[[PowerAnimator]], a commercial 3D modelling program that used marking menus<ref>{{cite web| url = https://books.google.com/books?id=7wEAAAAAMBAJ&dq=PowerAnimator+marking+menu+maya&pg=PT89| title = Maximum PC Oct 1998| date = October 1998}}</ref>
*[[Mozilla Application Suite|Mozilla]] and [[Mozilla Firefox]] extensions RadialContext<ref>{{cite web|url=http://newtechpost.com/2007/09/18/a-tale-of-two-atoms-atompub-and-atom-interface|title=A Tale Of Two Atoms: AtomPub And Atom Interface|author=John Breslin|publisher=newtechpost.com|author-link=John Breslin}}{{dead link|date=March 2018 |bot=InternetArchiveBot |fix-attempted=yes }}</ref><ref>{{cite web| url = https://books.google.com/books?id=C55YaWmDBiAC&dq=radialcontext&pg=PA26| title = AUUGN Mar 2003| date = March 2003}}</ref> and easyGestures<ref>[https://books.google.com/books?id=3WdQ3CZSw7UC&dq=easygestures&pg=PA155 Mozilla Firefox 4] (in German)</ref>
*[[Metisse]] and [[UDE|Unix Desktop Environment]], [[X window manager|window managers]] for the [[X Window System]]
*[[modo (software)|modo]], an advanced polygon and subdivision surface modeling package
*[[SolidWorks]], a 3D modeling software.
*[[Songza]], a music search engine and internet jukebox that uses a pie menu for its main mode of interaction, by [[Aza Raskin]]
*[[Quicksilver (software)|Quicksilver]] via the Constellation plug-in
*[[Sugar (GUI)|Sugar]], GUI implementation for the [[One Laptop per Child]] project
*[[OneNote]] App for [[Windows 8]] and [[Windows RT]]
* The [[Cherry (keyboards)|Cherry]] mouse driver for the Power Pad mouse M-1000 optionally offers a circular context menu
* The [[Samsung Galaxy Note series]], starting with the Note 3<ref>{{Cite web|url=https://www.cnet.com/tech/mobile/make-sure-youre-using-the-s-pen-correctly/|title=Make sure you're using the S Pen correctly|first=Dan|last=Graziano|website=CNET}}</ref><ref>{{Cite web|url=https://www.androidauthority.com/note-4-s-pen-feature-532978/|title=S Pen on the Note 4 is better than ever: Feature Focus|date=October 2, 2014|website=Android Authority|access-date=January 19, 2022|archive-date=January 19, 2022|archive-url=https://web.archive.org/web/20220119012837/https://www.androidauthority.com/note-4-s-pen-feature-532978/|url-status=dead}}</ref><ref>{{Cite web|url=https://www.greenbot.com/article/2970449/4-new-and-noteworthy-features-of-the-galaxy-note-5s-s-pen.html|title=4 new noteworthy features of the Galaxy Note 5's S n|first=GreenBot|last=Staff|date=14 August 2015}}</ref>
* RadialMenu, lightweight free software for Windows programmed with AutoHotkey

===Games===<!-- Note to future editors: This section should be reserved for maybe the initial game to implement a pie menu and subsequent games that innovated the menu or have gained acclaim specifically for their implementation. Also, pictures of these would be great. Vetting this list would be helpful in the future: are these just other editors' favorite games that happen to have pie menus? Or are they legitimately significant? -->
* In the game [[Counter-Strike:_Global_Offensive|Counter-Strike: Global Offensive]], the buy menu is a radial menu.
* The 2000 videogame ''[[The Sims (video game)|The Sims]]'' extensively utilized pie menus for player-directed interaction. These pie menus were primarily developed by [[Don Hopkins]].<ref>{{cite web |last1=Hopkins |first1=Don |title=The Sims, Pie Menus, Edith Editing, and SimAntics Visual Programming Demo |url=https://medium.com/@donhopkins/the-sims-pie-menus-49ca02a74da3 |website=medium.com |access-date=18 December 2018 |date=2018-07-07 |archive-date=2018-12-19 |archive-url=https://web.archive.org/web/20181219001040/https://medium.com/@donhopkins/the-sims-pie-menus-49ca02a74da3 |url-status=dead }}</ref>
* The videogame ''[[Grand Theft Auto V]]'', for weapon and radio station selection<ref name="Seitz">{{cite web|url=http://uproxx.com/gammasquad/2013/09/grand-theft-auto-v-plays-like-whole-new-game/|title='Grand Theft Auto V' Plays Like A Whole New Game |last=Seitz |first=Dan |work=Uproxx |access-date=5 February 2015|date=2013-09-17 }}</ref>
*''[[Secret of Mana]]''<ref name="RPGamer">{{cite web | author=Campbell, Greg | title=Secret of Mana - Retroview | url=http://www.rpgamer.com/games/sd/som/reviews/somrdrev2.html | publisher=RPGamer | access-date=2008-12-24 | archive-url=https://web.archive.org/web/20140118175015/http://www.rpgamer.com/games/sd/som/reviews/somrdrev2.html | archive-date=2014-01-18 | url-status=dead }}</ref> and its successor ''[[Secret of Evermore]]'' (where the menu was used to accelerate the pacing of combat<ref>{{cite web|url=http://videogamesarerad.com/2012/02/22/ring-of-fire-how-secret-of-mana-perfected-the-action-rpg/|title=Ring of Fire: How Secret of Mana Perfected the Action RPG|publisher=videogamesarerad.com|access-date=2012-02-29|archive-date=2020-07-28|archive-url=https://web.archive.org/web/20200728094345/http://videogamesarerad.com/2012/02/22/ring-of-fire-how-secret-of-mana-perfected-the-action-rpg/|url-status=dead}}</ref>)
* ''[[The Curse of Monkey Island]]'', also called a "Verb Coin"<ref>{{Cite web|url=https://davidyat.es/2019/02/03/review-unavowed/|title=Review: Unavowed|website=davidyat.es|date=3 February 2019 }}</ref><ref>{{Cite web|url=http://gamerwalkthroughs.com/the-curse-of-monkey-island/|title=The Curse of Monkey Island - Gamer Walkthroughs|website=gamerwalkthroughs.com}}</ref>
* Games by [[BioWare]] use the "Dialogue Wheel", a patented radial menu

==See also==
* [[Crossing-based interface]]
* [[Menu (computing)]]
* [[Pie chart]]

==References==
{{reflist}}
*{{cite conference |title=PIXIE: A New Approach to Graphical Man-Machine Communications |last1=Wiseman |first1=N. E. |last2=Lemke |first2=H. U. |last3=Hiles |first3=J. O. |book-title=Proceedings of 1969 CAD Conference Southampton, IEEE Conference Publication 51 |pages=463}}

==External links==
*[https://archive.today/20130204094930/http://www.tikku.com/jquery-radmenu-plugin JavaScript/jQuery Radmenu Plugin], Open source
* The [http://www.gillesbailly.fr/flowermenu.html Flower Menu] is a marking menu implementation for [[Qt (software)|Qt]]
*[http://piemenu.sourceforge.net/ Tcl/Tk] - A simple implementation in pure [[Tcl/Tk]]
*[http://c2.com/cgi/wiki?PieMenus Pie Menus in c2 wiki]
*[https://web.archive.org/web/20080410001552/http://trolltech.com/products/qt/addon/solutions/catalog/4/Widgets/qtpiemenu/ Pie Menus for Qt]
*[https://web.archive.org/web/20070427222309/http://www.donhopkins.com/drupal/node/128 Pie Menus for OLPC Sugar User Interface, in Python with GTK, Cairo and Pango modules]
*[http://slashdot.org/articles/02/08/22/1732201.shtml?tid=154 Slashdot article: Pie-menus in Mozilla]
*Asymetrix [ToolBook] pie menu component, by [https://web.archive.org/web/20080907222106/http://www.tosolini.com/publications.html Paolo Tosolini]. Source code: [https://web.archive.org/web/20160304040814/http://www.piemenu.com/piemnu30.zip Piemenu.com] [https://web.archive.org/web/20160303224812/http://www.piemenu.com/pie2lang.zip Piemenu.com].
*[https://web.archive.org/web/20070427222309/http://www.donhopkins.com/drupal/node/128 Python] - Open source Python pie menus for GTK/Cairo/Pango/OLPC/Sugar user interface, by [[Don Hopkins]].
*[https://web.archive.org/web/20081120171016/http://www.donhopkins.com/drupal/node/40 OpenLaszlo] - Open source OpenLaszlo pie menus for Flash, by Don Hopkins.
*[http://www.piemenu.com/JavaScriptPieMenus.html JavaScript] - Open source JavaScript pie menus for the Internet Explorer browser, by Don Hopkins.
*[https://archive.today/20130204094930/http://www.tikku.com/jquery-radmenu-plugin JavaScript/jQuery Radmenu Plugin], Open source JavaScript radial / pie menus for ALL browsers, by Nirvana Tikku.
*[http://www.piemenu.com/ActiveXPieMenus.html ActiveX] - Open source C++ ActiveX pie menus for the Internet Explorer browser, by Don Hopkins.
*[https://web.archive.org/web/20090123102125/http://www.crynwr.com/piewm/ X11] - Open source "piewm" X11 window manager with pie menus, by Don Hopkins, maintained by [[Russ Nelson]].
*[http://www.art.net/~hopkins/Don/piemenus/tkpie.tar.gz TCL/Tk] - Free software Pie Menus for TCK/Tk, written in 1992 for ''[[SimCity (1989 video game)|SimCity]]'' by Don Hopkins.
*[https://web.archive.org/web/20081011190838/http://www.donhopkins.com/drupal/node/92 NeWS] - Free software Pie Menus for NeWS 1.1 written in March 1988 by Don Hopkins.
*[https://web.archive.org/web/20081120150543/http://www.donhopkins.com/drupal/node/85 X10] - Free software Pie Menus for X10 "uwm" Window Manager, written in June 1986 by Don Hopkins.
*[https://web.archive.org/web/20081011194414/http://www.donhopkins.com/drupal/node/86 Suntools] - Free software Pie Menus for Suntools, written in January 1987 by [[Mark Weiser]].
*[https://web.archive.org/web/20090106021223/http://www.donhopkins.com/drupal/node/84 X10] - Free software Theta menus, proof of concept prototype for X10, written in June 1986 by Don Hopkins.
*[https://web.archive.org/web/20070427222309/http://www.donhopkins.com/drupal/node/128 Pie Menu Articles by Don Hopkins].
*[http://www.cs.cornell.edu/boom/2001sp/Bronevetsky/Circle%20Menu%20Documentation.htm Circle Menus], by Greg Bronevetsky.
*[http://blog.conquex.com/?p=28 3D Circle Menu Variation - Cube Menu] {{Webarchive|url=https://web.archive.org/web/20090704114033/http://blog.conquex.com/?p=28 |date=2009-07-04 }}, by conquex with source code.
*Asymetrix [ToolBook] pie menu component, by [https://web.archive.org/web/20080907222106/http://www.tosolini.com/publications.html Paolo Tosolini]. Source code: [https://web.archive.org/web/20160304040814/http://www.piemenu.com/piemnu30.zip Piemenu.com] [https://web.archive.org/web/20160303224812/http://www.piemenu.com/pie2lang.zip Piemenu.com].
*[https://web.archive.org/web/20071008094410/http://www.sm.luth.se/~david/carl/www/piemenu.html Pie Menus for Windows], Dr. Dobb's Journal, November 1992, pp 30–39, by Carl Rollo.
*[https://web.archive.org/web/20070808043119/http://www.sm.luth.se/~david/carl/www/javapies.html Pie Menus Demonstration in Java], by Carl Rollo.
*[https://github.com/payne911/PieMenu Pie Menu] for libGDX, an open-source library for Java game developers. [https://payne911.github.io/PieMenu/ Demonstration] available.
*[http://www.emphess.net/2008/05/04/a-menukiller-control-draft/ WPF Pie Menu], by Christoph Menge.
*[http://wheelnavjs.softwaretailoring.net wheelnav.js], Animated JavaScript navigation component based on [[Raphaël (JavaScript library)]] (SVG/VML) by softwaretailoring.net.
* [http://ruetersward.com/biblio.html Annotated Bibliography of References to Gestures, Touchscreens, and Pen Computing].
* [http://radialmenu.weebly.com RadialMenu], lightweight free software for Windows programmed with AutoHotkey.

{{Graphical control elements}}

[[Category:Graphical control elements]]
[[Category:User interface techniques]]