If the 20th century is about technology functions, then the 21st century is about technology users. Building useful, usable, and attractive software applications for people is critical to win customers. User Experience (UX) is much more than just UI, it includes all key aspects of application such as performance and availability that you as developers concern. This session will start off with the ROI of great UX and why you should care. Then, 5 practical tips for creating great UX will be shared that you can take home and start improve your software UX right away.

1. Building for People: 5 Practical Tips for Creating Great User eXperience (UX) Qixing Zheng UX Advisor Microsoft Canada

2. User Experience Advisor Passionate about UX

3. User Experience Advisor School

5. What’s UX?

6. User Experience (UX) Design "all aspects of the user’s interaction with the product: how it is perceived, learned, and used.“ - wikipedia Human Computer Interaction (HCI) Interaction Design Information Architecture User Interface Design Usability Engineering Interface Design Visual Design Media Design

7. User Experience is Everything Scalability Maintainability Manageability Security Privacy Branding Resilience Robustness Responsiveness Extensibility Availability Reusability Agility Performance Stability Reliability Adaptability Efficiency Usefulness Usability

8. UX Is Usability after before accessibility searchability discoverability learnability intuitiveness productivity responsiveness latency performance interactivity flavors

9. UX Is Usefulness before after functional valuable flavors

10. UX Is Adaptability before after context extensible personalized customizable flavors

11. UX Is Reliability before after secure scalable predictable trustworthy flavors

12. UX Is Desirability before after beautiful attractive exclusivity emotional appeal pride of ownership flavors

13. UX is Cross-platform, Open Process, and Language Agnostic! User Experience User Interface UX is about making software with people in mind all the time…

14. UX Quiz !! What’s wrong with the following websites in terms of UX Design?

15. Graphicsexchange.com Visual Battlefield

16. panago.com Confusing Navigation

17. The Guessing Game communicatenewmedia.com

18. Resource for the Worst of Worst Websitesthatsuck.com

19. What about some good examples?

20. expedia.com travelocity.com/

22. tudou.com

23. Why Bother? It’s hard enough to just get the things done and functional, much less make it have good UX.

27. Increased revenues Examples of ROI of UX

29. The Office Redesign Story

30. Why did we need a new UX for Office 2007?

31. We added new features year after year but hardly anyone found or used them “ There must be a way to do this…” “ I don’t even know where to start looking.” Within the 10 top requested features in Office, 5 had already been in the product for more than a release “ Office is BLOATED ”

39. Effectiveness (2003)

40. Effectiveness (2007) Contextual Tabs

41. Efficiency (2003)

42. Mini-Toolbar: closer to the cursor

43. Satisfaction (2003)

44. Clippy Stars in the Late Night Show

45. Satisfaction (2003)

46. Satisfaction (2007) Dropdown Gallery In-Ribbon Gallery

48. How? So how do I, as a developer/architect, create good experiences for my users?

49. User-Centered Design Process User Iterative Process Design & Prototype Research Usability Evaluation

50. Office 2007 Design Process

52. A Word About Personas Bob Ivan Alice by J. Ambrose Little

53. A UX Software Model Application Task Oriented Web Site Information Oriented -Jesse James Garrett

55. How do I integrate UX focus into my existing development processes ?

56. More Sequential Processes User Research Biz/Market Research Ethnography Focus Groups Task Analysis Use Case Development UX Design Information Architecture Interaction Design Visual Design Prototyping Design Guidelines Prototype Usability Testing UX Support Design Refinement & Adjustment Usability Testing UX Reviews & Optimization Functional Revision by J. Ambrose Little

57. An Agile Perspective by J. Ambrose Little Product Vision Document Primary Market & User Research Product Backlog Iteration Zero Create Backlog Released Product Validated Design Design Iteration Build Iteration Maintain/ Enhance Design Iteration Build Iteration Validated Design

61. Know your users spend time to find out what they know and need 1

62. Office 2003: Find the “Find” Command Eye tracking Demo

64. Reduce concepts to increase confidence minimize the number of choices presented at any given time 2

65. Photo by Long Zheng Ways to launch Outlook in Vista

66. Photo by Long Zheng Ways to launch Outlook in Win7

67. Communicate effectively through a visual language does this communicate better visually than text Use as few different typefaces and sizes as possible follow simple visual design principles: Contrast, Alignment, Repetition, and Proximity 3

68. Example Better:

69. Increase efficiency when possible Reduce the number of steps to accomplish a task 4

70. Be Consistent Conventions are good Consistent language Follow the users expectation Let users existing skills transfer 5

71. Consistent but not homogeneity

72. dontclick.it I want my click back

73. If you can’t remember all 5, just do this… Don’t Make Users Think!

74. What does .NET give me?

76. Great tools and platforms help, but ultimately, you have to embrace User-Centered Design thinking to use them to build great experiences.

78. Resources [email_address] http://blogs.msdn.com/canux