Applying Filmmaking Tools and Techniques to Interaction Design

•Download as KEY, PDF•

64 likes•7,409 views

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.

Design

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
Scene-by-Scene Outline
• Plot Points

• Actions

• Effect on the Audience

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

Mise en Scène
Set Design Lighting Staging
Acting Costume

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

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

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

What's hot

In the session I talk about UX stumbling blocks and lessons learned when I developed a software for rear-projection screens and LED perimeter advertising systems for the local Basketball club. Even though I was developer, UX designer and user all in person, there were situations where I had problems using it under the time pressure of a home game, fueled by the fear of messing up in front of an audience of 6000 people.

Fun, Confusion, Fear and Basketball (UX Lx 2014)

RWeigelt

How to get started in Video Marketing

Mark Orr

Learn about the functions and effects of lights in film production. -------------- Book your one to one session with Mr. Rawaha to know more about film production. -------------- Follow us on Social Media: https://echaarstudio.blogspot.com/ https://www.facebook.com/echaarstudio https://www.instagram.com/echaarstudio/ -------------------- Playlist: https://www.youtube.com/watch?v=tVlHQ... -------------------- Presentation: https://www.slideshare.net/RawahaShah... -------------------- #filmproduction #functionsoflights #filmacademy

Basic functions of light in film production | Film Academy

Muhammad Rawaha Saleem

Evaluation

Filmterminology

Revision lesson 1

Techno question

Production experiments fmp

KieranCrook

What have you learnt about the technologies from the process of constructing ...

Casey Jefferies

Stop motion animation guide

lukebiley

Stop motion animation guide

lukebiley

Production Outline

SR_Harry

Animaker Tutorial : Steps to use Animaker for your Animted Project

TutorAswin

Shots mahara ayham 1

ayham2727

Video editing systems and their components

shintosivaraman

Evaluation 7

Shane Santillan

Work From Home is the new normal for business continuity. This deck covers best practices for employees and managers to be effective in a Work From Home setting; and some legal considerations as organizations embrace expanded telecommuting. Your effective Work at Home environment Communications: staying connected and engaged without the benefit of proximity How to be effective with your new video/web conferencing tools Useful Apps & Tools to boost your effectiveness Considerations for managers with distributed teams

Making Work from Home (Really) Work

Advanced Logic Industries

Learn, Casting Crew in Film production Playlist: https://www.youtube.com/watch?v=tVlHQ... --------------------------------- Book your one to one session with Mr. Rawaha to know more about film production. -------------- Follow us on Social Media: Blog: https://echaarstudio.blogspot.com/ Facebook: https://www.facebook.com/echaarstudio Instagram: https://www.instagram.com/echaarstudio/ -------------------- Presentation: https://www.slideshare.net/RawahaShah... -------------------- #FilmProduction #CastingCrew #FilmAcademy

Casting Crew - Job Descriptions | Film Production

Muhammad Rawaha Saleem

Week 5

dropdeadned

Joel ppoint

Cheryl White

What's hot (20)

Fun, Confusion, Fear and Basketball (UX Lx 2014)

How to get started in Video Marketing

Basic functions of light in film production | Film Academy

Evaluation

Filmterminology

Revision lesson 1

Techno question

Production experiments fmp

What have you learnt about the technologies from the process of constructing ...

Stop motion animation guide

Production Outline

Animaker Tutorial : Steps to use Animaker for your Animted Project

Shots mahara ayham 1

Video editing systems and their components

Evaluation 7

Making Work from Home (Really) Work

Casting Crew - Job Descriptions | Film Production

Week 5

Joel ppoint

Viewers also liked

This presentation will outline the emergence of a creative mobile media practice that surfaced within the last ten years. A Decade of Mobile Moving-Image Practice will focus on the emergence of mobile-mentary (mobile documentary, Schleser 2011) and mobile filmmaking in an international context and examine the developments within this new field of creative practice. In order to map out and curate the proliferation of this new field this presentation will discuss the research projects MINA and the International Mobile Innovation Screenings (2011-2014). In 2006, mobile phones outnumbered the volume of digital video, film and still cameras sold worldwide and industry forecasts 2 billion camera phones, but as an academic discipline this area is still under-examined. This presentation will outline the distinctive character, new methods of making and consequentially establishing representations and new forms of expression that are afforded by a creative mobile media practice. A number of independent practioners utilized smartphones as creative tools since the first camera phones appeared and contributed to generating new ways to think about smart phones as creative tools creating inspiring and innovative forms of visual expression. By means of creating a historical positioning and curation of mobile pioneers, mobile characteristics and qualities can be described. The discussion in this presentation will also explore the continuous innovation, refinement of aesthetics, on-going theoretical and methodological developments in a field that is now also recognized by the creative industries. While the industry maintains a conservative and commercial approach, this presentation points at mobile filmmaking as a cultural practice and argues for a case to embed mobile filmmaking in the academic discourse to illustrate possibilities for changes in the current mediascape.

