The Nerdvana Annihilation: Improving Silverlight Ux

1,360 views
1,251 views

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,360
On SlideShare
0
From Embeds
0
Number of Embeds
7
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

×