SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
+

The Ribbon:
Organizing commands




                      Virginia Cagwin
+
    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?
+




    YES!
+
    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?
+
+
    The History

    2003’s release
+
+
    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
+
    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 tracked
        352 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
+          What do you think the top 5 commands
       
           are in Word 2003?
              Paste
              Save
              Copy
              Undo
              Bold

              Change shape to lightning bolt
Quiz
+
    Fitts’ Law
+
    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 target
    D = distance between hand and target
    S = size of target
+
    Anatomy of the Ribbon
+          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
Quiz          Merge the contents of multiple
               documents
              Start a web conference
              Tweak AutoCorrect settings
+


They all live on the
Word 2003 Tools menu
+
    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.
+
    Center Common Controls
+
    Uniformity




    Correct      Incorrect
+
    Application Button (The Jewel)

                         Usethe following
                         standard Application
                         menu commands when
                         appropriate:
                           New, Open, Save, Print
+
    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.
+
    Pitfalls to Avoid

       Avoid generic tab and group names

       Avoid overly specific tab and group names

       Avoid multiple paths to the same command
+
    Always Start on the Home Tab
+
    Don’t Duplicate Functions
+
    Scale Ribbon
+
    If You Can Only Do 5 Things
+                     Don'tunderestimate the
                      challenge of creating an
                      effective ribbon.
      #1              And don't take for granted
                      that using a ribbon
                      automatically makes your
                      program better.




If You Can Only Do
5 Things
+                     Make the commands
                      discoverable. Users should
                      be able to determine quickly
      #2              and confidently which tab has
                      the command they are
                      looking for, and rarely choose
                      the wrong tab.




If You Can Only Do
5 Things
+                     Make  the commands self-
                      explanatory. Users should
                      understand the effect of a
      #3              command from its label, icon,
                      tooltip and preview.




If You Can Only Do
5 Things
+                     Make  using the commands
                      efficient

      #4




If You Can Only Do
5 Things
+                     Users should spend most of
                      their time on the Home tab.

      #5
                         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

Weitere ähnliche Inhalte

Ähnlich wie Working with Microsoft Ribbon

Microsoft® Office 2007 Tutorial
Microsoft® Office 2007 TutorialMicrosoft® Office 2007 Tutorial
Microsoft® Office 2007 TutorialSusan Mortensen
 
Office2007 User Training
Office2007  User TrainingOffice2007  User Training
Office2007 User TrainingSeverus Prime
 
Office2007 User Training
Office2007 User TrainingOffice2007 User Training
Office2007 User TrainingSeverus Prime
 
Jensen Harris: Beyond Menus and Toolbars in Microsoft Office
Jensen Harris: Beyond Menus and Toolbars in Microsoft OfficeJensen Harris: Beyond Menus and Toolbars in Microsoft Office
Jensen Harris: Beyond Menus and Toolbars in Microsoft OfficeSteve Williams
 
Microsoft Word Basics.ppt
Microsoft Word Basics.pptMicrosoft Word Basics.ppt
Microsoft Word Basics.pptssuser12e59a1
 
Microsoft Word Basics2.pptx
Microsoft Word Basics2.pptxMicrosoft Word Basics2.pptx
Microsoft Word Basics2.pptxShaluSawarkar
 
Microsoft-word-Practical work.ppt
Microsoft-word-Practical work.pptMicrosoft-word-Practical work.ppt
Microsoft-word-Practical work.pptTanzeelaBashir1
 
soft ware solutions for radiologists.pptx
soft ware solutions for radiologists.pptxsoft ware solutions for radiologists.pptx
soft ware solutions for radiologists.pptxjunkfiles
 
Microsoft Word Basics2.pptx
Microsoft Word Basics2.pptxMicrosoft Word Basics2.pptx
Microsoft Word Basics2.pptxSAStudio2
 
Word 2007 Bootcamp Slides
Word 2007 Bootcamp SlidesWord 2007 Bootcamp Slides
Word 2007 Bootcamp Slidesjennyhowell76
 
Microsoft<sup>®</sup> office training
Microsoft<sup>®</sup> office trainingMicrosoft<sup>®</sup> office training
Microsoft<sup>®</sup> office trainingMohd yasin Karim
 
Microsoft Word Basics2.ppt
Microsoft Word Basics2.pptMicrosoft Word Basics2.ppt
Microsoft Word Basics2.pptJunaidRamzan4
 
Microsoft Word Basics2.ppt
Microsoft Word Basics2.pptMicrosoft Word Basics2.ppt
Microsoft Word Basics2.pptAihamAltayeh1
 
Microsoft Word Basics2.ppt
Microsoft Word Basics2.pptMicrosoft Word Basics2.ppt
Microsoft Word Basics2.pptnithyanithi45
 
Microsoft Word Basics2.ppt
Microsoft Word Basics2.pptMicrosoft Word Basics2.ppt
Microsoft Word Basics2.pptSabrenaFenna2
 

Ähnlich wie Working with Microsoft Ribbon (20)

