Ribbon (computing)

Last updated

Example of a ribbon, an element of graphical user interfaces Example of a ribbon (user interface element).png
Example of a ribbon, an element of graphical user interfaces

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.

Contents

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 encompassing a conglomerate of 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 buttons of various sizes and drop-down lists containing 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". [3]

Microsoft software

Office2007ribbon.png
The tabbed ribbon as introduced in Microsoft Office 2007

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 assorted 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. [13]

In Microsoft Office 2007, only Word, Excel, Access and PowerPoint implemented ribbons. With the release of Microsoft Office 2010, however, ribbons were implemented in the rest of the Microsoft Office applications. [14] [15] Microsoft Office 2010 also added additional end-user customization support to its user interface.

Microsoft gradually implemented the Ribbon in some of its other software. The fourth wave of Windows Live Essentials applications, including Mail, Photo Gallery, Movie Maker and Writer, featured a ribbon. [16] Since Windows 7, Paint and WordPad feature ribbons. [17] On Windows 8, File Explorer followed suit. Ribbons also appeared in SQL Server Report Builder, Dynamics CRM 2011, [18] Microsoft Mathematics v4.0, the desktop client for Microsoft Power BI, and some other programs that have since been retired.

The development history of the Ribbon, presented by Jensen Harris in 2008, can be seen here.

Other software developers

Since the introduction of ribbons in Microsoft Office 2007, there has been an increase in the use of this type of interface in applications created by other developers, especially those creating tools for Microsoft-related products. Microsoft facilitated the adoption with the releases of Windows 8, Windows 7 and the Windows Vista platform update, which included built-in ribbon framework APIs, introduced to allow developers to integrate a ribbon toolbar into their applications. [19] The Nielsen Norman Group published some examples in a 2008 GUI showcase report. [20] [21]

In June 2008, Red Flag Software released RedOffice 4.0 beta, a Chinese fork of OpenOffice.org including a new user interface that used many ribbon ideas in its design. [22] [23] In November 2008 Sun Microsystems started the project Renaissance to improve the user interface of OpenOffice.org. [24] So far the prototypes of the project are frequently seen as similar to ribbons, but this has resulted in some criticism from users. [25]

In July 2011, Avid Tech added a ribbon interface under Microsoft license to Version 7.0 of their Sibelius (scorewriter) music notation application, replacing the menu navigation system of previous versions. This met with considerable user resistance, [26] however the ribbon interface has remained integral to the current GUI.

In September 2012, MathWorks introduced a ribbon interface (known as "Toolstrip") in MATLAB R2012b. [27]

Reaction

Prior to Microsoft's introduction of ribbons in Office 2007, the user interface for its Office suites had barely changed since the introduction of Office 97 on 19 November 1996. (Office 2000 and Office 2003 released relatively minor upgrades compared to Office 97, which itself was considered to be something of a milestone compared to Office 95.)

Because of this, users became accustomed to this style of interface, which was common in many productivity products at the time. [ citation needed ] When Microsoft implemented ribbons, it was met with mixed reactions. Jeff Atwood thought the new system made menus obsolete as a cornerstone of the WIMP interface when it was first revealed in 2005. [28] [29] Redmondmag.com reported that power users feel the ribbons take "too much time and patience to learn." [30] Richard Ericson from Computerworld noted that experienced users might find difficulties adapting to the new interface, and that some tasks take more key-presses or clicks to activate. [8] Though the ribbon can be hidden by double-clicking on the open tab, PC World wrote that the ribbons crowds the Office work area, especially for notebook users; [31] the customization options available in the original version didn't allow users to rearrange or remove the predefined commands, although it could be minimized. [32] Others have called its large icons distracting. [33] An online survey conducted by ExcelUser reports that a majority of respondents had a negative opinion of the change, with advanced users being "somewhat more negative" than intermediate users; the self-estimated reduction in productivity was an average of about 20%, and "about 35%" for people with a negative opinion.

Other users claim that once the new interface is learned, the average user can create "professional-looking documents faster". [30] One study reported fairly good acceptance by users except highly experienced users and users of word processing applications with a classical WIMP interface, but was less convinced in terms of efficiency and organisation. [34]

The decision to abolish menus has been likened to the Coca-Cola company's infamous New Coke campaign in its abandonment of the existing user base. [35] Microsoft Office 2011 for the Macintosh, while employing the ribbon, also retains the menu system in the Mac menu bar. [36]

Patent controversy

Homesite-2.5.png
Esuite spreadsheet.png
Tabbed toolbars, as found in Macromedia HomeSite and Lotus eSuite, have been proposed as prior art for ribbons

