My Presentation on UX Strategy to the architecture tracks at TechEd Australia and New Zealand 2009

2. Silverlight won't save your User Experience - You Will! Shane Morris User Experience Evangelist Microsoft Australia ARC304

7. Take Away #1 User Experience Design starts long before the drop-shadows and rounded corners

9. Why all this interest in User Experience (UX)?

11. Why all this interest in UX? Differentiated experiences Capability of platform and tools

12. Capability of Platform and Tools

13. “With great power there must also come – great responsibility!” Stan Lee

14. Silverlight won’t save your user experience.

15. Dropping Our Standards

16. 2 things used to constrain our ability to get ourselves in trouble Platform capability Platform standards

17. Platform Capability The Web 3270 with pictures Graphical User Interfaces(GUI’s) Platform performance Difficulty of coding wikipedia.org/3270

18. Platform Standards Web Logo, Search, Contact Us, top nav, left nav... GUI File, Edit, View, Tools, Window Help...

19. 3 Ingredients for Failure Awesome power No standards Boss that says we need a more up-to-date user experience.

20. Quiz The boss says we need a more up-to-date user experience Do you: Hire a user experience designer immediately Ask "What users?" Brush up your resume

21. What Users?

22. User Research User Profile User Task Environment Platform Persona's http://www.usability.gov/analyze/personas.html

23. What is your User Experience? You don't need a UI to define your user experience User Goals Business Goals Usability Goals Design Goals Attitude statement When people use this application, they feel...

24. Lonely Planet Surface Concept

25. Quickbooksvs XERO http://blog.xero.com/2008/12/bank-reconciliation/

26. Quickbooksvs XERO http://blog.xero.com/2008/12/bank-reconciliation/

27. Eventually you Have to Design Something...

28. Quiz You go to your first UI design meeting. In front of you is a blank sheet of flipchart paper. Do you: Change the subject: the required UI will become clear later. Say "Hey, nobody ever got sacked for copying Amazon!" Hand a Texta to the person wearing the most black in the room

29. Your First Design Activity Scenarios

30. Lonely Planet Surface Concept

31. Matt and Kate in Sydney Matt and Kate have finally made it through immigration at Sydney airport. They've been planning their South American trip for months - it's finally here! But first they have to suffer through the usual two hour wait in the airport before departure. Matt thinks quickly - 'let's get a coffee!' They wander around scanning the usual airport shops, looking for a Gloria Jean's. There are sunglasses shops, duty free of course, a newsagent... Suddenly Kate notices a cool looking store sporting a big blue Lonely Planet logo. "Oh my God! I didn't know there were Lonely Planet stores! Let's check it out!" While planning the trip, Kate was a regular visitor to lonelyplanet.com. She has registered a Lonely Planet profile, and the South America guidebook that they've been thumbing through for the last 4 months is in her bag. Kate has even stored her favourite South American destinations on lonelyplanet.com, and has posted a bunch of questions on Thorntree about the best romantic spots in Buenos Aires. Matt has been less involved in the planning. He knows the Lonely Planet brand, but just associates them with guidebooks. As they walk into the store, they can see not only Lonely Planet products, but also Crumpler, Teva, Northface and a bunch of other travel related brands. Kate is immediately attracted to the wall of books, while Matt notices a group of people leaning over a display screen in the middle of the store. Matt watches a young boy flick through images of New Zealand on the tabletop screen using his hands. Behind the photos is a map of the Queenstown area of New Zealand. Over at the book shelf, Kate notices a sticker on the back of the Buenos Aires city guide. The sticker says “Place me on our Microsoft Surface to learn more!” She grabs Argentina, Peru, and Buenos Aires and takes them over to Matt. Lonely Planet Scenario

32. Take Away #2 Your first user experience design doesn’t have a user interface.

33. Can I draw something now? OK, I’ve written my Activity Scenarios

34. Task Analysis

35. Applications Break At The Joins

36. Workflow Diagram Create ‘Customer’ Create ‘Policy Claim’ New New Who is calling? What do they want? New Inquiry Finish Call Act on request Existing Existing Identify ‘Customer’ Identify ‘Policy Claim’ The Hiser Group