Microsoft® Office 2007 Tutorial
Microsoft® Office 2007 TutorialMicrosoft® Office 2007 Tutorial
Microsoft® Office 2007 Tutorial
 
Office2007 User Training
Office2007  User TrainingOffice2007  User Training
Office2007 User Training
 
Office2007 User Training
Office2007 User TrainingOffice2007 User Training
Office2007 User Training
 
Jensen Harris: Beyond Menus and Toolbars in Microsoft Office
Jensen Harris: Beyond Menus and Toolbars in Microsoft OfficeJensen Harris: Beyond Menus and Toolbars in Microsoft Office
Jensen Harris: Beyond Menus and Toolbars in Microsoft Office
 
Word 2007-Get Up To Speed
Word 2007-Get Up To SpeedWord 2007-Get Up To Speed
Word 2007-Get Up To Speed
 
Microsoft Word Basics.ppt
Microsoft Word Basics.pptMicrosoft Word Basics.ppt
Microsoft Word Basics.ppt
 
Microsoft Word Basics2.pptx
Microsoft Word Basics2.pptxMicrosoft Word Basics2.pptx
Microsoft Word Basics2.pptx
 
1 transition
1 transition1 transition
1 transition
 
Command line
Command lineCommand line
Command line
 
Command line s
Command line sCommand line s
Command line s
 
Microsoft-word-Practical work.ppt
Microsoft-word-Practical work.pptMicrosoft-word-Practical work.ppt
Microsoft-word-Practical work.ppt
 
soft ware solutions for radiologists.pptx
soft ware solutions for radiologists.pptxsoft ware solutions for radiologists.pptx
soft ware solutions for radiologists.pptx
 
Microsoft Word Basics2.pptx
Microsoft Word Basics2.pptxMicrosoft Word Basics2.pptx
Microsoft Word Basics2.pptx
 
Word 2007 Bootcamp Slides
Word 2007 Bootcamp SlidesWord 2007 Bootcamp Slides
Word 2007 Bootcamp Slides
 
Microsoft<sup>®</sup> office training
Microsoft<sup>®</sup> office trainingMicrosoft<sup>®</sup> office training
Microsoft<sup>®</sup> office training
 
Microsoft Word Basics2.ppt
Microsoft Word Basics2.pptMicrosoft Word Basics2.ppt
Microsoft Word Basics2.ppt
 
Microsoft Word Basics2.ppt
Microsoft Word Basics2.pptMicrosoft Word Basics2.ppt
Microsoft Word Basics2.ppt
 
Microsoft Word Basics2.ppt
Microsoft Word Basics2.pptMicrosoft Word Basics2.ppt
Microsoft Word Basics2.ppt
 
Microsoft Word Basics2.ppt
Microsoft Word Basics2.pptMicrosoft Word Basics2.ppt
Microsoft Word Basics2.ppt
 
Microsoft Word Basics2.ppt
Microsoft Word Basics2.pptMicrosoft Word Basics2.ppt
Microsoft Word Basics2.ppt
 

Kürzlich hochgeladen

Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxYounusS2
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?SANGHEE SHIN
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdfJamie (Taka) Wang
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 

Kürzlich hochgeladen (20)

Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptx
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 

Working with Microsoft Ribbon

  • 2. + 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?
  • 3. + YES!
  • 4. + 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?
  • 5. +
  • 6. + The History 2003’s release
  • 7. +
  • 8. + 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
  • 9. + 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 tracked 352 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
  • 10. + What do you think the top 5 commands  are in Word 2003?  Paste  Save  Copy  Undo  Bold  Change shape to lightning bolt Quiz
  • 11. + Fitts’ Law
  • 12. + 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 target D = distance between hand and target S = size of target
  • 13. + Anatomy of the Ribbon
  • 14. + 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 Quiz  Merge the contents of multiple documents  Start a web conference  Tweak AutoCorrect settings
  • 15. + They all live on the Word 2003 Tools menu
  • 16. + 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.
  • 17. + Center Common Controls
  • 18. + Uniformity Correct Incorrect
  • 19. + Application Button (The Jewel)  Usethe following standard Application menu commands when appropriate: New, Open, Save, Print
  • 20. + 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.
  • 21. + Pitfalls to Avoid  Avoid generic tab and group names  Avoid overly specific tab and group names  Avoid multiple paths to the same command
  • 22. + Always Start on the Home Tab
  • 23. + Don’t Duplicate Functions
  • 24. + Scale Ribbon
  • 25. + If You Can Only Do 5 Things
  • 26. +  Don'tunderestimate the challenge of creating an effective ribbon. #1  And don't take for granted that using a ribbon automatically makes your program better. If You Can Only Do 5 Things
  • 27. +  Make the commands discoverable. Users should be able to determine quickly #2 and confidently which tab has the command they are looking for, and rarely choose the wrong tab. If You Can Only Do 5 Things
  • 28. +  Make the commands self- explanatory. Users should understand the effect of a #3 command from its label, icon, tooltip and preview. If You Can Only Do 5 Things
  • 29. +  Make using the commands efficient #4 If You Can Only Do 5 Things
  • 30. +  Users should spend most of their time on the Home tab. #5  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