Show and Tell (with videos)

2,014 views
1,958 views

Published on

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

Published in: Design, Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,014
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Show and Tell (with videos)

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

×