Applying Filmmaking Tools and Techniques to Interaction Design

by Adam Connor on Feb 14, 2011

13,773 views

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

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.

Less

34 Embeds 2,250

http://brandnoise.typepad.com	1116
http://www.frankwatching.com	311
http://www.inventinginteractive.com	219
http://johnnyholland.org	207
http://redguy.fr	118
http://paper.li	101
http://blog.fabrique.nl	62
http://www.brandnoise.typepad.com	44
http://www.fabrique.nl	9
http://translate.googleusercontent.com	9
http://60gritbeard.com	8
http://johnny.bobkarreman.com	6
http://cnii-blog.blogspot.com	4
http://safe.tumblr.com	4
http://static.slidesharecdn.com	4
http://ogilvyux.posterous.com	3
http://twitter.com	2
http://literaryhack.com	2
http://serve4impact.com	2
http://eso4c06.blogspot.com	2
url_unknown	2
http://ferreiraechagas.com.br	2
http://feeds.feedburner.com	2
http://www.onlydoo.com	1
http://servidor	1
http://a0.twimg.com	1
http://dev.expertvill.net	1
http://cms.swan.ac.uk	1
http://dev.salget.net	1
http://johnny.local	1
http://www.ferreiraechagas.com.br	1
http://tweetedtimes.com	1
http://www.findthebest.com	1
http://www.educarex.es	1

More...

Statistics

Favorites: 39
Downloads: 190
Comments: 6
Embed Views: 2,250
Views on SlideShare: 11,523
Total Views: 13,773

Applying Filmmaking Tools and Techniques to Interaction Design — Presentation Transcript

Applying Filmmaking Tools andTechniques to Interaction Design

Why ﬁlm?

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

Tim Stock at Tim Stock 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 1 year ago

Are you sure you want to Yes No

sushobhan Very creative - connecting films and ID. Look fwd to the video. 1 year ago

David Cronin , Director of Interaction Design at Smart Design Nice stuff. I missed your talk at the conference, but I love the idea of using beat sheets. 1 year ago

Djela Djamba Okoko , Cinematic Interactions Design at Rizomer 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. 1 year ago

Peter Stahl , Designer at Cisco Terrific presentation at IxD11. Thanks, Adam! 1 year ago

Adam Connor , Experience Design Director at Mad*Pow As soon as video is posted, I'll add a link, as much of the content was spoken to in the presentation. 1 year ago

Applying Filmmaking Tools and Techniques to Interaction Design

by Adam Connor on Feb 14, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

34 Embeds 2,250

Statistics

Applying Filmmaking Tools and Techniques to Interaction Design — Presentation Transcript