Mobile/Smart Phone Filmmaking - A Decade of Mobile Moving-Image Practice

Max Schleser

Filmmaking 2.0

c930586

Hands On Filmmaking

Schipul - The Web Marketing Company

The importance of sound in filmmaking

Marc Pritchett

usheru Film Hack no. 2 - Micro-budget Filmmaking - a user's guide

usherucinemaapp

XXIХ International conference devoted to the problems of social Sciences Febr...

Center for Humanitarian Studies Society

Tools and tips for simplifying startup formation.

Alex Shoer

Почему я программирую на Perl‎

Anatoly Sharifulin

JJUG CCC 2014 ATL

Recruit Technologies

12- MMA Forum Argentina 2016 - La televisión conectada - Verne

Mobile Marketing Association

3 d pie chart circular puzzle with hole in center pieces 8 stages style 1 pow...

SlideTeam.net

Evaluation question 1 notes

Joel Ryan

¿CÓMO RESPONDER A LAS AMENAZAS CRECIENTES DE RANSOMWARE? 21. october 28th 2015 Mientras las estafas a través de las redes sociales proporcionan a los cibercriminales dinero rápido, algunos de ellos se basan en métodos de ataque más agresivos y lucrativos, como los ransomware, que aumentaron el 113% el año pasado. En este Webinar usted aprenderá sobre: ¿Qué hacer? y ¡Qué no hacer? al ser víctima del ransomware. Crypto Ransomware Malware. Cómo prepararse, y cómo responder efectivamente.

Be Aware Webinar - ¿CÓMO RESPONDER A LAS AMENAZAS CRECIENTES DE RANSOMWARE?

Symantec LATAM

Slides from Writing for Wikipedia Event

Kristen T

Grazia Daily Cannes 2016

Mondadori MediaConnect

Evaluation Question 1 - 8288

aragorn337

Viewers also liked (16)

Mobile/Smart Phone Filmmaking - A Decade of Mobile Moving-Image Practice

Filmmaking 2.0

Hands On Filmmaking

The importance of sound in filmmaking

usheru Film Hack no. 2 - Micro-budget Filmmaking - a user's guide

XXIХ International conference devoted to the problems of social Sciences Febr...

Tools and tips for simplifying startup formation.

Почему я программирую на Perl‎

JJUG CCC 2014 ATL

12- MMA Forum Argentina 2016 - La televisión conectada - Verne

3 d pie chart circular puzzle with hole in center pieces 8 stages style 1 pow...

Evaluation question 1 notes

Be Aware Webinar - ¿CÓMO RESPONDER A LAS AMENAZAS CRECIENTES DE RANSOMWARE?

Slides from Writing for Wikipedia Event

Grazia Daily Cannes 2016

Evaluation Question 1 - 8288

Similar to Applying Filmmaking Tools and Techniques to Interaction Design

I began college as a film student. I’ve always loved storytelling, particularly visual storytelling in the forms of film and animation. Well-made films show us that they can drive engagement, communicate in subtle ways, change attitudes, and inspire us to try to change our lives. Films succeed in evoking responses and engaging audiences only with a combination of well-written narrative and effective storytelling technique. It’s the filmmaker’s job to put this together. To do so they’ve developed processes, tools and techniques that allow them to focus attention, emphasize information, foreshadow and produce the many elements that together comprise a well-told story. We’re responsible for creating products that aren’t just easy to use, but that people appreciate using. It stands to reason that the methods used in films to communicate with and engage audiences can serve as inspiration for designers. With this presentation, we'’ll revisit the topic of using stories in design and expand on the technical aspects used in film to communicate. We’ll look at some tools used in film such as: cinematic patterns, beat sheets, and storyboards. We’ll consider why they’re used and how we might look to them for inspiration.

Lights! Camera! Interaction! What Designers Can Learn From Filmmakers

Applying Filmmaking Tools and Techniques to Interaction Design

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (16)

Similar to Applying Filmmaking Tools and Techniques to Interaction Design

Similar to Applying Filmmaking Tools and Techniques to Interaction Design (20)

More from Adam Connor

More from Adam Connor (18)

Recently uploaded

Recently uploaded (20)

Applying Filmmaking Tools and Techniques to Interaction Design

Editor's Notes