Design In The Trenches With Chris Bernard


Published on

Published in: Technology
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Hi, I’m Chris Bernard, a User Experience Evangelist for Microsoft. In this session we are going to take a bit of a different tact and talk about how Microsoft has been walking the walk with User Experience in designing some of their own products. We’ll discuss some of challenges we’ve had, how design has evolved at Microsoft over time, and how we applied some principals and practices that are central to effective user experience. Finally, throughout this conversation will discuss what it’s like to work as a designer at Microsoft and have time for some questions at the end of the presentation and demonstrations. So, let’s get started. As someone that’s been a practicing interaction designer for a number of years
  • Design In The Trenches With Chris Bernard

    1. Design in the trenches Chris Bernard, User Experience Evangelist, Microsoft
    2. <ul><li>All the content in this presentation came from my hard working design peers at Microsoft, I didn’t do any of this work, I’m just sharing their good deeds. All photos in this presentation are from unless otherswise noted and are used for educational purposes. </li></ul><ul><li>For office, all of the principles, thoughts, etc. came from Jensen Harris. For Windows Vista, ideas came from Jenny Lam and Tjeerd Hoek. Do a web search on these guys (I suggest Windows Live Search <ahem>) to find out what they are up to today. They are all brilliant design peers and I hope this presentation helps you learn as much from them as I did. </li></ul><ul><li>Please visit and look under the knowledge center to fine a video of me giving this presentation. </li></ul><ul><li>Or try: </li></ul>
    4. UX
    7. Beginnings
    8. Xerox Star
    11. Experience Rewarding Moments
    12. For Microsoft, it started with a clear sense of mission … <ul><li>… with the desire to be more than we are today. </li></ul><ul><ul><li>A highly coveted brand. </li></ul></ul><ul><ul><li>A more skilled competitor. </li></ul></ul><ul><ul><li>A better partner. </li></ul></ul><ul><ul><li>A more profitable entity. </li></ul></ul><ul><ul><li>A maker of more productive and enjoyable experience. </li></ul></ul><ul><ul><li>A legacy. </li></ul></ul>
    13. User Experience principles <ul><li>Useful New capabilities that customers want and need. </li></ul><ul><li>Usable Efficient for familiar and easy for unfamiliar tasks. </li></ul><ul><li>Desirable Builds emotional connections; both familiar and new. </li></ul><ul><li>Feasible Achievable on time with available technology. </li></ul>
    14. Office User Experience Design
    15. Word 1.0
    16. Word 6.0
    17. Word 97
    18. Running into Fitt’s Law
    19. Nathan Myhrvold's 1 st law of software “ Software is a gas”
    21. Adaptive Menus: Office 2000 “ Long” Menu “ Short” Menu
    22. Rafted Toolbars: Office 2000
    23. Task Panes: Office XP
    24. Some Tipping Points
    25. Word Menus Word 1.0 50 Word 6.0 100 Word 97 200 Word 2003 250+
    26. Tool Menus & Task Panes Word 1.0 2 Word 6.0 7 Word 97 15 Word 2000 30 menus 50 task panes
    27. Time for a change
    28. Fast at any Speed
    29. Avoiding the Junk Drawer
    30. Mastering Details obsession to detail
    31. Contextual Tabs
    32. Dropdown Gallery
    33. Grid Layout Gallery
    34. In-Ribbon Gallery
    35. Quick Access and Magic Corners
    36. Mini-Toolbar: Closer to the Cursor
    37. Larger control labels
    38. The Ribbon for Word
    39. The Ribbon for Excel
    40. The Ribbon for PowerPoint
    42. Vista User Experience Design
    43. Design Goals Make getting what you need efficient & easy Make getting the results you want in Windows more… visual & direct Make people feel great about their experience… creating a positive emotional experience
    45. First Impressions
    46. Set up and welcome
    47. Start menu, Start button
    48. Taskbar & Tray
    49. Window management
    50. Glass window frames
    52. Live Icons (thumbnails)
    53. Explorer
    54. Common File Dialogs
    55. Top 200 error messages and notifications removed, fixed or improved
    56. Control Panel
    57. Our Process
    58. Customer research
    60. Selected usability focused projects for Office 2007 <ul><li>Office 2003 benchmark </li></ul><ul><li>Eye tracking </li></ul><ul><li>Card sort </li></ul><ul><li>Internal longitudinal studies </li></ul><ul><li>The “Truman” show </li></ul><ul><li>Office 12 benchmark </li></ul><ul><li>Extended usage study </li></ul><ul><li>Beta survey and visits </li></ul>
    61. Selected usability focused projects for Vista <ul><li>3000+ users in 1:1 research or small group research during the making of Windows Vista </li></ul><ul><li>Instrumentation data was gathered from 8000+ XP users </li></ul><ul><li>20,000+ users participating in instrumentation programs to gather usage and configuration data and info through survey panels   </li></ul><ul><li>Tracking 150+ common tasks for ease of use in Windows Vista </li></ul><ul><li>30+ consumer families using beta since 2005 to give feedback on the day-to-day experience </li></ul><ul><li>Families in 7 countries in field research (US, India, Japan, Mexico, Germany, Finland, Israel) </li></ul><ul><li>Ethnographic research was conducted in Finland, Korea, Brazil, India, Russia, and US. </li></ul><ul><li>Engaged with international enterprises to understand their baseline use of XP and monitor improvements with Windows Vista as beta has been deployed </li></ul><ul><li>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 </li></ul>
    62. The Paper Prototype
    63. 1000 Card Pickup
    64. Measuring results
    65. What Microsoft has learned
    66. people want more functionality but want it to be presented as less Source: Jakob Nielsen
    67. the experience is not part of the product— the product is part of the experience
    68. The experience is the product
    69. Where to learn more <ul><li>Get links to the following: </li></ul><ul><li>Jensen Harris Blog, Microsoft Office Product Manger </li></ul><ul><li>Microsoft Design Web site </li></ul><ul><li>Microsoft Expression Web site </li></ul><ul><li>Windows Vista Website </li></ul><ul><li>Office UI Standards </li></ul><ul><li>Vista UI Standards </li></ul><ul><li>… at: </li></ul><ul><li>Look for a Design in the Trenches Content at </li></ul>
    70. Designing at Microsoft
    71. Question & Answer?
    72. Thank you
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.