Design Out Loud: Making A Web Video

DESIGN OUT LOUDCarnegie Mellon University School of Design Senior ID Studio | Class 11: Project Management

v/v/

© DePerro 2010

v/v/

© DePerro 2010

OVERVIEW

‣ GATHER‣ DISTILL‣ FRAME‣ PRESENT‣ EXAMPLES

Video Presentation Process

v/v/

© DePerro 2010

GATHER

‣ Secondary Research‣ Primary Research‣ Rinse & Repeat (verifciation...along the way)

Research

v/v/

© DePerro 2010

DISTILL

‣ Gather 3 to 5 key insights from your primary and secondary research you’ve conducted the last two weeks.‣ Prepare one core high-level idea

‣ Frame insight as an actionable item, to clarify your message.‣ Descriptions, Images, Video Snippets, Diagrams...

Research Findings

v/v/

© DePerro 2010

FRAME

‣ State your problem‣ Insights gathered support why you’re solving this problem.

‣ Who has this problem?‣ Insights gathered drive how you will solve this problem.

‣ How are you going to solve this problem? (hypothesis)‣ What do you want people to take away/do after watching?

Video Outline

v/v/

© DePerro 2010

PRESENT

‣ Presentation VS. Web (stand-alone)‣ Slideshow (notes, voice over) VS. Video (image + voice)‣ Text VS. Image VS. Metaphor‣ Call to Action VS. Sharing tools

PRESENTATION DECISIONS

© DePerro 2010

EXAMPLESCHARITY WATER

PROBLEMPROBLEM

© DePerro 2010


USERUSER

© DePerro 2010


SOLUTIONSOLUTION

© DePerro 2010


CALL TO ACTIONCALL TO ACTION

PROBLEM

?

PROBLEM

?

© DePerro 2010

EXAMPLESTIMBUK2: FLAP BAG

USERUSER

© DePerro 2010


SOLUTIONSOLUTION

© DePerro 2010


PROBLEMPROBLEM

© DePerro 2010

EXAMPLESIDEA SPRIG

USERUSER

© DePerro 2010

EXAMPLESIDEA SPRIG

NEXT CLASSBe prepared for Mon 10/4

‣ Core Insights

‣ Outline/Storyboard

‣ Begin Visuals

‣ Reminder: Send

Weekly Updates!

Design Out Loud: Making A Web Video

Documents

Transcript of Design Out Loud: Making A Web Video