• Save
Show and Tell (with videos)
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Show and Tell (with videos)

on

  • 2,392 views

Presentation given at Design By Fire, October 2009, Utrecht, The Netherlands - http://www.designbyfire.nl/2009/

Presentation given at Design By Fire, October 2009, Utrecht, The Netherlands - http://www.designbyfire.nl/2009/

Statistics

Views

Total Views
2,392
Views on SlideShare
2,387
Embed Views
5

Actions

Likes
3
Downloads
0
Comments
0

2 Embeds 5

http://www.linkedin.com 4
http://www.slideshare.net 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Show and Tell (with videos) Presentation Transcript

  • 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
  • 2. Storytelling
  • 3. From Designing Interactions by Bill Moggridge
  • 4. http://www.youtube.com/user/NokiaDesign
  • 5. 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
  • 6. Mock-up may be out of context Experientially Technically
  • 7. Audience Design team Design peers User test participants Enthusiasts Developers Strategists/roadmappers Clients/sponsors Press Public...
  • 8. ...the suspension of disbelief.
  • 9. Sticky stories Simple Unexpected Concrete Credible Emotional
  • 10. Sketch-a-move - Anab Jain and Louise Klinker - RCA, 2005 - http://www.anab.in/yearone/sketchamove/sketch.html
  • 11. Matthias Kranz, 2006 - HCI Lab, Ludwig-Maximilians-University, Munich - http://www.hcilab.org/matthias/
  • 12. Show how it works
  • 13. Doug Engelbart - Joint Computer Conference - 1968 - http://www.youtube.com/watch?v=X4kp9Ciy1nE
  • 14. Dates from Sketching User Experience by Bill Buxton
  • 15. http://www.flickr.com/photos/75724192@N00/63176087/
  • 16. Understanding Interfaces Past experience Related knowledge Metaphor Observation Demonstration Instruction Try Play
  • 17. http://www.flickr.com/photos/nycarthur/37050264/
  • 18. http://contactsheet.org/junk/telephone4.html
  • 19. http://www.janchipchase.com/blog/archives/2006/12/shareduse.html
  • 20. Rafael Lozano-Hemmer, Body Movies (2001) Rotterdam - http://www.lozano-hemmer.com/english/images.htm
  • 21. http://www.flickr.com/photos/oreillygmt/2940667211/
  • 22. Make it
  • 23. reacTable - http://www.flickr.com/photos/sunxez/2294266815/
  • 24. Keyframes & Microstates: invitation, activation, updates, constraints, timing Read more at http://www.adaptivepath.com/blog/wp-content/uploads/2006/11/ap_beyond_wireframes.pdf
  • 25. Beyond screens Auditory interfaces Augmented reality Gestural interfaces Touch interfaces Near field communication Interactive environments Embedded computing...
  • 26. Documentation Annotate Record decisions Traceable Accountable...
  • 27. “a visual link between information and physical objects or space” http://www.nearfield.org/2007/05/a-graphic-language-for-rfid
  • 28. Storytelling Show Make
  • 29. “Language is convincing, Seeing is believing, Touching is reality” Alan Kay
  • 30. 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
  • 31. 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