37. Workflow Diagrams Are A map of the main user steps that make up a task High-level A way to start thinking about how to break tasks up in the user interface A way to focus on flow between functions, not just the functions

38. Workflow Diagrams Are Are not A map of the main user steps that make up a task High-level A way to start thinking about how to break tasks up in the user interface A way to focus on flow between functions, not just the functions A site map A diagram of the screens/pages in an application A diagram of every possible path and action

39. Workflow Diagram Create ‘Customer’ Create ‘Policy Claim’ New New Who is calling? What do they want? New Inquiry Finish Call Act on request Existing Existing Identify ‘Customer’ Identify ‘Policy Claim’ The Hiser Group

40. Creating Workflow Diagrams Start by creating one workflow diagram for each activity scenario / task. Avoid the temptation to incorporate other scenarios/functions at this stage. Keep it high-level! Once you have a first-pass, try to simplify the diagram. (By combining steps, for example.) Once you have a few, try to combine related diagrams into one, more abstract diagram.

41. Workflow diagramming in action

42. Workflow diagram syntax No set rules Keep it simple User action 1 Decision Y N Condition User action 2 Entry/Exit point Optional Usually enough

43. Workflow diagram Interpolate SetParameters Retouch Images SelectNodes Plan SpecialEffect RecordCompositeto Film Scan inFilm Rolls Convert & Manipulate Tape BuildFlowgraph Composite Convert &ManipulateTape ArrangeElements onLightbox Preview Preparation Planning Implementation Completion The Hiser Group

44. Examine your workflow diagrams for: Groupings of related functions Suggests screens, pages or panels Avoid ‘one screen/page per workflow diagram box’. Key flows between activities And therefore flows between screens/pages Clues to the overall Interaction model Hub-based / Document Centric? Wizard-based? Combination?

45. For the Record Other types of task analysis GOMS HTA Etc.

46. Can I build some screens now? OK I have workflow diagrams

47. Paper Prototyping

48. Paper Prototyping FAST DESIGN

49. Paper Prototyping Pros No technical skill required Not intimidating Clearly unfinished Necessarily high-level Low investment Cons Become unwieldy with lots of content Awkward to show subtle interactions Not as portable

50. Digital Prototyping

51. Prototyping problems: Required specific skills Too much implementation detail Wasn’t agile enough Everything interpreted through the prototyper’s eyes Throw-away Many of these problems are resolved

52. Then the miracle happens

53. Quiz OK, you’ve got a user interface design. What is the best way to ensure your user interface is usable? Hire a user experience consultant Get Quality Assurance involved Get an expert user to review the user interface None of the above, the users will tell us if there are any problems

54. Usability Testing

55. Usability Testing http://www.portfoliodesign.net/clients/case_study/monster_mob_usability_testing.asp?nav=marketing>

56. Usability Testing Give users tasks to perform Get them to think aloud Don’t interfere Know what constitutes success Consider getting a neutral party to test You don’t have to have a ‘usability lab’ You don’t need large numbers of users

57. Usability Testing Bonus Project buy-in

58. Take Away #3 Fail early, and fail often.

59. What We've Been Talking About User Profiling User Experience Goals Activity Scenarios Workflow Diagramming Paper Prototyping Usability Testing

60. User Centred Design

61. User Centred Design Users

62. Progressive Refinement

63. 3 Ingredients for Failure Awesome power No standards Boss that says we need a more up-to-date user experience.

64. 3 Takeaways User Experience Design starts long before the drop-shadows and rounded corners Your first user experience design doesn’t have a user interface Fail early, and fail often

65. question & answer

66. Required Slide Speakers, please list the Breakout Sessions, TLC Interactive Theaters and Labs that are related to your session. Related Content WUX212 Panel Discussion - Designers & Developers How We Do It In the Real World Wednesday 3:45pm

67. shanemo@microsoft.comblogs.mdsn.com/shanemoixd101.com@shanemo Thank you

68. Required Slide © 2009 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.