Your SlideShare is downloading. ×
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Applying Filmmaking Tools and Techniques to Interaction Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Applying Filmmaking Tools and Techniques to Interaction Design

16,955

Published on

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

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.

Published in: Design
6 Comments
50 Likes
Statistics
Notes
  • This is brilliant and beautiful. You might like a similar piece that uses film as a way of explaining where brands need to go.

    http://www.slideshare.net/scenariodna/culture-mapping-managing-brands-in-a-social-economy-6094993
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Very creative - connecting films and ID. Look fwd to the video.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Nice stuff. I missed your talk at the conference, but I love the idea of using beat sheets.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • There is definitely a common ground upon which filmmakers and interaction designers meet. I believe the image sequence is one root within that ground. I also think interaction design methods could guide filmmaking once it enters web waters.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Terrific presentation at IxD11. Thanks, Adam!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
16,955
On Slideshare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
259
Comments
6
Likes
50
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript

    • 1. Applying Filmmaking Tools andTechniques to Interaction Design
    • 2. Why film?
    • 3. OrchestrationHow do you coordinate something with so many moving parts to achieve desired effect?
    • 4. Orchestration Actors Dialogue Scenery Sound Action
    • 5. The Filmmaking ProcessScreenplay & Script > Storyboards & Design > Raw Footage > Final Edited Film
    • 6. Beat Sheets
    • 7. Beat SheetsScene-by-Scene Outline• Plot Points• Actions• Effect on the Audience
    • 8. Beat SheetsUse 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 theforefront of the design process?
    • 11. To Be ReplacedBeat SheetsAnnotated Task Flows• Emotional state of the user• Emotional goals of the system
    • 12. Communication
    • 13. Mise en ScèneSet Design Lighting Staging Acting Costume
    • 14. MotionHow does motion communicate?
    • 15. MotionEarly filmmakers didn’t have sound, dialogue or color Speech/title cards were used as little as possible
    • 16. MotionThe bad guy enters on the right.
    • 17. Motion: DiagonalsTop to Bottom: Inevitability, Anticipation Bottom to Top: Struggle
    • 18. The CameraControl of the camera means control of the eye.
    • 19. Rack Focus Little to no camera movement No complex actionsCamera shifts focus from one element to another
    • 20. Rack FocusUse in interaction design?
    • 21. Where else can this go?
    • 22. ThanksGet in touch:madpow.net Give feedback and rate thisadam@madpow.net talk on SpeakerRate:@adamconnor http://spkr8.com/t/5401

    ×