Downloaded 291 times
Uploaded byAdam Connor
Applying Filmmaking Tools and Techniques to Interaction Design
This document discusses applying filmmaking techniques to interaction design. It introduces concepts like beat sheets, which provide scene-by-scene outlines including plot points, actions, and how it affects the audience. Beat sheets can be used to annotate task flows in software design to keep the user's emotional state and goals in focus. Film techniques like mise en scène, motion, and rack focus are also discussed, with suggestions for how they could inform interaction design approaches. The overall goal is to bring more emotion and storytelling into the design process.
More Related Content
Similar to Applying Filmmaking Tools and Techniques to Interaction Design
![Copy of Presentation - [Your Organization Name]_20250924_181258_0000.pdf](https://cdn.slidesharecdn.com/ss_thumbnails/copyofpresentation-yourorganizationname202509241812580000-251117131601-9744dd2d-thumbnail.jpg?width=640&height=640&fit=bounds)
Applying Filmmaking Tools and Techniques to Interaction Design
- 1. Applying Filmmaking Toolsand Techniques to Interaction Design
- 2.
- 3. Orchestration How do youcoordinate 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.
- 7. Beat Sheets Scene-by-Scene Outline •Plot Points • Actions • Effect on the Audience
- 8. Beat Sheets Use ininteraction design?
- 9. The Software DesignProcess Task Flows > Sketches / Wireframes > Prototype & Visual Designs > Final Developed Product
- 10. How do wekeep emotion in the forefront of the design process?
- 11. To Be Replaced BeatSheets Annotated Task Flows • Emotional state of the user • Emotional goals of the system
- 12.
- 13. Mise en Scène SetDesign Lighting Staging Acting Costume
- 14. Motion How does motioncommunicate?
- 15. Motion Early filmmakers didn’thave sound, dialogue or color Speech/title cards were used as little as possible
- 16. Motion The bad guyenters on the right.
- 18. Motion: Diagonals Top toBottom: Inevitability, Anticipation Bottom to Top: Struggle
- 19. The Camera Control ofthe camera means control of the eye.
- 20. Rack Focus Little to no camera movement No complex actions Camera shifts focus from one element to another
- 22. Rack Focus Use ininteraction design?
- 23. Where else canthis go?
- 24. Thanks Get in touch: madpow.net Give feedback and rate this adam@madpow.net talk on SpeakerRate: @adamconnor http://spkr8.com/t/5401