Download pdf - U X09 Harris

Transcript
Page 1: U X09  Harris
Page 2: U X09  Harris

Office 2007 introduceda totally redesigneduser experience

How and why did it happen?

Page 3: U X09  Harris

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

Page 4: U X09  Harris
Page 5: U X09  Harris
Page 6: U X09  Harris

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.”

Page 7: U X09  Harris
Page 8: U X09  Harris

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

Page 9: U X09  Harris
Page 10: U X09  Harris
Page 11: U X09  Harris
Page 12: U X09  Harris

Ye Olde Museum OfOffice Past

Page 13: U X09  Harris
Page 14: U X09  Harris
Page 15: U X09  Harris
Page 16: U X09  Harris
Page 17: U X09  Harris
Page 18: U X09  Harris
Page 19: U X09  Harris
Page 20: U X09  Harris
Page 21: U X09  Harris
Page 22: U X09  Harris
Page 23: U X09  Harris
Page 24: U X09  Harris
Page 25: U X09  Harris
Page 26: U X09  Harris
Page 27: U X09  Harris
Page 28: U X09  Harris
Page 29: U X09  Harris

Menus and Toolbars were designed for less full-featured programs

The feature set of Office had grown andstretched existing UI mechanisms to the limit

It was harder to find functionality than it wasa decade ago

“There must be a way to do this…”

“I don’t even know where to start looking.”

Page 30: U X09  Harris
Page 31: U X09  Harris
Page 32: U X09  Harris
Page 33: U X09  Harris
Page 34: U X09  Harris

The Ribbon

Galleries

Live Preview

Contextual Tabs

Quick AccessToolbar

Mini Toolbar

Enhanced Tooltips

Enhanced Status Bar

Live Zoom

Customizable Status Bar

KeyTips andKeyboard Navigation

Streamlined Options

Context Menus

Office Menu

Page 35: U X09  Harris

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

Page 36: U X09  Harris

ResearchDesign Tenets

Prototypes Evaluation

Page 37: U X09  Harris

ResearchDesign Tenets

Prototypes Evaluation

Page 38: U X09  Harris

and one part science.

Page 39: U X09  Harris

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

Page 40: U X09  Harris

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?

Page 41: U X09  Harris
Page 42: U X09  Harris

The“Sense of Mastery”

was gone

Page 43: U X09  Harris
Page 44: U X09  Harris
Page 45: U X09  Harris
Page 46: U X09  Harris
Page 47: U X09  Harris

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

We track nearly 6000 individual data points

We couldn’t have done this without data!

Page 48: U X09  Harris

Which commands do peopleuse most?

How are commands commonlysequenced together?

Which commands are accessedvia toolbar, mouse, keyboard?

Where do people fail to findfunctionality they’re asking for(in newsgroups, support calls,etc.)?

Page 49: U X09  Harris
Page 50: U X09  Harris

ResearchDesign Tenets

Prototypes Evaluation

Page 51: U X09  Harris
Page 52: U X09  Harris

