Architecting For Ux

  • 1,969 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Stellar!
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
1,969
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
112
Comments
1
Likes
16

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

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

Transcript

  • 1. UX
  • 2. How
  • 3. What
  • 4. Why
  • 5. UX
  • 6. Establish a common vocabulary around user experience
  • 7. User Experience
  • 8. User Experience User Interface Design
  • 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. User Experience User Interface Design User Research Information Design Usability Testing Design Planning
  • 11. What roles does a designer play?
  • 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. User Interface Design User Research Information Design Usability Testing Design Planning
  • 14. User Interface Design User Research Information Design Usability Testing Design Planning
  • 15. User Interface Design User Research Information Design Usability Testing Design Planning
  • 16. User Interface Design User Research Information Design Usability Testing Design Planning
  • 17. Good interaction designers are more than just graphic or visual designers User Interface Design User Research Information Design Usability Testing Design Planning
  • 18. User Experience Roles
  • 19. Summary thoughts
  • 20. Designers work about ‘what’ to design and also ‘how’
  • 21. User Experience Phases (Little d design)
  • 22. User Experience Phases (Big D design)
  • 23.  
  • 24. Software and design
  • 25. Where have we been?
  • 26.  
  • 27.  
  • 28.  
  • 29.  
  • 30.  
  • 31.  
  • 32.  
  • 33. UX
  • 34. Agenda
    • What is user experience?
    • Understanding the Microsoft UX platforms and the business value they enable
    • Choosing the right technology for the job
    • Demonstrations: From Reach to Experience First
      • ASP.NET AJAX
      • Silverlight
      • WPF
  • 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
  • 36. www.visitmix.com
  • 37. www.microsoft.com/ design www.microsoft.com/ expression Where to learn more
  • 38. www.microsoft.com/ asp.net www.microsoft.com/ silverlight Where to learn more
  • 39. Where to learn more wpf.netfx3.com/
  • 40. Where to learn more
  • 41. What is user experience?
  • 42.  
  • 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
  • 44. 4 Concepts
  • 45. 1
  • 46. Function
  • 47.  
  • 48. It Works Great!
  • 49. Aesthetic
  • 50.  
  • 51. It Looks Great!
  • 52. 3
  • 53. Interaction
  • 54.  
  • 55. It Relates to You!
  • 56. 4
  • 57. Process
  • 58.  
  • 59.  
  • 60.  
  • 61.  
  • 62.  
  • 63.  
  • 64.  
  • 65.  
  • 66. Generates Memories
  • 67. Emotional Connection
  • 68.
    • So, what does this have to do with software?
  • 69.
    • Business Principals
  • 70.
    • Technology tries to answer… “What is possible?”
    Source: Larry Keeley, Doblin
  • 71.  
  • 72.
    • Business tries to answer… “What is viable in the market place?”
    Source: Larry Keeley, Doblin
  • 73.  
  • 74.  
  • 75.  
  • 76.
    • Experience / Design tries to answer… “What is desirable to users?”
    Source: Larry Keeley, Doblin
  • 77.  
  • 78.  
  • 79.  
  • 80.  
  • 81. Consumers try to answer… “Where can I be part of the conversation? How can I control my participation? My voice?”
  • 82. Communities try to answer… “What is sustainable?”
  • 83. UX
  • 84. Understanding digital delivery models for the standards-based Web, the rich Web and the rich client
  • 85. A continuum of experience Consistent design and development story Ubiquity Richness Next Generation Expression Web / Visual Studio Web Expression Blend / Visual Studio
  • 86. Formerly Codenamed “Atlas” AJAX based Web applications Standards Based ASP.net Ajax
  • 87. Create and Deploy XAML content & Apps Everywhere! Windows, Web, Crossplatform, Devices Silverlight
  • 88. Windows Presentation Foundation Windows Desktop Applications Connected Applications WPF
  • 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
  • 90. Expression Studio
  • 91. Designer/developer experience
      • designers & developers:
      • Speak the same language
    designers design
      • designers & developers:
      • Speak different languages
    developers add business logic The new way for designers and developers to work together designer developer
  • 92. Expression Studio
  • 93. Expression Web
    • XHTML, CSS, XML, and XSLT
    • Collaborate with developers using Visual Studio
      • Standards, accessibility, cross-browser compatibility
  • 94. Expression Design
      • Design UI elements for Windows applications
      • Powerful vector tools and non-destructive effects
      • XAML workflow ensures design integrity
  • 95. Expression Blend Design stunning Windows applications Vector art, pixel images, high quality text, video, and real 3D content Ultimate user experiences
  • 96. Expression Media
      • Supports over 100 file formats
      • Version control and folder watching
      • Rename, convert, tag, batch process and search
  • 97. Expression Media Encoder
      • Batch convert WMV, AVI, MPEG, QT, and more
      • Cross-browser, cross-platform, cross-device
      • Command-line encoder
  • 98. Let’s take a deeper look…
  • 99. Web to better Web
  • 100. Desktop to better desktop
  • 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