Applying Filmmaking Tools andTechniques to
Interaction Design

Why film?

OrchestrationHow do you coordinate something
with so many moving parts to achieve desired effect?

Orchestration Actors Dialogue Scenery Sound
Action

The Filmmaking ProcessScreenplay & Script
> Storyboards & Design > Raw Footage > Final Edited Film

Beat Sheets

Beat SheetsScene-by-Scene Outline• Plot Points•
Actions• Effect on the Audience

Beat SheetsUse in interaction design?

The Software Design Process Task
Flows > Sketches / Wireframes >Prototype & Visual Designs > Final Developed Product

How do we keep emotion
in theforefront of the design process?

To Be ReplacedBeat SheetsAnnotated Task
Flows• Emotional state of the user• Emotional goals of the system

Communication

Mise en ScèneSet Design Lighting
Staging Acting Costume

MotionHow does motion communicate?

MotionEarly filmmakers didn’t have sound,
dialogue or color Speech/title cards were used as little as possible

MotionThe bad guy enters on
the right.

Motion: DiagonalsTop to Bottom: Inevitability,
Anticipation Bottom to Top: Struggle

The CameraControl of the camera
means control of the eye.

Rack Focus Little to no
camera movement No complex actionsCamera shifts focus from one element to another

Rack FocusUse in interaction design?

Where else can this go?

ThanksGet in touch:madpow.net Give feedback
and rate thisadam@madpow.net talk on SpeakerRate:@adamconnor http://spkr8.com/t/5401