Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Architecting For Ux

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige

Hier ansehen

1 von 101 Anzeige
Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

Ähnlich wie Architecting For Ux (20)

Anzeige

Weitere von Josh Holmes (20)

Aktuellste (20)

Anzeige

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

Hinweis der Redaktion

  • Thank you very much for attending this session about User Experience. Today we are going to talk about the

×