Proponents of free software, such as KDE developer Jarosław Staniek, [37] have expressed beliefs that patents regarding ribbons cannot be acquired due to the ubiquity of prior art. [37] Staniek notes that the ribbon concept has historically appeared extensively as "tabbed toolbars" in applications such as Sausage Software's HotDog, Macromedia HomeSite, Dreamweaver and Borland Delphi. [37] Lotus developed early ribbon UIs for its product eSuite. Screen shots are still available in an IBM redbook about eSuite (page 109ff). [38]

On 13 February 2018, a jury from the Northern District of California found that Corel Corporation had infringed on several Microsoft's Ribbon Design Patents and Ribbon Utility Patents regarding the Fluent UI. [39] [40]

See also

Related Research Articles

<span class="mw-page-title-main">Microsoft Word</span> Word processor developed by Microsoft

Microsoft Word is a word processor developed by Microsoft. It was first released on October 25, 1983, under the name Multi-Tool Word for Xenix systems. Subsequent versions were later written for several other platforms including: IBM PCs running DOS (1983), Apple Macintosh running the Classic Mac OS (1985), AT&T UNIX PC (1985), Atari ST (1988), OS/2 (1989), Microsoft Windows (1989), SCO Unix (1990), macOS (2001), Web browsers (2010), iOS (2014) and Android (2015). Using Wine, versions of Microsoft Word before 2013 can be run on Linux.

<span class="mw-page-title-main">Microsoft Office</span> Suite of office software

Microsoft Office, or simply Office, is a discontinued family of client software, server software, and services developed by Microsoft. It was first announced by Bill Gates on August 1, 1988, at COMDEX in Las Vegas. Initially a marketing term for an office suite, the first version of Office contained Microsoft Word, Microsoft Excel, and Microsoft PowerPoint. Over the years, Office applications have grown substantially closer with shared features such as a common spell checker, Object Linking and Embedding data integration and Visual Basic for Applications scripting language. Microsoft also positions Office as a development platform for line-of-business software under the Office Business Applications brand.

<span class="mw-page-title-main">Multiple-document interface</span>

A multiple-document interface (MDI) is a graphical user interface in which multiple windows reside under a single parent window. Such systems often allow child windows to embed other windows inside them as well, creating complex nested hierarchies. This contrasts with single-document interfaces (SDI) where all windows are independent of each other.

Visual Basic for Applications (VBA) is an implementation of Microsoft's event-driven programming language Visual Basic 6.0 built into most desktop Microsoft Office applications. Although based on pre-.NET Visual Basic, which is no longer supported or updated by Microsoft, the VBA implementation in Office continues to be updated to support new Office features. VBA is used for professional and end-user development due to its perceived ease-of-use, Office's vast installed userbase, and extensive legacy in business.

<span class="mw-page-title-main">Microsoft Foundation Class Library</span> Windows OS object-oriented library

Microsoft Foundation Class Library (MFC) is a C++ object-oriented library for developing desktop applications for Windows.

<span class="mw-page-title-main">File Explorer</span> File manager application that is included with releases of the Microsoft Windows operating system

File Explorer, previously known as and still sometimes called Windows Explorer, is a file manager application and default desktop environment that is included with releases of the Microsoft Windows operating system from Windows 95 onwards. It provides a graphical user interface for accessing the file systems. It is also the component of the operating system that presents many user interface items on the screen such as the taskbar and desktop. Controlling the computer is possible without File Explorer running. After the name change that was introduced in Windows 8, Windows Explorer name can still be seen when you look for it in the Windows Task Manager.

The Taskbar is a graphical user interface element that has been part of Microsoft Windows since Windows 95, displaying and facilitating switching between running programs. The Taskbar and the associated Start Menu were created and named in 1993 by Daniel Oran, a program manager at Microsoft who had previously collaborated on Great ape language research with the behavioral psychologist B.F. Skinner at Harvard.

<span class="mw-page-title-main">Aqua (user interface)</span> User interface of macOS by Apple

Aqua is the graphical user interface, design language and visual theme of Apple's macOS operating system. It was originally based on the theme of water, with droplet-like components and a liberal use of reflection effects and translucency. Its goal is to "incorporate color, depth, translucence, and complex textures into a visually appealing interface" in macOS applications. At its introduction, Steve Jobs noted that "... it's liquid, one of the design goals was when you saw it you wanted to lick it".

<span class="mw-page-title-main">Toolbar</span> Element of computer graphical interfaces

