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

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

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

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

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

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 Developers
Enhance Product Design Skills
Increase Customer Fidelity
Understand your Design peers
You are the Most Important Piece
8

What is UX
Designing The User Experience
9

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

What is UX
Designing The User Experience
http://www.flickr.com/photos/recyclethis/157108084/
11

What is UX
Good Design, Bad UX
http://www.nickmelville.co.uk/portfolio.php?item=paddychair
12

The Nerdvana
The what!?!?!
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

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
ISBN: 978-1591394174
18

Idea-Spaces
Embedding Knowledge
http://www.flickr.com/photos/vituh2001/2837746448/
19

Idea-Spaces
Using Extended Knowledge
http://www.flickr.com/photos/imagezen/65199660/
20

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/andrew_buckie/209493609/
33

Silverlight Enhanced Blog
Navigation & Intuitiveness
34

Adaptive User Interface
Let The Users See What They Really Need
http://www.flickr.com/photos/andrew_buckie/209493609/
35

Silverlight Enhanced Blog
Adaptive User Interface
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

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

39

Contact Information
Miguel Jiménez
hello@migueljimenez.net
www.migueljimenez.net
www.twitter.com/migs212
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

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!

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

© 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