designing interactions

49
Ordered List Steve Smith jQuery Conf, San Francisco April 25, 2010 Designing Interactions Building the Experience

Upload: steve-smith

Post on 08-Dec-2014

3.096 views

Category:

Design


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Designing interactions

Ordered ListSteve SmithjQuery Conf, San Francisco

April 25, 2010

Designing InteractionsBuilding the Experience

Page 2: Designing interactions

[email protected]@orderedlist

Page 3: Designing interactions

A Word of WarningI have only two slides of code

Page 4: Designing interactions

“Milton Glaser

To design is to communicate clearly by whatever means you can control or master.

Page 5: Designing interactions

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

Page 6: Designing interactions

Why You CareAbout Designing Interactions

Page 7: Designing interactions

Designers Are Lazy?Because

Page 8: Designing interactions

Just an ImplementerBecause you are NOT

Page 9: Designing interactions

The User ExperienceBecause you care about

Page 10: Designing interactions

“Steve Jobs

Design is not just what it looks like and feels like. Design is how it works.

Page 11: Designing interactions

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

Page 12: Designing interactions

“Tom Peters

Design is so critical it should be on the agenda of every meeting in every single department.

Page 13: Designing interactions

Why Interact?Reasons for our Effort

Page 14: Designing interactions

EngageInteract to

Page 15: Designing interactions
Page 16: Designing interactions
Page 17: Designing interactions

ExplainInteract to

Page 18: Designing interactions
Page 19: Designing interactions

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

Page 20: Designing interactions

“Antoine De Saint-Exupery

A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.

Page 21: Designing interactions

Too Much InteractionMore Harm than Good

Page 22: Designing interactions

Slow AnimationsStay Clear of

Page 23: Designing interactions

jQuery.fx.speeds._default = 200;

Page 24: Designing interactions

jQuery.fx.speeds._default = (jQuery.browser.ie && jQuery.browser.version < 8) ? 0 : 200;

Page 25: Designing interactions

Useless AnimationsStay Clear of

Page 26: Designing interactions

Click the ‘Slide’ Menu, then ‘Go to’, then ‘Next Slide’

To show the next slide

Page 27: Designing interactions

Heavy InteractionsStay Clear of

Page 28: Designing interactions
Page 29: Designing interactions

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

Page 30: Designing interactions

“Robert Greenberg

The challenge is about taking things that are infinitely complex and making them simpler and more understandable.

Page 31: Designing interactions

Not Enough InteractionLess Good than Harm

Page 32: Designing interactions

Going to HappenNo indication of what’s

Page 34: Designing interactions

Happening NowNo indication of what’s

Page 35: Designing interactions
Page 36: Designing interactions

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

Page 37: Designing interactions

Wrapping UpFive Good Points, A Bad Joke, and a Quote

Page 38: Designing interactions

User Experience FirstDesign the

Page 39: Designing interactions

Impress the UserInteraction is meant to

Page 40: Designing interactions

Impress the UserImpress the Client

Interaction is meant to

Page 41: Designing interactions

Impress the UserImpress the ClientShow our Skillz

Interaction is meant to

Page 42: Designing interactions

Impress the UserImpress the ClientShow our Skillz

Interaction is meant to

Page 43: Designing interactions

Engage and Enhance the User Experience

Interaction is meant to

Page 44: Designing interactions

Distractions are BadSpeed is important,

Page 45: Designing interactions

Build User ConfidenceIt’s Our Job to

Page 46: Designing interactions

Problems with CodeDon’t Solve

Page 47: Designing interactions

Then Write CodeSolve the Problem

Page 48: Designing interactions

“Douglas Martin

Questions about whether design is necessary or affordable are quite beside the point: design is inevitable. The alternative to good design is bad design, not no design at all.

Page 49: Designing interactions

Ordered List

Thank [email protected]

Steve SmithjQuery Conf, San FranciscoApril 25, 2010

@orderedlist