This document summarizes Tom Jenkins' 2009 presentation on communicating new interactions through show and tell. It discusses using storytelling, mockups, prototypes and demonstrations to help audiences understand new designs. It emphasizes showing how designs work through simple, unexpected, concrete and credible examples and encouraging play to explore experiences. Prototyping early and often in context is recommended to convey designs in an engaging way.

1. Show and Tell : Communicating New Interactions
Tom Jenkins
Design by Fire 2009, Utrecht
Rafael Lozano-Hemmer, Body Movies (2001) Rotterdam - http://www.lozano-hemmer.com/english/images.htm

4. Storytelling

5. From Designing Interactions by Bill Moggridge

7. http://www.youtube.com/user/NokiaDesign

8. Devices...
10 GUI - gestural multitouch input concept - Clayton Miller - http://10gui.com/
to services
Keyless - service design video scenario - Marcin Ignac, CIID - http://vimeo.com/2001338

10. Mock-up may be out of context Experientially
Technically

11. Audience Design team
Design peers
User test participants
Enthusiasts
Developers
Strategists/roadmappers
Clients/sponsors
Press
Public...

14. ...the suspension of disbelief.

19. Sticky stories Simple
Unexpected
Concrete
Credible
Emotional

20. Sketch-a-move - Anab Jain and Louise Klinker - RCA, 2005 - http://www.anab.in/yearone/sketchamove/sketch.html

25. Matthias Kranz, 2006 - HCI Lab, Ludwig-Maximilians-University, Munich - http://www.hcilab.org/matthias/

26. Show how it works

27. Doug Engelbart - Joint Computer Conference - 1968 - http://www.youtube.com/watch?v=X4kp9Ciy1nE

28. Dates from Sketching User Experience by Bill Buxton

30. http://www.flickr.com/photos/75724192@N00/63176087/

31. Understanding Interfaces Past experience
Related knowledge
Metaphor
Observation
Demonstration
Instruction
Try
Play

32. http://www.flickr.com/photos/nycarthur/37050264/

33. http://contactsheet.org/junk/telephone4.html

34. http://www.janchipchase.com/blog/archives/2006/12/shareduse.html

35. Rafael Lozano-Hemmer, Body Movies (2001) Rotterdam - http://www.lozano-hemmer.com/english/images.htm

36. http://www.flickr.com/photos/oreillygmt/2940667211/

37. Make it

38. reacTable - http://www.flickr.com/photos/sunxez/2294266815/

40. Keyframes
&
Microstates: invitation, activation, updates, constraints, timing
Read more at http://www.adaptivepath.com/blog/wp-content/uploads/2006/11/ap_beyond_wireframes.pdf

48. Beyond screens Auditory interfaces
Augmented reality
Gestural interfaces
Touch interfaces
Near field communication
Interactive environments
Embedded computing...

50. Documentation Annotate
Record decisions
Traceable
Accountable...

51. “a visual link between information and physical objects or space”
http://www.nearfield.org/2007/05/a-graphic-language-for-rfid

52. Storytelling
Show
Make

53. “Language is convincing,
Seeing is believing,
Touching is reality”
Alan Kay

58. Prototype early and often
Explore different ways to make experiences
If possible try things out in context
Encourage a sense of play in designing and designs

59. Thank you
Tom Jenkins - Nokia Design
tom.2.jenkins@nokia.com
http://www.linkedin.com/in/tomjenkins3
http://www.slideshare.net/tomjenkins
All the opinions expressed in this presentation are my own and do not necessarily represent the official view of Nokia