The toolbar, also called a bar or standard toolbar, is a graphical control element on which on-screen icons can be used. A toolbar often allows for quick access to functions that are commonly used in the program. Some examples of functions a toolbar might have are open file, save, and change font. Toolbars are usually distinguished from palettes by their integration into the edges of the screen or of other windows. This can result in wasted space if multiple underpopulated bars are stacked atop each other or interface inefficiency if overloaded bars are placed on small windows.

<span class="mw-page-title-main">Graphical widget</span> Element of interaction in a graphical user interface

A graphical widget in a graphical user interface is an element of interaction, such as a button or a scroll bar. Controls are software components that a computer user interacts with through direct manipulation to read or edit information about an application. User interface libraries such as Windows Presentation Foundation, Qt, GTK, and Cocoa, contain a collection of controls and the logic to render these.

Common User Access (CUA) is a standard for user interfaces to operating systems and computer programs. It was developed by IBM and first published in 1987 as part of their Systems Application Architecture. Used originally in the MVS/ESA, VM/CMS, OS/400, OS/2 and Microsoft Windows operating systems, parts of the CUA standard are now implemented in programs for other operating systems, including variants of Unix. It is also used by Java AWT and Swing.

<span class="mw-page-title-main">Tab (interface)</span> Interface component

In interface design, a tab is a graphical user interface object that allows multiple documents or panels to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes, with window managers and tiling window managers.

<span class="mw-page-title-main">Microsoft Project</span> Project management software

Microsoft Project is a project management software product, developed and sold by Microsoft. It is designed to assist a project manager in developing a schedule, assigning resources to tasks, tracking progress, managing the budget, and analyzing workloads.

<span class="mw-page-title-main">Microsoft Office 2007</span> Version of Microsoft Office

Microsoft Office 2007 is an office suite for Windows, developed and published by Microsoft. It was officially revealed on March 9, 2006 and was the 12th version of Microsoft Office. It was released to manufacturing on November 3, 2006; it was subsequently made available to volume license customers on November 30, 2006, and later to retail on January 30, 2007, shortly after the completion of Windows Vista. The ninth major release of Office for Windows, Office 2007 was preceded by Office 2003 and succeeded by Office 2010. The Mac OS X equivalent, Microsoft Office 2008 for Mac, was released on January 15, 2008.

<span class="mw-page-title-main">Windows Aero</span> Design language by Microsoft

Windows Aero is a design language introduced in the Windows Vista operating system. The changes made in the Aero interface affected many elements of the Windows interface, including the incorporation of a new look, along with changes in interface guidelines reflecting appearance, layout, and the phrasing and tone of instructions and other text in applications.

The Windows shell is the graphical user interface for the Microsoft Windows operating system. Its readily identifiable elements consist of the desktop, the taskbar, the Start menu, the task switcher and the AutoPlay feature. On some versions of Windows, it also includes Flip 3D and the charms. In Windows 10, the Windows Shell Experience Host interface drives visuals like the Start Menu, Action Center, Taskbar, and Task View/Timeline. However, the Windows shell also implements a shell namespace that enables computer programs running on Windows to access the computer's resources via the hierarchy of shell objects. "Desktop" is the top object of the hierarchy; below it there are a number of files and folders stored on the disk, as well as a number of special folders whose contents are either virtual or dynamically created. Recycle Bin, Libraries, Control Panel, This PC and Network are examples of such shell objects.

<span class="mw-page-title-main">Microsoft Office 2010</span> 2010 version of Microsoft Office

Microsoft Office 2010 is a version of Microsoft Office for Microsoft Windows unveiled by Microsoft on May 15, 2009, and released to manufacturing on April 15, 2010, with general availability on June 15, 2010, as the successor to Office 2007 and the predecessor to Office 2013. The macOS equivalent, Microsoft Office 2011 for Mac was released on October 26, 2010.

<span class="mw-page-title-main">History of Microsoft Word</span>

The first version of Microsoft Word was developed by Charles Simonyi and Richard Brodie, former Xerox programmers hired by Bill Gates and Paul Allen in 1981. Both programmers worked on Xerox Bravo, the first WYSIWYG word processor. The first Word version, Word 1.0, was released in October 1983 for Xenix and MS-DOS; it was followed by four very similar versions that were not very successful. The first Windows version was released in 1989, with a slightly improved interface. When Windows 3.0 was released in 1990, Word became a huge commercial success. Word for Windows 1.0 was followed by Word 2.0 in 1991 and Word 6.0 in 1993. Then it was renamed to Word 95 and Word 97, Word 2000 and Word for Office XP. With the release of Word 2003, the numbering was again year-based. Since then, Windows versions include Word 2007, Word 2010, Word 2013, Word 2016, and most recently, Word for Office 365.

