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

2. Hello!
steve@orderedlist.com
@orderedlist

3. A Word of Warning
I have only two slides of code

4. “
To design is to
communicate clearly by
whatever means you can
control or master.
Milton Glaser

5. Things to Cover
1. Why You Care
2. Why We Interact
3. Too Much Interaction
4. Not Enough Interaction
5. Wrapping Up

6. Why You Care
About Designing Interactions

7. Because
Designers Are Lazy?

8. Because you are NOT
Just an Implementer

9. Because you care about
The User Experience

10. “
Design is not just what it
looks like and feels like.
Design is how it works.
Steve Jobs

11. Things to Cover
1. Why You Care
2. Why We Interact
3. Too Much Interaction
4. Not Enough Interaction
5. Wrapping Up

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

13. Why Interact?
Reasons for our Effort

14. Interact to
Engage

17. Interact to
Explain

19. Things to Cover
1. Why You Care
2. Why We Interact
3. Too Much Interaction
4. Not Enough Interaction
5. Wrapping Up

20. “
A designer knows he has
achieved perfection not
when there is nothing left
to add, but when there is
nothing left to take away.
Antoine De Saint-Exupery

21. Too Much Interaction
More Harm than Good

22. Stay Clear of
Slow Animations

23. jQuery.fx.speeds._default = 200;

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

25. Stay Clear of
Useless Animations

26. To show the next slide
Click the ‘Slide’
Menu, then ‘Go to’,
then ‘Next Slide’

27. Stay Clear of
Heavy Interactions

29. Things to Cover
1. Why You Care
2. Why We Interact
3. Too Much Interaction
4. Not Enough Interaction
5. Wrapping Up

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

31. Not Enough Interaction
Less Good than Harm

32. No indication of what’s
Going to Happen

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

34. No indication of what’s
Happening Now

36. Things to Cover
1. Why You Care
2. Why We Interact
3. Too Much Interaction
4. Not Enough Interaction
5. Wrapping Up

37. Wrapping Up
Five Good Points, A Bad Joke, and a Quote

38. Design the
User Experience First

39. Interaction is meant to
Impress the User

40. Interaction is meant to
Impress the User
Impress the Client

41. Interaction is meant to
Impress the User
Impress the Client
Show our Skillz

42. Interaction is meant to
Impress the User
Impress the Client
Show our Skillz

43. Interaction is meant to
Engage and
Enhance the User
Experience

44. Speed is important,
Distractions are Bad

45. It’s Our Job to
Build User Confidence

46. Don’t Solve
Problems with Code

47. Solve the Problem
Then Write Code

48. “
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.
Douglas Martin

49. Thank you!
steve@orderedlist.com
@orderedlist
jQuery Conf, San Francisco Steve Smith
April 25, 2010 Ordered List