0
Office 2007
introduced
a totally
redesigned
user experience

How and why
did it happen?
August 2003
• Product Cycle Begins


     September 2005
     • First Public Demo of the New Office UI at PDC


          ...
   Conventional wisdom:
     “Office is good enough.”
     “People only use the same 5% of Office.”
     “Everything I...
We added new features…
  …but hardly anyone found or used them

Office seemed increasingly complicated…
   …and that seeme...
Ye Olde Museum Of
    Office Past
Menus and Toolbars were designed for less
full-featured programs
The feature set of Office had grown and
stretched existin...
The Ribbon          Enhanced Status Bar
Galleries           Live Zoom
Live Preview        Customizable Status Bar
Contextu...
Think about features instead of commands
Present functionality at a higher level
Illustrate features by their results
Use ...
Design
Research            Prototypes   Evaluation
           Tenets
Design
Research            Prototypes   Evaluation
           Tenets
and one part science.
User interface is the language by which
software communicates to a human what
it’s capable of

People have an emotional re...
Visited people at their workplace
Visited people in their home
Invited people into our labs for freeform
working and discu...
The
“Sense of Mastery”
    was gone
   Over 3 billion data sessions collected from
    Office users
   ~2 million sessions per day
   Over the last 90 days...
   Which commands do people
    use most?
   How are commands commonly
    sequenced together?
   Which commands are ac...
Design
Research            Prototypes   Evaluation
           Tenets
“[I feel] a sort of terror
when, finding myself before
the infinitude of possibilities
 that present themselves, I
    hav...
…If nothing offers me any
resistance, then any effort is
     inconceivable, and
     consequently every
   undertaking be...
Make the software easier to use
Help people save time
Help people to discover more of the power
of Office
Help people crea...
   A person’s focus should be on their
    content, not on the UI. Help people work
    without interference.
   Reduce ...
   Someone has a design idea:
   Take the idea and validate against the
    design tenets


                “Straightforward is better than clever.”
Design
Research            Prototypes   Evaluation
           Tenets
You can do anything in the world.
What should you do?

Hundreds of discrete prototypes were
created
   Over 25,000 images ...
First step: Conceptual Prototypes
Designed to explore a few key concepts
deeply (as opposed to broadly)
A few examples:
  ...
Reset Picture


   Add to Favorites
Microsoft Confidential
Microsoft Confidential
Design
Research            Prototypes   Evaluation
           Tenets