<span class="mw-page-title-main">Metro (design language)</span> A design language introduced by Microsoft focusing on typography and simplified icons.

Microsoft Design Language, previously known as Metro, is a design language created by Microsoft. This design language is focused on typography and simplified icons, absence of clutter, increased content to chrome ratio, and basic geometric shapes. Early examples of MDL principles can be found in Encarta 95 and MSN 2.0. The design language evolved in Windows Media Center and Zune and was formally introduced as Metro during the unveiling of Windows Phone 7. It has since been incorporated into several of the company's other products, including the Xbox 360 system software and the Xbox One system software, Windows 8, Windows Phone, and Outlook.com. Before the "Microsoft design language" title became official, Microsoft executive Qi Lu referred to it as the modern UI design language in his MIXX conference keynote speech. According to Microsoft, "Metro" has always been a codename and was never meant as a final product, but news websites attribute this change to trademark issues.

Microsoft Office shared tools are software components that are included in all Microsoft Office products.

References

  1. "Computerworld". Computerworld: The Newsletter for Information Technology Leaders. IDG Enterprise: 41. 9 December 1991. ISSN   0010-4841 . Retrieved 28 May 2013. The [Wordstar] package includes a straightforward intuitive interface featuring an icon ribbon.
  2. Illingworth, Valerie (11 December 1997). Dictionary of Computing . Oxford Paperback Reference (4th ed.). Oxford University Press. ISBN   9780192800466. Ribbon [...] a horizontal row of control icons that can often be redefined to suit the user's requirements.
  3. 1 2 "InfoWorld". 12 (6). InfoWorld Media Group. 5 February 1990: 15. ISSN   0199-6649. A liberal collection of icons located on the Ribbon replaces an endless string of commands [...]{{cite journal}}: Cite journal requires |journal= (help)
  4. ESPRIT '88: putting the technology to use : proceedings of the 5th Annual ESPRIT Conference, Brussels, November 14-17, 1988, Part 2. North-Holland. 1988. ISBN   978-0-444-87145-9 . Retrieved 28 May 2013. [...] a ribbon that contains labeled icons (64×64 bit maps) representing tasks and tools that has been instantiated by the user. Each tasktool is represented by a different icon.
  5. InfoWorld. Vol. 13. InfoWorld Media Group. 10 December 1990. p. 15. ISSN   0199-6649 . Retrieved 28 May 2013. We've even added a handy new feature, called the ribbon.
  6. Bryans L. Pfaffenberger (22 January 1990). Microsoft Word Quick Reference . Que. ISBN   978-0-88022-720-9 . Retrieved 30 May 2013. Select View Ribbon to activate the Ribbon.
  7. "Office Fluent user interface, Ribbon, and Backstage view". MSDN . Microsoft . Retrieved 28 May 2013.
  8. 1 2 Ericson, Richard (11 October 2006). "Final Review: The Lowdown on Office 2007". Computerworld . IDG . Retrieved 28 May 2013.
  9. Harris, Jensen (3 April 2006). "New Rectangles to the Rescue? (Why the UI, Part 4)". An Office User Interface Blog. Microsoft . Retrieved 16 October 2013. "Every version we were putting our heart and soul into developing these new features, undergoing a rigorous process to determine which of the many areas we would invest in during a release, and then working hard to design, test, and ship those features. The only problem was that people weren't finding the very features they asked us to add."
  10. Harris, Jensen (12 March 2008). "The Story of the Ribbon". Channel 9 . Microsoft . Retrieved 16 October 2013.
  11. Jensen Harris (7 October 2005). "Why is it called the Ribbon?". Jensen Harris: An Office User Interface Blog. Microsoft . Retrieved 28 May 2013.
  12. "Use the Ribbon instead of toolbars and menus". Microsoft Office website . Microsoft. 2007. Archived from the original on 5 March 2008. Retrieved 28 May 2013.
  13. "The Microsoft Office Fluent user interface overview". Microsoft Office website . Microsoft. Archived from the original on 4 January 2008. Retrieved 24 May 2009.
  14. "User interface differences in Office 2010 vs earlier versions". TechNet . Microsoft . Retrieved 22 April 2016.
  15. Thurrott, Paul (13 July 2009). "Office 2010 sports improved ribbon across all apps, servers, services". SuperSite for Windows. Penton . Retrieved 27 April 2016.
  16. Protalinski, Emil (22 December 2009). "Windows Live Wave 4: Mail, Photo Gallery, Writer go ribbon". Ars Technica . Condé Nast . Retrieved 28 May 2013.
  17. Thurrott, Paul (13 September 2008). "Ahead of PDC, Microsoft Begins Internal Test of Windows 7 – 14 Sep 2008". Windows IT Pro. Penton Media . Retrieved 28 May 2013.
  18. Barley, Ray (18 February 2009). "Introduction to SQL Server 2008 Report Builder 2.0". MSSQL Tips. Edgewood Solutions. Retrieved 28 May 2013.
  19. Montalbano, Elizabeth (20 August 2009). "Microsoft to Backport Windows 7 'ribbon' Interface to Vista". PC World . IDG . Retrieved 28 May 2013.
  20. "Application Design Showcase: 10 Best App UIs". nngroup.com. Nielsen Norman Group. Archived from the original on 5 December 2010. Retrieved 28 May 2013.
  21. "Application Design Showcase: 2008". nngroup.com. Nielsen Norman Group. Retrieved 9 May 2016.
  22. "RedOffice 4.0 Beta Updates OpenOffice UI". Slashdot . Dice Holdings. 2 June 2008. Retrieved 28 May 2013.
  23. Eva, Johannes (June 2008). "RedOffice 4.0 Beta – A great new UI?". libre-software.net. Retrieved 28 May 2013.
  24. "Renaissance/FAQ (revision 154410)". OpenOffice.org . Apache Software Foundation. 5 January 2010. Retrieved 28 May 2013.
  25. Lai, Eric (11 August 2009). "Open-source users revolt over OpenOffice ribbon UI". Computerworld .
  26. 'Sib. 7.0: The blasted Ribbon!'. Sibelius (scorewriter). Avid (company).
  27. "R2012b New Features, Bug Fixes, Compatibility Considerations". MathWorks, Inc. Retrieved 7 April 2019.
  28. Jeff Atwood (23 September 2005). "On the Death of the Main Menu". Coding Horror. Retrieved 25 April 2014.
  29. "Microsoft Professional Developers Conference 2005 VPR: Image Gallery". Office "12". Microsoft. 13 September 2005. Archived from the original on 25 November 2005. Retrieved 25 April 2014.
  30. 1 2 Cummings, Joanne (1 October 2007). "Word 2007: Not Exactly a Must-Have". Redmond Magazine. 1105 Media. Retrieved 28 May 2013. For one thing, Word 2007 uses the entirely new ribbon interface. Power users say it takes too much time and patience to learn. [...] 'People will get used to the new interface, but at major efforts in time, training and cost,' says Mike McCullough, director of systems at Cooling Systems Technologies (CST) Inc. [...] When it came time to move her from 2003 to 2007, he quickly ran into problems. 'I might as well of hit her over the head with a bat,' he says. 'I could see anger and frustration.' [...] Other readers feel it's worth taking the time to learn the new interface.
  31. Lasky, Michael (August 2006). "Office Beta: Good Looks, Tricky Formats". PC World . IDG: 24.
  32. "Can I customize the Ribbon?". Microsoft Office website . Microsoft. 2007. Retrieved 28 May 2013.
  33. Mendelson, Edward (July 2006). "MS Office Edges Closer". PC Magazine . Ziff Davis. 25 (12): 48.
  34. Dostál, M (9 December 2010). User Acceptance of the Microsoft Ribbon User Interface (PDF). Palacký University of Olomouc. ISBN   978-960-474-245-5. ISSN   1792-6157 . Retrieved 28 May 2013.
  35. Schuler, Dave (27 March 2007). "Is Office the New Coke?". Outside the Beltway. [ self-published source? ]. Retrieved 28 May 2013.
  36. "Word for Mac 2011 top features tour". Mactopia . Microsoft . Retrieved 28 May 2013. See screenshot {{cite web}}: External link in |quote= (help)
  37. 1 2 3 Staniek, Jarosław (13 November 2005). "KDE to sue MS over Ribbon GUI?". blogs.kde.org. KDE . Retrieved 28 May 2012.
  38. "Is Microsoft's new ribbon UI copied from eSuite's UI?". BlogNew. Genii Software. 29 November 2006. Retrieved 28 May 2013.
  39. United States District Court, Northern District of California, San Jose division. Case No. 5:15-cv05836-EJD, Final verdict form
  40. "Jury finds Corel willfully infringed Microsoft Office patents – IPWatchdog.com | Patents & Patent Law". IPWatchdog.com | Patents & Patent Law. 13 February 2018. Retrieved 28 February 2018.

Further reading