Human-Centered design and the intersection of the physical and digital worlds. EffectiveUI user experience designers Lindsay Moore and Austin Brown's Lightning Round presentation given at IxDA Interaction 2011 in Boulder, CO. Austin and Lindsay demonstrate how they have redesigned everyday objects based on the combined disciplines of industrial and digital interaction design.

1. Re-imagining the Design of Everyday Things
Human-centered design and the intersection of the physical and digital worlds

2. Hi!
Austin Brown Lindsay Moore
UX Designer UX Designer
EffectiveUI EffectiveUI
austin.brown@ lindsay.moore@
effectiveui.com effectiveui.com
Twittering our session?
Use the hashtag #effectiveui
© 2011 EffectiveUI, Inc.

3. Human-centered design and the intersection
of the physical & digital worlds
© 2011 EffectiveUI, Inc.

4. “We’re making
a product”
© 2011 EffectiveUI, Inc.

5. Industrial Design Digital Design
© 2011 EffectiveUI, Inc.

6. Industrial Design
X Digital Design
© 2011 EffectiveUI, Inc.

7. Recognizing the need is the primary
“
© 2011 EffectiveUI, Inc.
condition for design.
–Charles Eames

8. Means must be subsidiary to ends and
“
© 2011 EffectiveUI, Inc.
to our desire for dignity and value.
–Mies van der Rohe

9. Affordance
© 2011 EffectiveUI, Inc.

10. © 2011 EffectiveUI, Inc.

11. © 2011 EffectiveUI, Inc.

12. © 2011 EffectiveUI, Inc.

13. Providing feedback about
the state of a system
© 2011 EffectiveUI, Inc.

14. http://www.flickr.com/photos/meganbarton/3023756556/
© 2011 EffectiveUI, Inc.

15. © 2011 EffectiveUI, Inc.

16. Constraints to prevent
errors before they can occur
© 2011 EffectiveUI, Inc.

17. http://www.flickr.com/photos/telstar/2751796683/
© 2011 EffectiveUI, Inc.

18. © 2011 EffectiveUI, Inc.

19. © 2011 EffectiveUI, Inc.

20. © 2011 EffectiveUI, Inc.

21. Ubiquitous computing
© 2011 EffectiveUI, Inc.

22. © 2011 EffectiveUI, Inc.

23. Physical Digital
© 2011 EffectiveUI, Inc.

24. Adaptive Display
© 2011 EffectiveUI, Inc.

25. © 2011 EffectiveUI, Inc.

26. Gaming/Social Media
© 2011 EffectiveUI, Inc.

27. © 2011 EffectiveUI, Inc.

28. Information Visualization
© 2011 EffectiveUI, Inc.

29. © 2011 EffectiveUI, Inc.

30. The redesign of everyday things...
© 2011 EffectiveUI, Inc.

31. © 2011 EffectiveUI, Inc.

32. The Dishwasher
Adaptive Display
Information Visualization
© 2011 EffectiveUI, Inc.

33. © 2011 EffectiveUI, Inc.

34. ‘Joseph’ has lived without a
dishwasher for 25 years, but is
coming around to the idea that he
might want one.
• Teaches at the University of Colorado
• Lives as greenly as possible
• Wants to make informed decisions about having
technology in his life rather than mindlessly consuming
© 2011 EffectiveUI, Inc.

35. © 2011 EffectiveUI, Inc.

36. © 2011 EffectiveUI, Inc.

37. © 2011 EffectiveUI, Inc.

38. © 2011 EffectiveUI, Inc.

39. © 2011 EffectiveUI, Inc.

40. © 2011 EffectiveUI, Inc.

41. © 2011 EffectiveUI, Inc.

42. © 2011 EffectiveUI, Inc.

43. Takeaways:
Information is interesting
Align with mental model
Efficiency can meet learnability/customization
© 2011 EffectiveUI, Inc.

44. The Thermostat
Information Visualization
Gaming/Social Media
© 2011 EffectiveUI, Inc.

45. © 2011 EffectiveUI, Inc.

46. The ‘Joneses’ have been trying to
install smart home technology to
help them be more environmentally
conscious
• Carrie is a stay-at-home mom, aspiring
blogger, and Facebook addict
Mike, Carrie, & Spencer • Mike is an electrical engineer and self-
described gadgethead
• In their social circle, being seen as “green” is
an important status symbol
© 2011 EffectiveUI, Inc.

47. © 2011 EffectiveUI, Inc.

48. © 2011 EffectiveUI, Inc.

49. © 2011 EffectiveUI, Inc.

50. © 2011 EffectiveUI, Inc.

51. © 2011 EffectiveUI, Inc.

52. © 2011 EffectiveUI, Inc.

53. © 2011 EffectiveUI, Inc.

54. © 2011 EffectiveUI, Inc.

55. © 2011 EffectiveUI, Inc.

56. Takeaways:
Reconcile mental & system models
Make information actionable
Positive reinforcement + community competition
© 2011 EffectiveUI, Inc.

57. Six Principles of Design Thinking:
Align with users’ mental models
Provide appropriate feedback
Eliminate the opportunity for error
Learn & adapt the interface to user behavior
Motivate with game and social mechanics
Let information spark understanding & delight
© 2011 EffectiveUI, Inc.

58. Align with users’ mental models MATURE EXPRESSION
Provide appropriate feedback
Eliminate the opportunity for error
} ACROSS DESIGN
DISCIPLINES
Learn & adapt the interface to user behavior
Motivate with game and social mechanics
Let information spark understanding & delight
© 2011 EffectiveUI, Inc.

59. Align with users’ mental models
Provide appropriate feedback SILOED IN PRACTICE:
Eliminate the opportunity for error RICH EXPRESSION IN DIGITAL BUT
LACKING IN PHYSICAL PRODUCTS
Learn & adapt the interface to user behavior
Motivate with game and social mechanics
Let information spark understanding & delight }
© 2011 EffectiveUI, Inc.

60. Web
Design
Application
Design
UX
Design
Game
Product Design
Mobile
Design Design
Service
Interface Design
Industrial Design
Design
Visual
Design Branding
© 2011 EffectiveUI, Inc.

61. We’re all Web
Design
Application
Design
UX
Design
Product
Design
Interaction
Mobile
Design
Game
Design
DesignersService
Interface Design
Industrial Design
Design
Visual
Design Branding
© 2011 EffectiveUI, Inc.

62. Thanks!
© 2011 EffectiveUI, Inc.