designing interactions

Ordered ListSteve SmithjQuery Conf, San Francisco

April 25, 2010

Designing InteractionsBuilding the Experience

Hello!steve@orderedlist.com@orderedlist

A Word of WarningI have only two slides of code

“Milton Glaser

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

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

Why You CareAbout Designing Interactions

Designers Are Lazy?Because

Just an ImplementerBecause you are NOT

The User ExperienceBecause you care about

“Steve Jobs

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

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

“Tom Peters

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

Why Interact?Reasons for our Effort

EngageInteract to

ExplainInteract to

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

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

Too Much InteractionMore Harm than Good

Slow AnimationsStay Clear of

jQuery.fx.speeds._default = 200;

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

Useless AnimationsStay Clear of

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

To show the next slide

Heavy InteractionsStay Clear of

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

“Robert Greenberg

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

Not Enough InteractionLess Good than Harm

Going to HappenNo indication of what’s

http://www.flickr.com/photos/hicksdesign/3246888025

Happening NowNo indication of what’s

Things to Cover1. Why You Care

2. Why We Interact

3. Too Much Interaction

4. Not Enough Interaction

5. Wrapping Up

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

User Experience FirstDesign the

Impress the UserInteraction is meant to

Impress the UserImpress the Client

Interaction is meant to

Impress the UserImpress the ClientShow our Skillz

Interaction is meant to

Impress the UserImpress the ClientShow our Skillz

Interaction is meant to

Engage and Enhance the User Experience

Interaction is meant to

Distractions are BadSpeed is important,

Build User ConfidenceIt’s Our Job to

Problems with CodeDon’t Solve

Then Write CodeSolve the Problem

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

Ordered List

Thank you!steve@orderedlist.com

Steve SmithjQuery Conf, San FranciscoApril 25, 2010

@orderedlist