Download - Working with Microsoft Ribbon
![Page 1: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/1.jpg)
+
The Ribbon:Organizing commands
Virginia Cagwin
![Page 2: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/2.jpg)
+Should I use the ribbon control?
Do users have trouble understanding the program's commands?
Do users have trouble finding commands? Are users requesting features that are already in the program?
![Page 3: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/3.jpg)
+
YES!
![Page 4: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/4.jpg)
+Should I use the ribbon control?
Does the program benefit from making the content area of the program as large as possible?
Do users tend to work in a specific area within a large window in the program for long periods of time?
![Page 5: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/5.jpg)
+
![Page 6: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/6.jpg)
+The History
2003’s release
![Page 7: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/7.jpg)
+
![Page 8: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/8.jpg)
+How did they approach this problem?
Which commands do people use most?
How are commands commonly sequenced together?
Which commands are accessed via toolbar, mouse, keyboard?
Where do people fail to find functionality they’re asking for(in newsgroups, support calls, etc.)?
From Jensen Harris, Principal Group Program Mgr., Office User Experience Team, The Story of the Ribbon presentation
![Page 9: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/9.jpg)
+Science behind the data
Over 3 billion data sessions collected from Office users
~2 million sessions per day
Over the last 90 days, we’ve tracked352 million command bar clicks in Word
Track nearly 6000 individual data points
The team couldn’t have done this without data!
From Jensen Harris, Principal Group Program Mgr., Office User Experience Team, The Story of the Ribbon presentation
![Page 10: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/10.jpg)
+
Quiz
What do you think the top 5 commands are in Word 2003? Paste Save Copy Undo Bold
Change shape to lightning bolt
![Page 11: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/11.jpg)
+
Fitts’ Law
![Page 12: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/12.jpg)
+Fitts’ Law
Time it takes to point at something, based on the size and distance of the target object
T = k log2(D/S + 0.5), k ~ 100 msec.
T = time to move the hand to a targetD = distance between hand and targetS = size of target
![Page 13: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/13.jpg)
+Anatomy of the Ribbon
![Page 14: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/14.jpg)
+
Quiz
What Do These Have In Common? Find out the current number of words Turn on speech command and
control Create a SharePoint Document
Workspace Print Envelopes Open the Visual Basic Editor Turn on hyphenation Merge the contents of multiple
documents Start a web conference Tweak AutoCorrect settings
![Page 15: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/15.jpg)
+
They all live on the Word 2003 Tools menu
![Page 16: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/16.jpg)
+Organizing Commands
Make a spreadsheet of all the commands in your program.
Filter out commands that belong on standardized program tabs (Home, Insert, View)
Filter out commands that belong on contextual tabs.
Filter out commands that belong in standardized groups e.g. paste, copy, cut
Test the organization of your features.
![Page 17: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/17.jpg)
+Center Common Controls
![Page 18: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/18.jpg)
+Uniformity
Correct Incorrect
![Page 19: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/19.jpg)
+Application Button (The Jewel)
Use the following standard Application menu commands when appropriate:
New, Open, Save, Print
![Page 20: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/20.jpg)
+Quick Access Toolbar
Use the Quick Access Toolbar to provide access to frequently used commands. (save, print)
Always provide when using a ribbon.
Pre-populate with the frequently used commands in the Application menu.
Provide a way to add commands.
![Page 21: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/21.jpg)
+Pitfalls to Avoid
Avoid generic tab and group names
Avoid overly specific tab and group names
Avoid multiple paths to the same command
![Page 22: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/22.jpg)
+Always Start on the Home Tab
![Page 23: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/23.jpg)
+Don’t Duplicate Functions
![Page 24: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/24.jpg)
+Scale Ribbon
![Page 25: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/25.jpg)
+
If You Can Only Do 5 Things
![Page 26: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/26.jpg)
+ Don't underestimate the challenge of creating an effective ribbon.
And don't take for granted that using a ribbon automatically makes your program better.
If You Can Only Do 5 Things
#1
![Page 27: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/27.jpg)
+
If You Can Only Do 5 Things
Make the commands discoverable. Users should be able to determine quickly and confidently which tab has the command they are looking for, and rarely choose the wrong tab.
#2
![Page 28: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/28.jpg)
+ Make the commands self-explanatory. Users should understand the effect of a command from its label, icon, tooltip and preview.
If You Can Only Do 5 Things
#3
![Page 29: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/29.jpg)
+ Make using the commands efficient
If You Can Only Do 5 Things
#4
![Page 30: Working with Microsoft Ribbon](https://reader030.vdocument.in/reader030/viewer/2022032617/55a9e8eb1a28ab604b8b460f/html5/thumbnails/30.jpg)
+ Users should spend most of their time on the Home tab. Users should rarely have to change
tabs during common tasks. When the window is maximized and
users are on the correct tab, the most frequently used commands have the most visual emphasis and users can invoke them with a single click. Users can perform all other commands on the tab with at most four clicks.
Users shouldn't have to open dialog boxes to give commands and change attributes in common tasks.
If You Can Only Do 5 Things
#5