Session Code: WUX317




    Nerdvana Annihilation:
    Improving Silverlight UX without out-of-the-box controls




    M...
Remember…
    What To Expect
      Level 300
        This is NOT a Silverlight introduction session

      Assuming knowle...
Agenda
    Nerdvana Annihilation

      What is UX?
      The Nerdvana
      The Pursuit of Simplicity
      Communication...
What is UX
    A Definition


    “User experience design, most often abbreviated
      UX, is a term used to describe the...
What is UX
    The Real Thing
      Human Computer Interaction
      Human Factors Engineering
      Information Architect...
7   http://www.flickr.com/photos/gorgeoux/2961099855/
What is UX
    Why Should We Care
      As Designers & Interaction Designers
        Make a Life of HCI and UX

      As D...
What is UX
    Designing The User Experience




9
What is UX
     Designing The User Experience




                                 http://www.flickr.com/photos/partee/259...
What is UX
     Designing The User Experience




                                http://www.flickr.com/photos/recyclethis...
What is UX
     Good Design, Bad UX




                           http://www.nickmelville.co.uk/portfolio.php?item=paddyc...
The Nerdvana
     The what!?!?!




13
The Nerdvana
     The what!?!?!

     [1] def. The perfect blend of logic and emotion. A
        state of total computer b...
The Nerdvana
     Control-based Experiences




                                 ASP.NET
15
The Nerdvana
     Control-based Experiences




                                 SILVERLIGHT
16
The Nerdvana
     Control-based Experiences




17
Idea-Spaces
     Creative Leaps




                      Richard Ogle
                      2007


                      ...
Idea-Spaces
     Embedding Knowledge




                           http://www.flickr.com/photos/vituh2001/2837746448/

19
Idea-Spaces
     Using Extended Knowledge




                                http://www.flickr.com/photos/imagezen/651996...
The Nerdvana
     Annihilating Hopes




                          http://www.flickr.com/photos/davidbaker/497740339/

21
Silverlight Enhanced Blog


     Introduction to the Nerdvana Concept




22
The Pursuit of Simplicity
     What Do My Users Expect?




23
The Pursuit of Simplicity
     What Do My Users Expect?




24
Communication Techniques
     UX Methods: Mental Models




25
Communication Techniques
     UX Methods: Low Fidelity Prototyping




26
Silverlight Enhanced Blog


     Mental Models




27
Information Architecture
     Visualization




28
Silverlight Enhanced Blog


     Improving Visualization




29
Interaction Design
     How Will Users Interact With My Content?




30
Interaction Design
     How Will Users Interact With My Content?




31
Silverlight Enhanced Blog


     Interaction Design




32
Navigation & Intuitiveness
     Using Metaphors & Animations




                             http://www.flickr.com/photos...
Silverlight Enhanced Blog


     Navigation & Intuitiveness




34
Adaptive User Interface
     Let The Users See What They Really Need




                              http://www.flickr.c...
Silverlight Enhanced Blog


     Adaptive User Interface




36
Summary
     Things to Remember

       User Experience is about breaking frontiers
       Think from the User Perspective...
Book References
     Related Topics


            John Maeda             Edward R. Tufte
            2006                 ...
39
Contact Information

               Miguel Jiménez
           hello@migueljimenez.net
           www.migueljimenez.net
   ...
Now extended from
                                         2 to 24 hours after session
                                   ...
Resources for Developers


  www.microsoft.com/teched
      Tech·Talks     Tech·Ed Bloggers
      Live Simulcasts         ...
Related Content
Breakout Sessions
 Today:
 WUX203 – Room 114 – An Introduction to Microsoft Silverlight Controls Framework...
© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be...
The Nerdvana Annihilation: Improving Silverlight Ux
Upcoming SlideShare
Loading in...5
×

The Nerdvana Annihilation: Improving Silverlight Ux

1,178

Published on

Silverlight 2.0 is a reality that is used across many different sites and companies. It includes an impressive feature set that can fulfill most requirements. Explore the possibilities of creating an avant-garde user experience by using those resources to exploit the concepts of simplicity, enhanced visualization, interaction, navigation, intuitiveness and adaptiveness. We would explore the field of User-Centered Design, so called Emotional Design, and how it is disappointed by the concept of Nerdvana, a place where all the needed controls and features are packed in a box ready to use. Let's play creating an alternative user interface through innovation tools like Expression Blend, without relying on common-wide-used controls, through the analysis, inspection and optimization of an online community and blog system.

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,178
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
67
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

