In computer interface design, a ribbon is a graphical control element in the form of a set of toolbars placed on several tabs. The typical structure of a ribbon includes large, tabbed toolbars, filled with graphical buttons and other graphical control elements, grouped by functionality. Such ribbons use tabs to expose different sets of controls, eliminating the need for numerous parallel toolbars. Contextual tabs are tabs that appear only when the user needs them. For instance, in a word processor, an image-related tab may appear when the user selects an image in a document, allowing the user to interact with that image.
The usage of the term "ribbon" dates back to the 1980s and was originally used as a synonym for plain toolbar. However, in 2007, Microsoft used the term to refer to its own implementation of tabbed toolbars bearing heterogeneous controls for Microsoft Office 2007, which Microsoft calls "The Fluent UI". Although Microsoft popularized the term with a new meaning, similar tabbed layouts of controls had existed in previous software from other vendors, including 3D Studio MAX R3 and later, Adobe Dreamweaver, Borland Delphi, HotDog and Macromedia HomeSite.
Early use
Use of a ribbon interface dates from the early 1990s in productivity software such as Microsoft Word and WordStar[1] as an alternative term for toolbar: It was defined as a portion of a graphical user interface consisting of a horizontal row of graphical control elements (e.g., including heterogeneously-sized buttons and drop-down lists bearing icons), typically user-configurable.[2][3][4]
A toolbar interface, called the "ribbon", has been a feature of Microsoft Word from the early DOS-based Word 5.5 (ca. 1990)[5] and the first Windows-based versions (activated by the "View | Ribbon" menu option[6]), for which early advertising referred to the use of "the Ribbon to replace an endless string of commands to let you format characters by eye instead of memory
Microsoft software
With the release of Microsoft Office 2007 came the "Fluent User Interface" or "Fluent UI", which replaced menus and customizable toolbars with a single "Office menu", a miniature toolbar known as "quick-access toolbar" and what came to be known as the ribbon: multiple tabs, each holding a toolbar bearing buttons and occasionally other controls. Toolbar controls have heterogeneous sizes and are classified in visually distinguishable groups.[7][8] The new design was intended to alleviate the problem of users not finding or knowing of the existence of available features in the Office suite.[9][10] The name "ribbon" was later purported to have originated from an early design idea by which commands were placed on a long pane that could be rolled like a medieval scroll; the name was retained after the scrolling mechanism was replaced by tabs.[11]
Microsoft applications implementing ribbons each have a different set of tabs which house user controls for that application. Within each tab, various related controls may be grouped together. Double-clicking the active tab or clicking the "Minimize" button hides the command panel, leaving only the tabs visible. Repeating this action reveals the pane.[12] The ribbon consolidates the functionality previously found in menus, toolbars and occasionally task panes into one area