Beta Users (internal and 3 million external)
Anecdotal Feedback (blogs, forums)
Benchmarks and Metrics
Observations and In...
Measures the impact of the product on
someone over a number of months
Rich, direct feedback mechanisms (both
anecdotal and...
Card Sorts
  Physical and Virtual
Feature Affinity Research
Command Loops
Beta Feedback
Longitudinal Usability

Needed to ...
Game Show
What Do These Have In Common?
Find out the current number of words
Turn on speech command and control
Create a SharePoint ...
They’re all on the
Word 2003 Tools menu!
Learn how people interact with the UI by
watching where they look
Two types used:
   Heat map
   Gaze tracking
Help to und...
Design




Evaluate                    Prototype




       Code            Evaluate
Planted the “culture of iteration” in the team
Time to iterate was accounted for in the dev
schedule
Certain things we kne...
Case Study: Object Formatting
Case Study: Object Formatting
Case Study: Object Formatting
Case Study: Object Formatting
Case Study: Object Formatting
PC World:


Consumer Electronics Show (CES):


Office 2007 #1 on Amazon.com software
Make the software easier to use
Help people save time
Help people to discover more of the power
of Office
Help people crea...
makes it easier to create professional looking documents
                                         is more fun to use
     ...
Design
Research            Prototypes   Evaluation
           Tenets
My Office User Interface Blog:
http://blogs.msdn.com/jensenh
© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be...
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
U X09  Harris
Upcoming SlideShare
Loading in...5
×

U X09 Harris

16,228

Published on

Jensen Harris: "The Story of the Ribbon."

MIX conference Presentation, Las Vegas 2008

http://blogs.msdn.com/jensenh/archive/2008/03/12/the-story-of-the-ribbon.aspx

Published in: Business, Technology
1 Comment
9 Likes
Statistics
Notes
No Downloads
Views
Total Views
16,228
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
198
Comments
1
Likes
9
Embeds 0
No embeds

No notes for slide

Transcript of "U X09 Harris"

  1. 1. Office 2007 introduced a totally redesigned user experience How and why did it happen?
  2. 2. August 2003 • Product Cycle Begins September 2005 • First Public Demo of the New Office UI at PDC November 2005 • Beta 1 May 2006 • Beta 2 November 2006 • Released to Manufacturing
  3. 3.  Conventional wisdom:  “Office is good enough.”  “People only use the same 5% of Office.”  “Everything I need was in Office [95, 97, 2000].”  Asking real people told us a different story:  “I’m sure there’s a way to do this, but I can’t figure out how.”  “Office is so powerful, I would be better at my job if I knew how to use it more.”
  4. 4. We added new features… …but hardly anyone found or used them Office seemed increasingly complicated… …and that seemed to get worse every year People want better ways to get things done… …but they assume nothing will ever change
  5. 5. Ye Olde Museum Of Office Past
  6. 6. Menus and Toolbars were designed for less full-featured programs The feature set of Office had grown and stretched existing UI mechanisms to the limit It was harder to find functionality than it was a decade ago “There must be a way to do this…” “I don’t even know where to start looking.”
  7. 7. The Ribbon Enhanced Status Bar Galleries Live Zoom Live Preview Customizable Status Bar Contextual Tabs KeyTips and Quick Access Keyboard Navigation Toolbar Streamlined Options Mini Toolbar Context Menus Enhanced Tooltips Office Menu
  8. 8. Think about features instead of commands Present functionality at a higher level Illustrate features by their results Use galleries to get the user close to the result they want to achieve as quickly as possible Compare to: Command-Oriented Design
  9. 9. Design Research Prototypes Evaluation Tenets
  10. 10. Design Research Prototypes Evaluation Tenets
  11. 11. and one part science.
  12. 12. User interface is the language by which software communicates to a human what it’s capable of People have an emotional relationship with their computer On average, Office users spend more 1-on-1 time with Office than with their spouse
  13. 13. Visited people at their workplace Visited people in their home Invited people into our labs for freeform working and discussion We amassed over 10,000 hours of video of people using Office How did people feel when using Office?
  14. 14. The “Sense of Mastery” was gone
  15. 15.  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  We track nearly 6000 individual data points  We couldn’t have done this without data!
  16. 16.  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.)?
  17. 17. Design Research Prototypes Evaluation Tenets
  18. 18. “[I feel] a sort of terror when, finding myself before the infinitude of possibilities that present themselves, I have the feeling that everything is permissible...
  19. 19. …If nothing offers me any resistance, then any effort is inconceivable, and consequently every undertaking becomes futile.”
  20. 20. Make the software easier to use Help people save time Help people to discover more of the power of Office Help people create beautiful, powerful documents
  21. 21.  A person’s focus should be on their content, not on the UI. Help people work without interference.  Reduce the number of choices presented at any given time.  Increase efficiency.  Embrace consistency, but not homogeneity.  Give features a permanent home. Prefer consistent-location UI over “smart” UI.  Straightforward is better than clever.
  22. 22.  Someone has a design idea:
  23. 23.  Take the idea and validate against the design tenets “Straightforward is better than clever.”
  24. 24. Design Research Prototypes Evaluation Tenets
  25. 25. You can do anything in the world. What should you do? Hundreds of discrete prototypes were created Over 25,000 images alone Everything from scratches on the whiteboard to elaborate Flash prototypes Lots of late nights…
  26. 26. First step: Conceptual Prototypes Designed to explore a few key concepts deeply (as opposed to broadly) A few examples: The Configurator Fluid Menus The Strawman Full-Page UI Ring Task Guide
  27. 27. Reset Picture Add to Favorites
  28. 28. Microsoft Confidential
  29. 29. Microsoft Confidential
  30. 30. Design Research Prototypes Evaluation Tenets
  31. 31. Beta Users (internal and 3 million external) Anecdotal Feedback (blogs, forums) Benchmarks and Metrics Observations and Interviews Usability Studies (around the world and remote) Card Sorts and Paper Prototypes Surveys Longitudinal Usability Studies Long-Term Deployments (5 months+) Truman Show SQM (Customer Experience Improvement Program)
  32. 32. Measures the impact of the product on someone over a number of months Rich, direct feedback mechanisms (both anecdotal and raw instrumented data) Studying learning curve, feature depth of usage, efficiency The single most valuable source of actionable feedback for us
  33. 33. Card Sorts Physical and Virtual Feature Affinity Research Command Loops Beta Feedback Longitudinal Usability Needed to keep getting fresh eyes!
  34. 34. Game Show
  35. 35. 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
  36. 36. They’re all on the Word 2003 Tools menu!
  37. 37. Learn how people interact with the UI by watching where they look Two types used: Heat map Gaze tracking Help to understand linguistic similarities and differences Right-to-left reading languages Vertical text languages
  38. 38. Design Evaluate Prototype Code Evaluate
  39. 39. Planted the “culture of iteration” in the team Time to iterate was accounted for in the dev schedule Certain things we knew we’d need to do 3 times to get right Our architecture was designed to make it possible for us to iterate late in the cycle Only way to respond to longitudinal usability
  40. 40. Case Study: Object Formatting
  41. 41. Case Study: Object Formatting
  42. 42. Case Study: Object Formatting
  43. 43. Case Study: Object Formatting
  44. 44. Case Study: Object Formatting
  45. 45. PC World: Consumer Electronics Show (CES): Office 2007 #1 on Amazon.com software
  46. 46. Make the software easier to use Help people save time Help people to discover more of the power of Office Help people create beautiful, powerful documents
  47. 47. makes it easier to create professional looking documents is more fun to use is more enjoyable to use requires fewer steps to accomplish what I want to do is more intuitive makes it easier to discover new features and functions is simple to use is easier to use is easy to learn enables me to accomplish tasks more quickly better meets my needs makes it easier to get tasks done enables me to find and use new features more quickly makes me more productive makes me more effective saves me time makes it easier to do my job enhances my effectiveness on the job gives me more control gives me more control over the activities in my life makes my job less stressful 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% Strongly Agree Somewhat Agree Somewhat Disagree Strongly Disagree
  48. 48. Design Research Prototypes Evaluation Tenets
  49. 49. My Office User Interface Blog: http://blogs.msdn.com/jensenh
  50. 50. © 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×