UX@Vitra - Experience Continuum


Published on

Slides from UX@Vitra presentation around Experience Continuum at Microsoft. The slides address Windows Presentation Foundation (WPF), Silverlight and Microsoft Surface.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • http://thirteen23.com/experiences/desktop/blu/
  • TaskbarFishbowlPhotosuru
  • http://blogs.msdn.com/surface/archive/2009/04/23/nui-concept-videos-chi2009.aspxhttp://www.youtube.com/watch?v=hkSmU1L7xaY
  • So if we go back again and look at today’s workflow… all we’re doing is moving the portion in the middle and moving it to where designers and developers are using the SAME language. This language is XAML.This is where the power of Expression Studio comes in. The Designer does their initial mockups of the UI in Design, then adds a little interactivity in Blend, and because both of these products use XAML as their shared file format, the Developer is able to open the very same file in Visual Studio to add their code to make it a fully functional design.
  • UX@Vitra - Experience Continuum

    1. 1. Experience Continuum<br />Or how we address User Experience/Interface in a uniform approach: platform and tools<br />
    2. 2. Agenda<br />User Experience<br />The continuum<br />Windows Presentation Foundation<br />Windows 7<br />Silverlight<br />Surface<br />The tooling<br />Interaction/Design tooling: Microsoft Expression Blend<br />Developer tooling: Microsoft Visual Studio<br />
    3. 3. What Is User Experience? <br />
    4. 4. A great user experience makes all the difference.<br />
    5. 5. Vitra and User Experience<br />Photo of the Vitra showroom in Diegem, this is also Experience<br />
    6. 6. Rich, desktop experiences<br />
    7. 7. Windows Presentation Foundation<br />Part of .NET Framework<br />Buildrichclientapplicationsthat run on Windows<br />Take full advantage of OS<br />Full control on machine<br />3D support, hardware acceleration<br />Peripherals access<br />Consists of twolayers:<br />Uses XAML (XML Application Language) for User Interface layer<br />.NET code for business logic (C#, VB)<br />
    8. 8. AMD Live<br />Catalogs and visualizes photos, music and videos from local and internet sources.<br />Status: Shipping<br />Download: http://experience.amdlive.com/us-en/Home-Page/AMD-LIVE-Explorer.aspx<br />
    9. 9. Nero, BackItUp & Burn<br />Complete solution to secure your digital world. Includes backup, burning to technology, recovery tools and syncing features. <br />Status: Shipping <br />
    10. 10. TagWorks Kiosk<br />Kiosk for creating tags for your pets. Available at all PetSmart locations<br />Status: Ships Q408<br />
    11. 11. DEMO<br />Blu, JingandSeesmic<br />
    12. 12.
    13. 13. How WPF integrateswith Windows 7<br />Multi-touch support<br />Integration with the new taskbar<br />Jumplists<br />Program icons and status<br />Program thumbnail and<br />Ribbon<br />Location and sensor APIs<br />More...<br />
    14. 14. Windows 7 and WPF: Fishbowl and Photosuru<br />DEMO<br />
    15. 15. Enriched browser experience<br />
    16. 16. What is Microsoft Silverlight?<br />Microsoft® Silverlight™ is a cross-browser, cross-platform, and cross-device plug-in for delivering the next generation of media experiences and rich interactive applications for the Web.<br />Cross-Browser<br />Cross-Platform<br />
    17. 17. New in Silverlight 4<br />Currentlybeta<br />Out of browser:<br />Notifications<br />Elevated mode (partial trust)<br />WindowingAPIs (customchrome)<br />Webcam andmicrophone<br />HTML control<br />Printing<br />Much more...<br />
    18. 18. Media and out-of-browser<br />DEMO<br />
    19. 19. Microsoft Surface:Interface Paradigm Shift<br />CLI<br />NUI<br />GUI<br />
    20. 20. Microsoft Surface computing uses sensing and display technology to infuse everyday surfaces with digital content and is comprised of the following unique attributes:<br />Microsoft Surface And NUI<br />Object recognition<br />Direct interaction<br />Multi-touch<br />Multi-user<br />Object recognition<br />Direct interaction<br />Multi-touch<br />Multi-user<br />
    21. 21. Future vision: XUI video<br />VIDEO<br />
    22. 22.
    23. 23. No platform without tools<br />
    24. 24. Designer / Developer Experience<br />designer<br />developer<br />Designers & Developers: <br />Speak different languages<br />Designers & Developers: <br />Speak the same language<br />designers design<br />developers add business logic<br />
    25. 25. The Continuum and the Tools<br />Designer Tools<br />Developer Tools<br />
    26. 26. The tools<br />DEMO<br />
    27. 27. Choosing the right experience<br />Reach<br />XHTML/CSS<br />Cross Device<br />Mobile<br />Cross Platform/Cross Browser<br />Windows<br />Surface<br />Richness and Capability<br />
    28. 28. Notto miss<br />Scott Guthrie is comingto Belgium on December 4th – Kinepolis Brussels. <br />Topics: Silverlight 4, ASP.NET MVC 2, Visual Studio 2010 web development<br />http://bit.ly/scottinbelgium<br />Express YourselfNewsletter<br />http://www.microsoft.com/belux/interactive/<br />
    29. 29. THANK YOU<br />Katrien De GraeveDeveloper Evangelist<br />http://blogs.msdn.com/katriend/<br />Twitter: @katriendg<br />