1st Reading 2

7/29/2019 1st Reading 2

1/146

7/29/2019 1st Reading 2

2/146

Office 2007introduceda totally

redesigneduser experience

How and why

did it happen?

7/29/2019 1st Reading 2

3/146

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

7/29/2019 1st Reading 2

4/146

7/29/2019 1st Reading 2

5/146

7/29/2019 1st Reading 2

6/146

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: Im sure theres a way to do this, but I cant figure

out how. Office is so powerful, I would be better at my job

if I knew how to use it more.

7/29/2019 1st Reading 2

7/146

7/29/2019 1st Reading 2

8/146

We added new featuresbut hardly anyone found or used them

Office seemed increasingly complicatedand that seemed to get worse every year

People want better ways to get things donebut they assume nothing will ever change

7/29/2019 1st Reading 2

9/146

7/29/2019 1st Reading 2

10/146

7/29/2019 1st Reading 2

11/146

7/29/2019 1st Reading 2

12/146

Ye Olde Museum OfOffice Past

7/29/2019 1st Reading 2

13/146

7/29/2019 1st Reading 2

14/146

7/29/2019 1st Reading 2

15/146

7/29/2019 1st Reading 2

16/146

7/29/2019 1st Reading 2

17/146

7/29/2019 1st Reading 2

18/146

7/29/2019 1st Reading 2

19/146

7/29/2019 1st Reading 2

20/146

7/29/2019 1st Reading 2

21/146

7/29/2019 1st Reading 2

22/146

7/29/2019 1st Reading 2

23/146

7/29/2019 1st Reading 2

24/146

7/29/2019 1st Reading 2

25/146

7/29/2019 1st Reading 2

26/146

7/29/2019 1st Reading 2

27/146

7/29/2019 1st Reading 2

28/146

7/29/2019 1st Reading 2

29/146

Menus and Toolbars were designed for lessfull-featured programs

The feature set of Office had grown and

stretched existing UI mechanisms tothe limit

It was harder to find functionality than it was

a decade agoThere must be a way to do this

I dont even know where to start looking.

7/29/2019 1st Reading 2

30/146

7/29/2019 1st Reading 2

31/146

7/29/2019 1st Reading 2

32/146

7/29/2019 1st Reading 2

33/146

7/29/2019 1st Reading 2

34/146

The RibbonGalleries

Live Preview

Contextual Tabs

Quick AccessToolbar

Mini Toolbar

Enhanced Tooltips

Enhanced Status BarLive Zoom

Customizable Status Bar

KeyTips and

Keyboard NavigationStreamlined Options

Context Menus

Office Menu

7/29/2019 1st Reading 2

35/146

Think about features instead ofcommandsPresent functionality at a higher level

Illustrate features by their results

Use galleries to get the user close to theresult they want to achieve as quickly aspossible

Compare to: Command-Oriented Design

7/29/2019 1st Reading 2

36/146

ResearchDesignTenets

Prototypes Evaluation

7/29/2019 1st Reading 2

37/146



7/29/2019 1st Reading 2

38/146

and one part science.

7/29/2019 1st Reading 2

39/146

User interface is the language by whichsoftware communicates to a human whatits capable of

People have an emotional relationship withtheir computer

On average, Office users spend more 1-on-1

time with Office than with their spouse

7/29/2019 1st Reading 2

40/146

Visited people at their workplace

Visited people in their home

Invited people into our labs for freeformworking and discussion

We amassed over 10,000 hours of video of

people using Office

How did people feel when using Office?

7/29/2019 1st Reading 2

41/146

7/29/2019 1st Reading 2

42/146

The

Sense of Masterywas gone

7/29/2019 1st Reading 2

43/146

7/29/2019 1st Reading 2

44/146

7/29/2019 1st Reading 2

45/146

7/29/2019 1st Reading 2

46/146

7/29/2019 1st Reading 2

47/146

Over 3 billion data sessions collected fromOffice users

