I was a recently asked to give a talk about how animations are able to enhance the user experience. In return, I broke it down into four main talking points: Behavior, Visual Feedback, Transitions, and Affordance.
Additionally, this presentation contains a few slides with what you can say are closed captions because I felt they were needed in order to help explain a few items.
19. The Nest Learning Thermostat
When we design a computer-based system or device, we’re
designing not just what it looks like but how it behaves.
20. The Camper Weather App
What is unique here... Apps (Digital Products) can easily
be added to any of these type of devices.
21. Animation is so much a part of
a product’s personality.
because when we are designing the product, we are
designing not just what it looks like but how it behaves.
22. Let’s use acting as an example. Actors are trained to capture the
essence of their character in order to make you believe in them.
23. Additionally, the behavior needs to respect its audience. We need to
de ne what is appropriate, and who’s attention do we want.
24. Yet we need to remember what is natural. Everyday things can be personal and
visual feedback helps the user understand what is happening or even working.
25. “Interaction Design should be concerned with the issues
of beauty as our environments of experience become
rapidly shaped by digital, networked, multifunctional
artifacts that influence our lifestyle and perceptions”
– Uday Gajendar
As designers today, we are in the unique position to improve aspects
of everyday life, including visual, emotional, and experiential.
43. Ro.me – Overall Flow
Planning for all transitions, controls, chapters, and interactions is
important in order to create a continuos stream without instructions.
50. Siri Ad Spot
As more products become personal... people are increasingly
becoming attached. Partly because it allows people to be social,
emotional, and seek attention.
51. People perceive and pursue pleasure
because evolution actually programed
it in our behavior.
Which is essential for survival.
56. Credits (slide #)
3. Toy Story (Pixar) 35. Safari (iOS)
12. NASA Mission Control 37. Kinect
14. Ro.me 38. Kinectimals
15. Cyborg R.A.T.7 41. Sony PS3 Start-Up
19. Nest 42. Cosmopolitan Hotel
20. Camper Weather App 45. Ro.me
22. The Shining .gif 46. Twitter
23. Social Network .gif 47. Simple
24. Blade Runner .gif 48. iPod Nano
27. Nooka 49. Nizo
30. Apple Lisa 51. Siri
32. Sony Google TV 53. BBVO + IDEO
33. Astronaut App (iOS) 54. Kinect Effect
34. Nokia N9
References
Bill Buxton, “Sketching User Experience”
Bill Moggridge, “Designing Interactions”
Donald Norman, “Emotional Design”
Tom Kelley, “The Art of Innovation”