Come hear how creating great user experiences for business applications can result in both improved productivity and significant support cost savings. Learn how to use proven user experience patterns in cost effective ways with Silverlight 3, including rich data display, data input and advanced data validation, and application navigation.

5. 1. Simplicity
2. Visibility
3. Metaphor
4. Natural mappings
5. Constraints
6. Error prevention
7. Consistency

6. 1. Simplicity
2. Visibility
3. Metaphor
4. Natural mappings
5. Constraints
6. Error prevention
7. Consistency

7. 1. Simplicity
2. Visibility
3. Metaphor
4. Natural mappings
5. Constraints
6. Error prevention
7. Consistency

8. 1. Simplicity
2. Visibility
3. Metaphor
4. Natural mappings
5. Constraints
6. Error prevention
7. Consistency

9. 1. Simplicity
2. Visibility
3. Metaphor
4. Natural mappings
5. Constraints
6. Error prevention
7. Consistency

10. 1. Simplicity
2. Visibility
3. Metaphor
4. Natural mappings
5. Constraints
6. Error prevention
7. Consistency

11. 1. Simplicity
2. Visibility
3. Metaphor
4. Natural mappings
5. Constraints
6. Error prevention
7. Consistency

13. Orientation
Navigation
Input
Analysis
Action

14. Orientation
Navigation
Input
Analysis
Action

15. Orientation
Navigation
Input
Analysis
Action

16. Orientation
Navigation
Input
Analysis
Action

17. Orientation
Navigation
Input
Analysis
Action

18. Color
Typography
Iconography
Effects
Animation

19. Color
Typography
Iconography
Effects
Animation

21. Visual and interaction framework
Dynamic layout
Global navigation
Skin able Ux
Silverlight 3
navigation template
Visibility, natural mappings, and consistency
Orientation and navigation
Color and transitions

22. Alternating row stripes
Sorting
DataGrid
Consistency
Analysis
Color

23. Expandable panels
DataGrid, Accordion,
Expander, and
TreeView
Simplicity, metaphor, natural mappings, and consistency
Orientation and navigation
Color and transitions

24. Paging
DataPager
Visibility, natural mappings, and consistency
Orientation and navigation
Color, iconography, and transitions

25. Master-Details
DataForm and DataGrid
Visibility, metaphor, natural mappings, and consistency
Orientation and navigation
Color and iconography

26. Edit mode
Add mode
Delete mode
DataForm
and DataGrid
Visibility, metaphor, natural mappings, and consistency
Input
Color and iconography

27. Inline error indicators
Error summary
DataForm and DataGrid
Visibility, metaphor, natural mappings, error prevention, and
consistency
Input
Color, iconography, and transitions

28. DatePicker
AutoCompleteTextBox
Numeric up/down
ComboBox
…
Input controls
Constraints
Input
Color, iconography, and transitions

29. Input hints
DescriptionViewer and required field
indicators
Visibility, metaphor, natural mappings, error prevention, and
consistency
Input
Color, iconography, effects, and transitions

30. Button groups
Visible ‘done’ button
DataPager and DataForm
Visibility, natural mappings, and consistency
Input
Color and transitions

31. Bar graph
Line graph
Scatter graph
…
Charts
Simplicity, visibility, metaphor, and error prevention
Analysis
Color and transitions

33. Designing Interfaces, Patterns for Effective
Interaction Design, by Jennifer Tidwell
Welie.com, Patterns in Interaction Design,
by
Ten Usability Heuristics, by Jakob Nielsen
Quince, Infragistics
Microsoft Silverlight Toolkit
Microsoft Silverlight Site

34. Your feedback is important!

35. © 2009 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.