advance your design with ux design patterns

32

Upload: goodfriday

Post on 12-Nov-2014

4.504 views

Category:

Business


1 download

DESCRIPTION

Come hear about UX design patterns and a common design vocabulary to help facilitate collaboration among peers. Learn what resources are available to you in the community, and see an exciting new tool named Quince that makes finding, discovering, and using patterns much more practical.

TRANSCRIPT

Page 1: Advance Your Design with UX Design Patterns
Page 2: Advance Your Design with UX Design Patterns

Advance Your Design with UX Design PatternsJ. Ambrose LittleUser Experience DesignerInfragistics, Inc.

Page 3: Advance Your Design with UX Design Patterns

So Why a Talk About UX Patterns?

Page 4: Advance Your Design with UX Design Patterns

Because, Dude.. the Patterns are Out There..

Page 5: Advance Your Design with UX Design Patterns

The Quality Without a Name “Alive, Whole, Comfortable, Free, Exact, Egoless, Eternal—the Quality is related to yet is none of those things.”

Page 6: Advance Your Design with UX Design Patterns

Enter Software Design Patterns…

Page 7: Advance Your Design with UX Design Patterns

So Many People Talk About Patterns…

Page 8: Advance Your Design with UX Design Patterns

You Can Get Patternitis…

Page 9: Advance Your Design with UX Design Patterns

Or Start to Dismiss Them Out of Hand…

Page 10: Advance Your Design with UX Design Patterns

But You Have to Be Careful…

Page 11: Advance Your Design with UX Design Patterns

Patterns Can Seem Obvious

Page 12: Advance Your Design with UX Design Patterns

But There is More Depth Than You Might Expect

What

Name

When/Why

Context

How

Implementation

Knowing

Understanding

Using

Iconic Visualization

Page 13: Advance Your Design with UX Design Patterns

See What I Mean?

Page 14: Advance Your Design with UX Design Patterns

And Quite a Bit of Breadth, Too

Let’s look at a few a little more closely…

Page 15: Advance Your Design with UX Design Patterns

Finding Your Way Around

Page 16: Advance Your Design with UX Design Patterns

Faceted Navigation

Page 17: Advance Your Design with UX Design Patterns

Clear Entry Points

Page 18: Advance Your Design with UX Design Patterns

Organizing Things on a Page

Page 19: Advance Your Design with UX Design Patterns

Titled Sections

Page 20: Advance Your Design with UX Design Patterns

Liquid Layout

Page 21: Advance Your Design with UX Design Patterns

Making Sense of the Sea of Information

Page 22: Advance Your Design with UX Design Patterns

Dashboard

Page 23: Advance Your Design with UX Design Patterns

Overview Plus Detail

Page 24: Advance Your Design with UX Design Patterns

a.k.a. Interaction Design

People + Software

Time

Page 25: Advance Your Design with UX Design Patterns

Visual Framework

Page 26: Advance Your Design with UX Design Patterns

Transition

Page 27: Advance Your Design with UX Design Patterns

Undo

Page 28: Advance Your Design with UX Design Patterns

You Put Your Quince in It!

demo

Page 29: Advance Your Design with UX Design Patterns

Some Other ResourcesBooksWeb Sites

Page 30: Advance Your Design with UX Design Patterns

RIA UX Patterns Explorers

Page 31: Advance Your Design with UX Design Patterns

Please Complete an Evaluation FormYour feedback is important!

Evaluation forms can be found on each chairTemp Staff at the back of the room have additional evaluation form copies

Page 32: Advance Your Design with UX Design Patterns

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