Architecting For Ux

2,683 views
2,512 views

Published on

Published in: Technology
1 Comment
22 Likes
Statistics
Notes
  • Stellar!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,683
On SlideShare
0
From Embeds
0
Number of Embeds
70
Actions
Shares
0
Downloads
118
Comments
1
Likes
22
Embeds 0
No embeds

No notes for slide
  • Thank you very much for attending this session about User Experience. Today we are going to talk about the
  • Architecting For Ux

    1. 1. UX
    2. 2. How
    3. 3. What
    4. 4. Why
    5. 5. UX
    6. 6. Establish a common vocabulary around user experience
    7. 7. User Experience
    8. 8. User Experience User Interface Design
    9. 9. User interfaces that are applied after an application and Web site are architected are like pushing icing around on a cake. They can make something look nice but not fix fundamental problems, they merely hide them.
    10. 10. User Experience User Interface Design User Research Information Design Usability Testing Design Planning
    11. 11. What roles does a designer play?
    12. 12. A human being should be able to change a diaper, plan an invasion, butcher a hog, conn a ship, design a building, write a sonnet, balance accounts, build a wall, set a bone, comfort the dying, take orders, give orders, cooperate, act alone, solve equations, analyze a new problem, pitch manure, program a computer, cook a tasty meal, fight efficiently, die gallantly. Specialization is for insects. Robert Heinlein, Author
    13. 13. User Interface Design User Research Information Design Usability Testing Design Planning
    14. 14. User Interface Design User Research Information Design Usability Testing Design Planning
    15. 15. User Interface Design User Research Information Design Usability Testing Design Planning
    16. 16. User Interface Design User Research Information Design Usability Testing Design Planning
    17. 17. Good interaction designers are more than just graphic or visual designers User Interface Design User Research Information Design Usability Testing Design Planning
    18. 18. User Experience Roles
    19. 19. Summary thoughts
    20. 20. Designers work about ‘what’ to design and also ‘how’
    21. 21. User Experience Phases (Little d design)
    22. 22. User Experience Phases (Big D design)
    23. 24. Software and design
    24. 25. Where have we been?
    25. 33. UX
    26. 34. Agenda <ul><li>What is user experience? </li></ul><ul><li>Understanding the Microsoft UX platforms and the business value they enable </li></ul><ul><li>Choosing the right technology for the job </li></ul><ul><li>Demonstrations: From Reach to Experience First </li></ul><ul><ul><li>ASP.NET AJAX </li></ul></ul><ul><ul><li>Silverlight </li></ul></ul><ul><ul><li>WPF </li></ul></ul>
    27. 35. Your Peeps Chris Bernard User Experience Evangelist [email_address] 630.530.4208 designthinkingdigest.com Josh Holmes RIA Architect Evangelist [email_address] 734.323.3543 joshholmes.com Larry Clarkin Architect Evangelist [email_address] 262.347.9582 larryclarkin.com Phil Wheat Architect Evangelist phil.wheat@microsoft.com 512.897.8485 blog.austinwheats.net Clint Edmondson Architect Evangelist [email_address] 314.703.7713 notsotrivial.net/blog Brian Prince Architect Evangelist brprince@microsoft.com 614.519.5045 brianhprince.blogspot.com
    28. 36. www.visitmix.com
    29. 37. www.microsoft.com/ design www.microsoft.com/ expression Where to learn more
    30. 38. www.microsoft.com/ asp.net www.microsoft.com/ silverlight Where to learn more
    31. 39. Where to learn more wpf.netfx3.com/
    32. 40. Where to learn more
    33. 41. What is user experience?
    34. 43. Design is Inevitable “ Questions about whether design is necessary or affordable are quite beside the point: design is inevitable . The alternative to good design is bad design , not no design at all.” Douglas Martin designer
    35. 44. 4 Concepts
    36. 45. 1
    37. 46. Function
    38. 48. It Works Great!
    39. 49. Aesthetic
    40. 51. It Looks Great!
    41. 52. 3
    42. 53. Interaction
    43. 55. It Relates to You!
    44. 56. 4
    45. 57. Process
    46. 66. Generates Memories
    47. 67. Emotional Connection
    48. 68. <ul><li>So, what does this have to do with software? </li></ul>
    49. 69. <ul><li>Business Principals </li></ul>
    50. 70. <ul><li>Technology tries to answer… “What is possible?” </li></ul>Source: Larry Keeley, Doblin
    51. 72. <ul><li>Business tries to answer… “What is viable in the market place?” </li></ul>Source: Larry Keeley, Doblin
    52. 76. <ul><li>Experience / Design tries to answer… “What is desirable to users?” </li></ul>Source: Larry Keeley, Doblin
    53. 81. Consumers try to answer… “Where can I be part of the conversation? How can I control my participation? My voice?”
    54. 82. Communities try to answer… “What is sustainable?”
    55. 83. UX
    56. 84. Understanding digital delivery models for the standards-based Web, the rich Web and the rich client
    57. 85. A continuum of experience Consistent design and development story Ubiquity Richness Next Generation Expression Web / Visual Studio Web Expression Blend / Visual Studio
    58. 86. Formerly Codenamed “Atlas” AJAX based Web applications Standards Based ASP.net Ajax
    59. 87. Create and Deploy XAML content & Apps Everywhere! Windows, Web, Crossplatform, Devices Silverlight
    60. 88. Windows Presentation Foundation Windows Desktop Applications Connected Applications WPF
    61. 89. Where to apply it Consistent design and development story Web + Standards Rich Web Ultimate Experience Friction free deployment and adoption Developer / Designer productivity and collaboration Ecosystem – controls, content, solutions integrators, community .NET XAML AJAX + .NET, JavaScript, DL Support XAML HTML + AJAX CSS / DHTML Expression Web / Visual Studio Web Expression Blend / Visual Studio
    62. 90. Expression Studio
    63. 91. Designer/developer experience <ul><ul><li>designers & developers: </li></ul></ul><ul><ul><li>Speak the same language </li></ul></ul>designers design <ul><ul><li>designers & developers: </li></ul></ul><ul><ul><li>Speak different languages </li></ul></ul>developers add business logic The new way for designers and developers to work together designer developer
    64. 92. Expression Studio
    65. 93. Expression Web <ul><li>XHTML, CSS, XML, and XSLT </li></ul><ul><li>Collaborate with developers using Visual Studio </li></ul><ul><ul><li>Standards, accessibility, cross-browser compatibility </li></ul></ul>
    66. 94. Expression Design <ul><ul><li>Design UI elements for Windows applications </li></ul></ul><ul><ul><li>Powerful vector tools and non-destructive effects </li></ul></ul><ul><ul><li>XAML workflow ensures design integrity </li></ul></ul>
    67. 95. Expression Blend Design stunning Windows applications Vector art, pixel images, high quality text, video, and real 3D content Ultimate user experiences
    68. 96. Expression Media <ul><ul><li>Supports over 100 file formats </li></ul></ul><ul><ul><li>Version control and folder watching </li></ul></ul><ul><ul><li>Rename, convert, tag, batch process and search </li></ul></ul>
    69. 97. Expression Media Encoder <ul><ul><li>Batch convert WMV, AVI, MPEG, QT, and more </li></ul></ul><ul><ul><li>Cross-browser, cross-platform, cross-device </li></ul></ul><ul><ul><li>Command-line encoder </li></ul></ul>
    70. 98. Let’s take a deeper look…
    71. 99. Web to better Web
    72. 100. Desktop to better desktop
    73. 101. Your Peeps Chris Bernard User Experience Evangelist [email_address] 630.530.4208 designthinkingdigest.com Josh Holmes RIA Architect Evangelist [email_address] 734.323.3543 joshholmes.com Larry Clarkin Architect Evangelist [email_address] 262.347.9582 larryclarkin.com Phil Wheat Architect Evangelist phil.wheat@microsoft.com 512.897.8485 blog.austinwheats.net Clint Edmondson Architect Evangelist [email_address] 314.703.7713 notsotrivial.net/blog Brian Prince Architect Evangelist brprince@microsoft.com 614.519.5045 brianhprince.blogspot.com

    ×