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

Storytelling

From Designing Interactions by Bill Moggridge

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

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

Mock-up may be out of context Experientially
Technically

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

...the suspension of disbelief.

Sticky stories Simple
Unexpected
Concrete
Credible
Emotional

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

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

Show how it works

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

Dates from Sketching User Experience by Bill Buxton

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

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

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

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

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

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

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

Make it

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

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

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

Documentation Annotate
Record decisions
Traceable
Accountable...

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

Storytelling
Show
Make

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

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

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