{"id":251,"date":"2008-08-12T20:01:05","date_gmt":"2008-08-12T19:01:05","guid":{"rendered":"http:\/\/www.jurecuhalev.com\/blog\/?p=251"},"modified":"2008-08-12T20:01:05","modified_gmt":"2008-08-12T19:01:05","slug":"jensen-harris-the-story-of-the-ribbon-office-2007-uxweek08-notes","status":"publish","type":"post","link":"https:\/\/www.jurecuhalev.com\/blog\/jensen-harris-the-story-of-the-ribbon-office-2007-uxweek08-notes\/","title":{"rendered":"Jensen Harris – The Story of the Ribbon (Office 2007) [uxweek08 notes]"},"content":{"rendered":"
\"Microsoft<\/a>Image via Wikipedia<\/a> <\/span><\/div>\n

\u00c2\u00a0<\/p>\n

Jensen Harris lives at http:\/\/blogs.msdn.com\/jensenh\/<\/a><\/p>\n

\u00c2\u00a0<\/p>\n

The story of the Office<\/p>\n

\u00c2\u00a0<\/p>\n

Conventional wisdom said that the Office is good enough<\/strong>.<\/p>\n

Asking real people told different story, which was that the user interface was failing users.<\/p>\n

\u00c2\u00a0<\/p>\n

Symptoms they noticed:<\/p>\n

They added new features, but hardly anyone found them<\/p>\n

Office was supposed to be done, and that everyone though that it\u00e2\u20ac\u2122s not going to change<\/p>\n

\u00c2\u00a0<\/p>\n

How did they get to the first office?<\/p>\n

\u00c2\u00a0<\/p>\n

The first version – Word 1.0 (1989) -Two toolbars, quite simple.<\/p>\n

Word 2.0 – 640×480 (1992), Number of toolbars: 2<\/p>\n

Word 6.0 – 800×600 (1994) – Toolbars: 8<\/p>\n

Word 95 – 800×600 (1995) – Toolbars: 9 (defined red-squiggle spell checking)<\/p>\n

Word 97 – 1024×765 (1996) – Toolbars: 18 (added clippy); people used to describe it as bloat<\/strong><\/p>\n

Word 2000 – 1024×765 (1999) – Toolbars: 23 (reducing the perception of bloat)<\/p>\n

<\/span>– IntelliMenu; the menus are too long, we can shorten them. But instead of shorting them we can just hide the things in the menu. But to make it extra tricky to the user, we\u00e2\u20ac\u2122re intertwine the showed and hidden. On top of that, the computer learns how to arrange the visible\/invisible menu.<\/p>\n

\u00c2\u00a0 <\/span>– Rafting; all the menu items that wouldn\u00e2\u20ac\u2122t fit, fell of the screen<\/p>\n

<\/span>– It proved out to not work really well<\/p>\n

Word 2002 – 1024×768 (2001) – Toolbars: 30<\/p>\n

<\/span>– Created the Task pane (the right column). Since anyone couldn\u00e2\u20ac\u2122t find anything in the menu, they added the things into right column.<\/p>\n

Word 2003 – 1024×768 (2003) – Toolbars: 31<\/p>\n

\u00c2\u00a0<\/p>\n

Word 1 – 50 menu items to 300 in the end.<\/p>\n

\u00c2\u00a0<\/p>\n

Menus and toolbars we designed for less full-featured programs. The feature set of Office had grown and stretched the existing UI to full limits.<\/p>\n

\u00c2\u00a0<\/p>\n

A new UI was needed .. To reawaken the soul of software<\/p>\n

\u00c2\u00a0<\/p>\n

The Design process of Office 2007<\/p>\n

\u00c2\u00a0<\/p>\n

Part 1: The Art part – Research<\/p>\n

\u00c2\u00a0<\/p>\n

People have an emotional relationship with their computer.<\/p>\n

They learned from \u00e2\u20ac\u0153real people\u00e2\u20ac\u009d. Video, visiting, interviews etch.<\/p>\n

\u00c2\u00a0<\/p>\n

The fish – Framework for understanding the different kinds of feelings that people had at the overall using the office.<\/p>\n

\u00c2\u00a0<\/p>\n

When people are frustrated, why are they frustrated. Which of the factors are important and which less.<\/p>\n

\u00c2\u00a0<\/p>\n

Revelation: The sense of mastery of our software was gone<\/strong><\/p>\n

\u00c2\u00a0<\/p>\n

We don\u00e2\u20ac\u2122t know just what the software is capable of, but we actually understand how to go around it.<\/p>\n

\u00c2\u00a0<\/p>\n

Science: The Role of Data<\/p>\n

Over 3 billion (anonymous) data sessions collected from Office users<\/p>\n

Every month, tracked 150 million command button clicks in Word<\/p>\n

Tracked nearly 6000 individual data points<\/p>\n

We couldn\u00e2\u20ac\u2122t have done this without the data<\/p>\n

\u00c2\u00a0<\/p>\n

The data doesn\u00e2\u20ac\u2122t lie<\/strong><\/p>\n

\u00c2\u00a0<\/p>\n

Part 2: Design tenets<\/p>\n

\u00c2\u00a0<\/p>\n

Design tenets – a set of principles that your team believes in, and it allows your team to have a shared goal.<\/p>\n

Igor Stravinsky – [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…\u00c2\u00a0<\/p>\n

\u00e2\u20ac\u00a6If nothing offers me any resistance, then any effort is inconceivable, and consequently every undertaking becomes futile.\u00e2\u20ac\u009d<\/p>\n

[Showing Office 2007 UI Design Tenets]<\/p>\n

\u00c2\u00a0<\/p>\n

Design tenets have to be religion<\/strong><\/p>\n

\u00c2\u00a0<\/p>\n

Part 3: Prototypes<\/p>\n

Created hundreds of discrete prototypes<\/p>\n

\u00c2\u00a0<\/p>\n

Conceptual prototypes<\/strong><\/p>\n

Designed to explore a few key concepts deeply (as opposed to broadly)<\/em><\/p>\n

\u00c2\u00a0<\/p>\n

\u00c2\u00a0<\/p>\n

Part 4: Evaluation\u00c2\u00a0 Is it Good or not<\/p>\n

\u00c2\u00a0<\/p>\n

Standard Usability Tests – give you a good sense of what someone\u00e2\u20ac\u2122s first 30-90 minutes turn out. But it\u00e2\u20ac\u2122s different from the other users.<\/p>\n

Longitudinal Usability Tests – Weeks or months of observing users. Singular most usable usability testing<\/a> tool.<\/strong><\/p>\n

\u00c2\u00a0<\/p>\n

Eye Tracking – \u00e2\u20ac\u0153special monitor that watches you\u00e2\u20ac\u009d. It turns out that users mouse is in a totally different spot that what the user looks at. Heat map and screen gazing.<\/p>\n

\u00c2\u00a0<\/p>\n

From initial design to final product – ITERATION<\/strong><\/p>\n

\u00c2\u00a0<\/p>\n

Iteration Built Into the Product Cycle – Planning to iterate. From product schedule to changes in code that allowed late prototype<\/p>\n

\u00c2\u00a0<\/p>\n

Happy ending<\/strong><\/p>\n

\u00c2\u00a0<\/p>\n

The attention to Design Pays Off. Lots of awards and people buying the software at 2x the size of the earlier versions.<\/p>\n

\u00c2\u00a0<\/p>\n

\u00c2\u00a0<\/p>\n

\nRelated articles by Zemanta<\/legend>\n