Applying Filmmaking Tools and Techniques
to Interaction Design

Why film?

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

Orchestration Actors Dialogue Scenery Sound
Action

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

Beat Sheets

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

Beat Sheets Use in interaction
design?

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

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

To Be Replaced Beat Sheets
Annotated Task Flows • Emotional state of the user • Emotional goals of the system

Communication

Mise en Scène Set Design
Lighting Staging Acting Costume

Motion
How does motion communicate?

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

Motion The bad guy enters
on the right.

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

The Camera Control of the
camera means control of the eye.

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

Rack Focus Use in interaction
design?

Where else can this go?

Thanks Get in touch: madpow.net
Give feedback and rate this adam@madpow.net talk on SpeakerRate: @adamconnor http://spkr8.com/t/5401