~2 million sessions per day

Over the last 90 days, weve tracked352 million command bar clicks in Word

We track nearly 6000 individual data points We couldnt have done this without data!

7/29/2019 1st Reading 2

48/146

Which commands do peopleuse most?

How are commands commonly

sequenced together? Which commands are accessed

via toolbar, mouse, keyboard?

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

7/29/2019 1st Reading 2

49/146

7/29/2019 1st Reading 2

50/146



7/29/2019 1st Reading 2

51/146

7/29/2019 1st Reading 2

52/146

[I feel] a sort of terrorwhen, finding myself before

the infinitude of possibilitiesthat present themselves, Ihave the feeling that

everything is permissible...

7/29/2019 1st Reading 2

53/146

If nothing offers me anyresistance, then any effort is

inconceivable, andconsequently everyundertaking becomes

futile.

7/29/2019 1st Reading 2

54/146

Make the software easier to useHelp people save time

Help people to discover more of the powerof Office

Help people create beautiful, powerful

documents

7/29/2019 1st Reading 2

55/146

A persons focus should be on theircontent, not on the UI. Help people workwithout interference.

Reduce the number of choices presented atany given time.

Increase efficiency.

Embrace consistency, but not homogeneity.

Give features a permanent home. Preferconsistent-location UI over smart UI.

Straightforward is better than clever.

7/29/2019 1st Reading 2

56/146

Someone has a design idea:

7/29/2019 1st Reading 2

57/146

Take the idea and validate against thedesign tenets

Straightforward is better than clever.

7/29/2019 1st Reading 2

58/146

7/29/2019 1st Reading 2

59/146



7/29/2019 1st Reading 2

60/146

You can do anything in the world.What should you do?

Hundreds of discrete prototypes werecreated

Over 25,000 images alone

Everything from scratches on thewhiteboard to elaborate Flash prototypes

Lots of late nights

7/29/2019 1st Reading 2

61/146

7/29/2019 1st Reading 2

62/146

First step: Conceptual Prototypes

Designed to explore a few key conceptsdeeply (as opposed to broadly)

A few examples:The Configurator

Fluid MenusThe Strawman

Full-Page UI

Ring Task Guide

7/29/2019 1st Reading 2

63/146

7/29/2019 1st Reading 2

64/146

7/29/2019 1st Reading 2

65/146

7/29/2019 1st Reading 2

66/146

Add to Favorites

Reset Picture

7/29/2019 1st Reading 2

67/146

7/29/2019 1st Reading 2

68/146

7/29/2019 1st Reading 2

69/146

7/29/2019 1st Reading 2

70/146

7/29/2019 1st Reading 2

71/146

7/29/2019 1st Reading 2

72/146

7/29/2019 1st Reading 2

73/146

7/29/2019 1st Reading 2

74/146

7/29/2019 1st Reading 2

75/146

7/29/2019 1st Reading 2

76/146

7/29/2019 1st Reading 2

77/146

7/29/2019 1st Reading 2

78/146

7/29/2019 1st Reading 2

79/146

7/29/2019 1st Reading 2

80/146

7/29/2019 1st Reading 2

81/146

7/29/2019 1st Reading 2

82/146

7/29/2019 1st Reading 2

83/146

7/29/2019 1st Reading 2

84/146

7/29/2019 1st Reading 2

85/146

7/29/2019 1st Reading 2

86/146

7/29/2019 1st Reading 2

87/146

7/29/2019 1st Reading 2

88/146

7/29/2019 1st Reading 2

89/146

7/29/2019 1st Reading 2

90/146

7/29/2019 1st Reading 2

91/146

7/29/2019 1st Reading 2

92/146

7/29/2019 1st Reading 2

93/146

7/29/2019 1st Reading 2

94/146

7/29/2019 1st Reading 2

95/146

7/29/2019 1st Reading 2

96/146

7/29/2019 1st Reading 2

97/146

