C21F: User Experience Design Patterns for Business Applications ...

wastecypriotInternet and Web Development

Nov 10, 2013 (3 years and 5 months ago)

50 views

1.
Simplicity

2.
Visibility

3.
Metaphor

4.
Natural mappings

5.
Constraints

6.
Error prevention

7.
Consistency

1.
Simplicity

2.
Visibility

3.
Metaphor

4.
Natural mappings

5.
Constraints

6.
Error prevention

7.
Consistency

1.
Simplicity

2.
Visibility

3.
Metaphor

4.
Natural mappings

5.
Constraints

6.
Error prevention

7.
Consistency

1.
Simplicity

2.
Visibility

3.
Metaphor

4.
Natural mappings

5.
Constraints

6.
Error prevention

7.
Consistency

1.
Simplicity

2.
Visibility

3.
Metaphor

4.
Natural mappings

5.
Constraints

6.
Error prevention

7.
Consistency

1.
Simplicity

2.
Visibility

3.
Metaphor

4.
Natural mappings

5.
Constraints

6.
Error prevention

7.
Consistency

1.
Simplicity

2.
Visibility

3.
Metaphor

4.
Natural mappings

5.
Constraints

6.
Error prevention

7.
Consistency

Orientation

Navigation

Input

Analysis

Action

Orientation

Navigation

Input

Analysis

Action

Orientation

Navigation

Input

Analysis

Action

Orientation

Navigation

Input

Analysis

Action

Orientation

Navigation

Input

Analysis

Action

Color

Typography

Iconography

Effects

Animation

Color

Typography

Iconography

Effects

Animation

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

Alternating row stripes

Sorting


DataGrid

Consistency

Analysis

Color

Expandable panels


DataGrid, Accordion,


Expander, and


TreeView

Simplicity, metaphor, natural mappings, and consistency

Orientation and navigation

Color and transitions

Paging


DataPager

Visibility, natural mappings, and consistency

Orientation and navigation

Color, iconography, and transitions

Master
-
Details


DataForm and DataGrid

Visibility, metaphor, natural mappings, and consistency

Orientation and navigation

Color and iconography

Edit mode

Add mode

Delete mode


DataForm



and
DataGrid

Visibility, metaphor, natural mappings, and consistency

Input

Color and iconography

Inline error indicators

Error summary


DataForm and DataGrid

Visibility, metaphor, natural mappings, error prevention, and
consistency

Input

Color, iconography, and transitions

DatePicker

AutoCompleteTextBox

Numeric up/down

ComboBox




Input controls

Constraints

Input

Color, iconography, and transitions

Input hints


DescriptionViewer

and required field
indicators

Visibility, metaphor, natural mappings, error prevention, and
consistency

Input

Color, iconography, effects, and transitions

Button groups

Visible ‘done’ button


DataPager

and
DataForm

Visibility, natural mappings, and consistency

Input

Color and transitions

Bar graph

Line graph

Scatter graph




Charts

Simplicity, visibility, metaphor, and error prevention

Analysis

Color
and transitions

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


Your feedback is important!

©
2009 Microsoft
Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademar
ks
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
dat
e 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 accu
rac
y 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.