The Nerdvana Annihilation: Improving Silverlight Ux

  1. 1. Session Code: WUX317 Nerdvana Annihilation: Improving Silverlight UX without out-of-the-box controls Miguel Jiménez UX Advisor @ Bla Bla Labs e: hello@migueljimenez.net b: www.migueljimenez.net t: @migs212 2
  2. 2. Remember… What To Expect Level 300 This is NOT a Silverlight introduction session Assuming knowledge about Silverlight Projects Expression Blend XAML Visual Studio and .NET Framework Expression Design 3
  3. 3. Agenda Nerdvana Annihilation What is UX? The Nerdvana The Pursuit of Simplicity Communication Techniques Architecting Information: Visualization Interaction Design Navigation and Intuitiveness Adaptive UI 4
  4. 4. What is UX A Definition “User experience design, most often abbreviated UX, is a term used to describe the overarching experience a person has as a result of their interactions with a particular product or service, it's delivery, and related artifacts, according to their design.” 5
  5. 5. What is UX The Real Thing Human Computer Interaction Human Factors Engineering Information Architecture Interaction Design Mental Models Usability User Centred Design User Interface Design 6
  6. 6. 7 http://www.flickr.com/photos/gorgeoux/2961099855/
  7. 7. What is UX Why Should We Care As Designers & Interaction Designers Make a Life of HCI and UX As Developers Enhance Product Design Skills Increase Customer Fidelity Understand your Design peers You are the Most Important Piece 8
  8. 8. What is UX Designing The User Experience 9
  9. 9. What is UX Designing The User Experience http://www.flickr.com/photos/partee/2597734293/ 10
  10. 10. What is UX Designing The User Experience http://www.flickr.com/photos/recyclethis/157108084/ 11
  11. 11. What is UX Good Design, Bad UX http://www.nickmelville.co.uk/portfolio.php?item=paddychair 12
  12. 12. The Nerdvana The what!?!?! 13
  13. 13. The Nerdvana The what!?!?! [1] def. The perfect blend of logic and emotion. A state of total computer bliss. Originally coined by Dilbert author, Scott Adams. [2] def. State of total geekdom. 14
  14. 14. The Nerdvana Control-based Experiences ASP.NET 15
  15. 15. The Nerdvana Control-based Experiences SILVERLIGHT 16
  16. 16. The Nerdvana Control-based Experiences 17
  17. 17. Idea-Spaces Creative Leaps Richard Ogle 2007 ISBN: 978-1591394174 18
  18. 18. Idea-Spaces Embedding Knowledge http://www.flickr.com/photos/vituh2001/2837746448/ 19
  19. 19. Idea-Spaces Using Extended Knowledge http://www.flickr.com/photos/imagezen/65199660/ 20
  20. 20. The Nerdvana Annihilating Hopes http://www.flickr.com/photos/davidbaker/497740339/ 21
  21. 21. Silverlight Enhanced Blog Introduction to the Nerdvana Concept 22
  22. 22. The Pursuit of Simplicity What Do My Users Expect? 23
  23. 23. The Pursuit of Simplicity What Do My Users Expect? 24
  24. 24. Communication Techniques UX Methods: Mental Models 25
  25. 25. Communication Techniques UX Methods: Low Fidelity Prototyping 26
  26. 26. Silverlight Enhanced Blog Mental Models 27
  27. 27. Information Architecture Visualization 28
  28. 28. Silverlight Enhanced Blog Improving Visualization 29
  29. 29. Interaction Design How Will Users Interact With My Content? 30
  30. 30. Interaction Design How Will Users Interact With My Content? 31
  31. 31. Silverlight Enhanced Blog Interaction Design 32
  32. 32. Navigation & Intuitiveness Using Metaphors & Animations http://www.flickr.com/photos/andrew_buckie/209493609/ 33
  33. 33. Silverlight Enhanced Blog Navigation & Intuitiveness 34
  34. 34. Adaptive User Interface Let The Users See What They Really Need http://www.flickr.com/photos/andrew_buckie/209493609/ 35
  35. 35. Silverlight Enhanced Blog Adaptive User Interface 36
  36. 36. Summary Things to Remember User Experience is about breaking frontiers Think from the User Perspective Use existing metaphors to guide users …. And Then, Introduce some Graphic Design  Final Touches to the blog system design!!! 37
  37. 37. Book References Related Topics John Maeda Edward R. Tufte 2006 1990 ISBN: 978-0262134729 ISBN: 978-0961392116 Indi Young Dan Saffer 2008 2006 ISBN: 978-1933820064 ISBN: 978-0321432063 38
  38. 38. 39
  39. 39. Contact Information Miguel Jiménez hello@migueljimenez.net www.migueljimenez.net www.twitter.com/migs212 40
  40. 40. Now extended from 2 to 24 hours after session for more chance to WIN Don’t forget to complete your session feedback forms via the CommNet terminals or the Registered Delegate Pages for your chance to win a HTC Touch Dual! With an amazing line up of international speakers, there are even more chances to win an evaluation prize! So make sure you submit feedback for all the sessions you attend! http://www.microsoft.com/emea/teched2008/developer/feedback.aspx
  41. 41. Resources for Developers www.microsoft.com/teched Tech·Talks Tech·Ed Bloggers Live Simulcasts Virtual Labs http://microsoft.com/msdn Developer’s Kit, Licenses, and MORE!
  42. 42. Related Content Breakout Sessions Today: WUX203 – Room 114 – An Introduction to Microsoft Silverlight Controls Framework ARC306 – Room 111 – RIAs and Emissaries Thursday: ARC304 – Auditorium – Know Thy User: Instrumenting User Experience WUX310 – Room 114 – Beauty and the Geeks: Developer-Designer Workflow WUX403 – Room 113 – Tips & Tricks for Building Great Microsoft Silverlight Apps Interactive Sessions WUX08-IS – Room 135 – Digging Up DeepZoom (this afternoon) Hands-on Labs WUX11-HOL – Microsoft Silverlight Foundation WUX12-HOL – Animations in Microsoft Silverlight 2.0 WUX13-HOL – Building Reusable Controls with Microsoft Silverlight 2.0 WUX14-HOL – Communications and Data with Microsoft Silverlight 2.0
  43. 43. © 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION. 44
  1. A particular slide catching your eye?

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

×