Successfully reported this slideshow.

Applying Filmmaking Tools and Techniques to Interaction Design

64

Share

Upcoming SlideShare
Process animation
Process animation
Loading in …3
×
1 of 24
1 of 24

Applying Filmmaking Tools and Techniques to Interaction Design

64

Share

Download to read offline

Note: You may be interested in the updated version of this talk, given at WebVisions Portland 2013: http://www.slideshare.net/adamconnor/designers-learnfromfilmmaking2

Slides from my talk at Interaction 11 in Boulder, CO.

Film examples for right-to-left motion on slide 17 are from Road to Perdition.

Film examples for Rack Focus on slide 21 are from The Graduate and Spider-Man.

As soon as video of the talk is posted, I'll add a link.

Note: You may be interested in the updated version of this talk, given at WebVisions Portland 2013: http://www.slideshare.net/adamconnor/designers-learnfromfilmmaking2

Slides from my talk at Interaction 11 in Boulder, CO.

Film examples for right-to-left motion on slide 17 are from Road to Perdition.

Film examples for Rack Focus on slide 21 are from The Graduate and Spider-Man.

As soon as video of the talk is posted, I'll add a link.

More Related Content

Related Audiobooks

Free with a 14 day trial from Scribd

See all

Applying Filmmaking Tools and Techniques to Interaction Design

  1. Applying Filmmaking Tools and Techniques to Interaction Design
  2. Why film?
  3. Orchestration How do you coordinate something with so many moving parts to achieve desired effect?
  4. Orchestration Actors Dialogue Scenery Sound Action
  5. The Filmmaking Process Screenplay & Script > Storyboards & Design > Raw Footage > Final Edited Film
  6. Beat Sheets
  7. Beat Sheets Scene-by-Scene Outline • Plot Points • Actions • Effect on the Audience
  8. Beat Sheets Use in interaction design?
  9. The Software Design Process Task Flows > Sketches / Wireframes > Prototype & Visual Designs > Final Developed Product
  10. How do we keep emotion in the forefront of the design process?
  11. To Be Replaced Beat Sheets Annotated Task Flows • Emotional state of the user • Emotional goals of the system
  12. Communication
  13. Mise en Scène Set Design Lighting Staging Acting Costume
  14. Motion How does motion communicate?
  15. Motion Early filmmakers didn’t have sound, dialogue or color Speech/title cards were used as little as possible
  16. Motion The bad guy enters on the right.
  17. Motion: Diagonals Top to Bottom: Inevitability, Anticipation Bottom to Top: Struggle
  18. The Camera Control of the camera means control of the eye.
  19. Rack Focus Little to no camera movement No complex actions Camera shifts focus from one element to another
  20. Rack Focus Use in interaction design?
  21. Where else can this go?
  22. Thanks Get in touch: madpow.net Give feedback and rate this adam@madpow.net talk on SpeakerRate: @adamconnor http://spkr8.com/t/5401

Editor's Notes

  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • ×