The Age Of UX presented by JParanteau

3,909 views

Published on

Joseph T. Paranteau, Microsoft Corporation presented these slide at the June 2007 meeting for the Dallas/Fort Worth Usability Professionals Association

Published in: Business, Technology
2 Comments
24 Likes
Statistics
Notes
No Downloads
Views
Total views
3,909
On SlideShare
0
From Embeds
0
Number of Embeds
62
Actions
Shares
0
Downloads
0
Comments
2
Likes
24
Embeds 0
No embeds

No notes for slide

The Age Of UX presented by JParanteau

  1. 1. the age of ux Joseph T. Paranteau Microsoft Corporation June 19th, 2007
  2. 2. Topics for Tonight • About Me • Why User Experience Matters • Microsoft and UX? • Designing Office and Vista 2007
  3. 3. User Experience Rich user experience, familiar tools Development Tools, Enhanced productivity Suppliers Development Lifecycle Business Intelligence Reporting, Analytics, Scorecarding SOA & Business Process Business Process Automation, SOA, Integration Customers Data Management Data Store, BI capability, DB Services Infrastructure & Management Layer
  4. 4. Today’s Landscape – Why UX Matters ? the ux lever raises the bar differentiates product/service offers new market opportunities provides operational efficiency and business insight business results
  5. 5. Customer Testimonial: Elite Model Management
  6. 6. ux differentiates product or service
  7. 7. ux raises the bar
  8. 8. ux offers new market opportunities
  9. 9. ux provides operational efficiency and business insight
  10. 10. ux = more revenue + reduced customer support costs + greater customer loyalty + competitive advantage + more… _____________________________ advance the business
  11. 11. how can microsoft be a ux enabler?
  12. 12. Customer Testimonial: North Face
  13. 13. productivity tools for designers and developers
  14. 14. Microsoft Expression & Visual Studio designer developer designers & developers can streamline their collaboration XAML XHTML CSS XML/XSLT ASP.NET AJAX
  15. 15. Consistent fast installation forplatform experiences Deliver Cross browser, cross users Introducingexperiencesgraphics, Windows & Mac Stunning Microsoft Silverlight Seemless, vector-based between media, text, animation, and overlays
  16. 16. Silverlight in Advertising: Expandable banner MULTIPLE PANELS AND/OR FLOATING ADS LAUNCH FROM A BANNER VIA CLICK, MOUSEOVER OR AUTO-INITIATION.
  17. 17. simply speaking
  18. 18. microsoft ux continuum = ux as a business lever + ux skill set and assets + platform/XAML + designer-developer collaboration _______________________________ advance the business across all touch points
  19. 19. UX Platform & Tooling Across All Touch Points window vista .net fx/wpf, scripting vs, expression media center, xbox windows office 12 extender oba html, mcml, wpf, directx vsto ux touch digital home office points web live, ie7, windows cardspace windows mobile asp.net ajax, “wpf/e”, .net compact fx, “wpf/e” device web scripting vs, expression vs web dev, expression
  20. 20. the experience is the product
  21. 21. designing the user experience (ux) of Windows Vista and Microsoft Office 2007
  22. 22. Xerox Star
  23. 23. It starts with a clear sense of a mission. It starts with the desire to be more than we are today. A highly coveted brand. A more skilled competitor. A better partner. A more profitable entity. A more productive and enjoyable experience. A legacy.
  24. 24. user‟s goals, expectations, mental model, emotional state, physical and cognitive abilities | controls & widgets | user model | interaction model | data model | concepts & abstractions | underlying system bits | aesthetics | audio, tone & language of the text | the brand | physical hardware & devices connected to the PC | content | environment in which all this takes place | More than just the User Interface. It is the complete end-to-end interaction that the user has with the product.
  25. 25. Vision, Strategy, Technology Bets Research & Analysis & Imperatives Design: Concept Demos, idea prototypes Research: Field studies, Instrumented Version data, ethnography, Contextual Inquiry Concept Solutions, Requirements Conceptualization & Constraints Design: Problem analyses, sketches, schematics & flows, low- fidelity prototypes, visual design direction Research: focus groups, cognitive walk-through, instrumented version, low-fidelity iterative testing Iteration, Prototypes, Usability Testing, Detail Design Specs Design: High-fidelity prototypes, „protospecs‟, visual specs, final visual design, toolkit and guidelines Research: lab testing, benchmarks (end to end, Beta) Production, Fit & Finish, Bugs & Cuts Implementation Design: Art work, last-minute changes, “cuts”, “nasty detail”- protospecs, Research: Benchmarks, comparative studies, field studies
  26. 26. User Research Great user experience cannot be delivered without customer feedback. It does not matter how experienced a team you have, how few concepts you’re employing, or how brilliant and consistent your user model is: Ultimately users need to be involved to give you feedback on the user experience.
  27. 27. User Research – Quick Stats • 3000+ users in 1:1 research or small group research during the making of Windows Vista • Instrumentation data was gathered from 8000+ XP users • 20,000+ users participating in instrumentation programs to gather usage and configuration data and info through survey panels • Tracking 150+ common tasks for ease of use in Windows Vista • 50+ consumer families using beta since 2005 to give feedback on the day-to-day experience • Families in 7 countries in field research (US, India, Japan, Mexico, Germany, Finland, Israel) • Ethnographic research was conducted in Finland, Korea, Brazil, India, Russia, and US. • Engaged with international enterprises to understand their baseline use of XP and monitor improvements with Windows Vista as beta has been deployed • For Living with Vista we have received close to 5000 comments from 50 families (US and international) since the inception of the program at Beta 1 in August ‘05
  28. 28. Design Goals Makes getting to what you need Efficient and Easy Makes getting the results you want in Windows more Visual & Direct Makes people feel great about their Experience; creates a positive emotional connection
  29. 29. AERO aesthetic development Smart, Meet Beautiful.
  30. 30. Setup & Welcome
  31. 31. First Impressions
  32. 32. Start menu, Start button
  33. 33. Window management
  34. 34. Explorer
  35. 35. Common Operations Engine and UI
  36. 36. Common Operations Engine and UI
  37. 37. Top 200 error messages and notifications removed, fixed or improved
  38. 38. Dialogs and Wizards
  39. 39. New AERO icons
  40. 40. Live Icons (thumbnails)
  41. 41. Microsoft Office 2007 but first, a trip down the memory lane
  42. 42. Word 1.0
  43. 43. Word 6.0
  44. 44. Word 97
  45. 45. perception of bloating
  46. 46. Clippy: Office 97
  47. 47. Rafted Toolbars: Office 2000 Word 2000
  48. 48. TaskPanes: Office XP XP
  49. 49. the tipping point for menus, toolbars, and task panes
  50. 50. need for contextualization and galleries
  51. 51. Contextual Tabs Object Specific Contextual Tabs
  52. 52. Galleries
  53. 53. Galleries
  54. 54. usability: the art, the science, and the stockholm syndrome
  55. 55. Usability Projects office 2003 benchmark + eye tracking + card Slot + internal longitudinal studies + the “truman” show + office 12 benchmark + extended usage study + beta survey and visits + other efforts… _________________________________ usability projects in office 2007
  56. 56. Accessibility Begets Usability
  57. 57. Stockholm Syndrome Usability Stockholm Syndrome
  58. 58. the prototyping process
  59. 59. Paper, PowerPoint… Paper Prototypes
  60. 60. 1000 Card Pick-Up 1000 Card Pickup Card Sorting
  61. 61. performance is also an element ux
  62. 62. Fast at any Speed
  63. 63. The Junk Drawer Flea market of Functionality
  64. 64. obsession to detail
  65. 65. The “Eat Dismiss Click” Story
  66. 66. customization and statistics
  67. 67. fitt’s law and office 2007
  68. 68. Fitt’s Law and Office 2007Law
  69. 69. 1.3 billion sessions of data
  70. 70. Measuring Results It’s Not all About the Data
  71. 71. giving you the ribbons
  72. 72. Ribbons for Word
  73. 73. Ribbons for Excel
  74. 74. Ribbons for PowerPoint
  75. 75. the vice presidents start beating the drums
  76. 76. Catching the Plane
  77. 77. Final Thoughts • “user want more functionality, but want it to be presented as less” • “business is balancing the possibilities of design with the practicalities of reality” • “the experience is not part of the product. the product is part of the experience”
  78. 78. the experience is the product
  79. 79. Photosynth – http://labs.live.com
  80. 80. thank you Joseph Paranteau
  81. 81. Resources • Windows Vista Developer Center http://msdn.microsoft.com/windowsvista/ • Office as a Development Platform http://msdn.microsoft.com/office/tool/vsto/ • Windows Live http://msdn.microsoft.com/live/ • Microsoft Visual Studio http://msdn.microsoft.com/vstudio/ • Microsoft Expression www.microsoft.com/expression • Other Developer Centers (.NET Framework 3.0, ASP.NET, etc. http://msdn.microsoft.com/developercenters/ • Microsoft Surface • http://www.microsoft.com/surface

×