7/29/2019 1st Reading 2

98/146

Microsoft Confidential

7/29/2019 1st Reading 2

99/146

Microsoft Confidential

7/29/2019 1st Reading 2

100/146



7/29/2019 1st Reading 2

101/146

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)

7/29/2019 1st Reading 2

102/146

Measures the impact of the product onsomeone over a number of months

Rich, direct feedback mechanisms (both

anecdotal and raw instrumented data)Studying learning curve, feature depth ofusage, efficiency

The single most valuable source ofactionable feedback for us

7/29/2019 1st Reading 2

103/146

7/29/2019 1st Reading 2

104/146

7/29/2019 1st Reading 2

105/146

Card SortsPhysical and Virtual

Feature Affinity Research

Command Loops

Beta Feedback

Longitudinal Usability

Needed to keep getting fresh eyes!

7/29/2019 1st Reading 2

106/146

Game Show

What Do These Have In Common?

7/29/2019 1st Reading 2

107/146

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 documentsStart a web conference

Tweak AutoCorrect settings

7/29/2019 1st Reading 2

108/146

Theyre all on theWord 2003 Tools menu!

7/29/2019 1st Reading 2

109/146

7/29/2019 1st Reading 2

110/146

Learn how people interact with the UI bywatching where they look

Two types used:

Heat mapGaze tracking

Help to understand linguistic similarities and

differencesRight-to-left reading languages

Vertical text languages

7/29/2019 1st Reading 2

111/146

7/29/2019 1st Reading 2

112/146

7/29/2019 1st Reading 2

113/146

7/29/2019 1st Reading 2

114/146

Design

Prototype

EvaluateCode

Evaluate

7/29/2019 1st Reading 2

115/146

Planted the culture of iteration in the teamTime to iterate was accounted for in the devschedule

Certain things we knew wed need to do3 times to get right

Our architecture was designed to make it

possible for us to iterate late in the cycleOnly way to respond to longitudinal usability

7/29/2019 1st Reading 2

116/146

7/29/2019 1st Reading 2

117/146

Case Study: Object Formatting

7/29/2019 1st Reading 2

118/146

7/29/2019 1st Reading 2

119/146


7/29/2019 1st Reading 2

120/146

7/29/2019 1st Reading 2

121/146

7/29/2019 1st Reading 2

122/146

7/29/2019 1st Reading 2

123/146

7/29/2019 1st Reading 2

124/146


7/29/2019 1st Reading 2

125/146

7/29/2019 1st Reading 2

126/146

7/29/2019 1st Reading 2

127/146

7/29/2019 1st Reading 2

128/146


7/29/2019 1st Reading 2

129/146

7/29/2019 1st Reading 2

130/146

7/29/2019 1st Reading 2

131/146

7/29/2019 1st Reading 2

132/146

7/29/2019 1st Reading 2

133/146

7/29/2019 1st Reading 2

134/146

7/29/2019 1st Reading 2

135/146


7/29/2019 1st Reading 2

136/146

7/29/2019 1st Reading 2

137/146

7/29/2019 1st Reading 2

138/146

PC World:

Consumer Electronics Show (CES):

Office 2007 #1 on Amazon.com software

7/29/2019 1st Reading 2

139/146

Make the software easier to use

Help people save time

Help people to discover more of the power

of Office

Help people create beautiful, powerfuldocuments

makes it easier to create professional looking documents

7/29/2019 1st Reading 2

140/146

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 controlenhances 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 donebetter 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 intuitiverequires 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

7/29/2019 1st Reading 2

141/146



7/29/2019 1st Reading 2

142/146

7/29/2019 1st Reading 2

143/146

7/29/2019 1st Reading 2

144/146

My Office User Interface Blog:

http://blogs.msdn.com/jensenh

7/29/2019 1st Reading 2

145/146

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.

7/29/2019 1st Reading 2

146/146

1st Reading 2

Documents

Transcript of 1st Reading 2