“[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...

Page 53: U X09  Harris

…If nothing offers me any resistance, then any effort is

inconceivable, and consequently every

undertaking becomes futile.”

Page 54: U X09  Harris

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

Page 55: U X09  Harris

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.

Page 56: U X09  Harris

Someone has a design idea:

Page 57: U X09  Harris

Take the idea and validate against the design tenets

“Straightforward is better than clever.”

Page 58: U X09  Harris
Page 59: U X09  Harris

ResearchDesign Tenets

Prototypes Evaluation

Page 60: U X09  Harris

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…

Page 61: U X09  Harris
Page 62: U X09  Harris

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

Page 63: U X09  Harris
Page 64: U X09  Harris
Page 65: U X09  Harris
Page 66: U X09  Harris

Add to Favorites

Reset Picture

Page 67: U X09  Harris
Page 68: U X09  Harris
Page 69: U X09  Harris
Page 70: U X09  Harris
Page 71: U X09  Harris
Page 72: U X09  Harris
Page 73: U X09  Harris
Page 74: U X09  Harris
Page 75: U X09  Harris
Page 76: U X09  Harris
Page 77: U X09  Harris
Page 78: U X09  Harris
Page 79: U X09  Harris
Page 80: U X09  Harris
Page 81: U X09  Harris
Page 82: U X09  Harris
Page 83: U X09  Harris
Page 84: U X09  Harris
Page 85: U X09  Harris
Page 86: U X09  Harris
Page 87: U X09  Harris
Page 88: U X09  Harris
Page 89: U X09  Harris
Page 90: U X09  Harris
Page 91: U X09  Harris
Page 92: U X09  Harris
Page 93: U X09  Harris
Page 94: U X09  Harris
Page 95: U X09  Harris
Page 96: U X09  Harris
Page 97: U X09  Harris
Page 98: U X09  Harris

Microsoft Confidential

Page 99: U X09  Harris

Microsoft Confidential

Page 100: U X09  Harris

ResearchDesign Tenets

Prototypes Evaluation

Page 101: U X09  Harris

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)

Page 102: U X09  Harris

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

Page 103: U X09  Harris
Page 104: U X09  Harris
Page 105: U X09  Harris

Card SortsPhysical and Virtual

Feature Affinity Research

Command Loops

Beta Feedback

Longitudinal Usability

Needed to keep getting fresh eyes!

Page 106: U X09  Harris

Game Show

Page 107: U X09  Harris

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 108: U X09  Harris

They’re all on theWord 2003 Tools menu!

Page 109: U X09  Harris
Page 110: U X09  Harris

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

Page 111: U X09  Harris
Page 112: U X09  Harris
Page 113: U X09  Harris
Page 114: U X09  Harris

Design

Prototype

EvaluateCode

Evaluate

Page 115: U X09  Harris

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 do3 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

Page 116: U X09  Harris
Page 117: U X09  Harris

Case Study: Object Formatting

Page 118: U X09  Harris
Page 119: U X09  Harris

Case Study: Object Formatting

Page 120: U X09  Harris
Page 121: U X09  Harris
Page 122: U X09  Harris
Page 123: U X09  Harris
Page 124: U X09  Harris

Case Study: Object Formatting

Page 125: U X09  Harris
Page 126: U X09  Harris
Page 127: U X09  Harris
Page 128: U X09  Harris

Case Study: Object Formatting

Page 129: U X09  Harris
Page 130: U X09  Harris
Page 131: U X09  Harris
Page 132: U X09  Harris
Page 133: U X09  Harris
Page 134: U X09  Harris
Page 135: U X09  Harris

Case Study: Object Formatting

Page 136: U X09  Harris
Page 137: U X09  Harris
Page 138: U X09  Harris

PC World:

Consumer Electronics Show (CES):

Office 2007 #1 on Amazon.com software

Page 139: U X09  Harris

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

Page 140: U X09  Harris

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

makes my job less stressful

gives me more control over the activities in my life

gives me more control

enhances my effectiveness on the job

makes it easier to do my job

saves me time

makes me more effective

makes me more productive

enables me to find and use new features more quickly

makes it easier to get tasks done

better meets my needs

enables me to accomplish tasks more quickly

is easy to learn

is easier to use

is simple to use

makes it easier to discover new features and functions

is more intuitive

requires fewer steps to accomplish what I want to do

is more enjoyable to use

is more fun to use

makes it easier to create professional looking documents

Strongly Agree Somewhat Agree Somewhat Disagree Strongly Disagree

Page 141: U X09  Harris

ResearchDesign Tenets

Prototypes Evaluation

Page 142: U X09  Harris
Page 143: U X09  Harris
Page 144: U X09  Harris

My Office User Interface Blog:

http://blogs.msdn.com/jensenh

Page 145: U X09  Harris

© 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.

Page 146: U X09  Harris