SlideShare una empresa de Scribd logo
1 de 25
Descargar para leer sin conexión
What are the benefits of using video for prototyping?
Monday, September 26, 2011
“...interaction design is first and foremost the design of
behavior that occurs over time”
-Alan Cooper et. al,About Face 3
Monday, September 26, 2011
Monday, September 26, 2011
video scenario
easy to consume
“shared vision”
task-based scenario flow
time-consuming
requires imagination
Monday, September 26, 2011
Microsoft FutureVision (mplayer)
Monday, September 26, 2011
Video is an useful tool for designers who have to quickly represent design concepts
that often involve complex relationships or require a high level of technology. It’s
fast, cheap, easy to share and allows lots of space for faking it.
Monday, September 26, 2011
Anatomy of a Hollywood blockbuster
ACT 1 - 0-30 min
Beginning of the film.
Set up characters and
environment. Where is
the story going to take
place and who are the
players?
Set up problem/
conflict in the story.
Whereas ACT I
introduces the
setting, ACT II deals
with the problem
that has arisen.
Rising action,
problem gets
worse, characters
struggle to solve
problem.
Turning point.
problem becomes
something different
from expected, the
story takes an
unexpected turn.
Event turn for
the worse for the
characters.
The situation becomes
the most difficult, the
characters are faced
with impossible odds
and everything seems to
be against them.
Falling action/resolution.
Heroes conquer problem
at great risk and drama.
The story is resolved.
ACT II - 30-90 min ACT III - 90-120 min
Monday, September 26, 2011
ACT 1 - 0-20 sec
Beginning of the film.
Set up background and
context.
Set up problem/
mission to solve
with the concept.
Rising action,
explain the what
was actually done
step by step.
Transititon from
explaining
into showing interaction
with the invention.
Usually execution
and interaction is
a huge success
on many levels
Transition from showing
use of the object into
bragging about project goals
met.
Falling action/resolution.
Display of statistics.
Summary of awesomeness.
Case closed.
ACT II - 20-50 sec ACT III - 50-90 sec
Anatomy of a biased case study
Monday, September 26, 2011
Forsman & Bodenfors - Ikea Showroom
Monday, September 26, 2011
Monday, September 26, 2011
Nike Trackball
Monday, September 26, 2011
Monday, September 26, 2011
Nokia Worlds Biggest Sign
Monday, September 26, 2011
Monday, September 26, 2011
Coca Cola - Living Vendor Machine
Monday, September 26, 2011
Monday, September 26, 2011
Heineken - The Invite
Monday, September 26, 2011
Monday, September 26, 2011
Divide into groups of 4...
Monday, September 26, 2011
Your product:
A fantastic device that enables people to transfer physical items “wireless” to
eachother.
Monday, September 26, 2011
The process:
1. Plan the shoot
2. Set-up shoot
3. Shoot the scenario
4. Edit using Adobe Premiere
5. Presentation/Feedback on Friday
Monday, September 26, 2011
Plan the shoot
1. Consider what interactions are important and how to visualize them
2. Consider required actions per shot: gestures, expressions, person-person
interaction, devices used
3. Create a storyboard of all key shots
Monday, September 26, 2011
Set-up shoot
1. Build devices (or use stuff that might fit)
2. Get to location and prepare the scene
3. Adjust lighting if needed
Monday, September 26, 2011
Shoot!
1. Check each shot for technical errors
2. Take several shots of important scenes, you can
never have too much material when editing..
Monday, September 26, 2011
Evaluate and edit
1. Watch all shots and take notes, what are the highlights, any errors?
Perhaps you need to retake a shot or two
2. Import the footage into Adobe Premiere
3. Have fun!!
Monday, September 26, 2011

Más contenido relacionado

Similar a videocourse

TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting StrategyTAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
Kane Cochran
 
Responsive design @ bbc.co.uk
Responsive design @ bbc.co.ukResponsive design @ bbc.co.uk
Responsive design @ bbc.co.uk
commuterjoy
 
Portfolio_SungKim_2015_digital
Portfolio_SungKim_2015_digitalPortfolio_SungKim_2015_digital
Portfolio_SungKim_2015_digital
Sungjun Kim
 

Similar a videocourse (20)

Show and Tell (with videos)
Show and Tell (with videos)Show and Tell (with videos)
Show and Tell (with videos)
 
ITP / SED Day 6
ITP / SED Day 6ITP / SED Day 6
ITP / SED Day 6
 
ACM ICN 2017 - UMOBILE tutorial Contextualization Session
ACM ICN 2017 - UMOBILE tutorial Contextualization SessionACM ICN 2017 - UMOBILE tutorial Contextualization Session
ACM ICN 2017 - UMOBILE tutorial Contextualization Session
 
Isaca Belgium Architecture frameworks
Isaca Belgium Architecture frameworksIsaca Belgium Architecture frameworks
Isaca Belgium Architecture frameworks
 
L2 - L3 - Film Industry
L2 - L3 - Film IndustryL2 - L3 - Film Industry
L2 - L3 - Film Industry
 
L2 - L3 - Film Industry
L2 - L3 - Film IndustryL2 - L3 - Film Industry
L2 - L3 - Film Industry
 
iPhone App from concept to product
iPhone App from concept to productiPhone App from concept to product
iPhone App from concept to product
 
Make Tools
Make ToolsMake Tools
Make Tools
 
RMCAD and Markit on Demand collaboration
RMCAD and Markit on Demand collaborationRMCAD and Markit on Demand collaboration
RMCAD and Markit on Demand collaboration
 
Architecture In An Agile World
Architecture In An Agile WorldArchitecture In An Agile World
Architecture In An Agile World
 
Bio diversity.pptx
Bio diversity.pptxBio diversity.pptx
Bio diversity.pptx
 
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting StrategyTAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
 
Panasonic search
Panasonic searchPanasonic search
Panasonic search
 
2011 institute jan_tech
2011 institute jan_tech2011 institute jan_tech
2011 institute jan_tech
 
2011 institute jan_tech
2011 institute jan_tech2011 institute jan_tech
2011 institute jan_tech
 
SplunkLive New York 2011: DealerTrack
SplunkLive New York 2011: DealerTrackSplunkLive New York 2011: DealerTrack
SplunkLive New York 2011: DealerTrack
 
Drupal for e_commerce-005_dugk_220911
Drupal for e_commerce-005_dugk_220911Drupal for e_commerce-005_dugk_220911
Drupal for e_commerce-005_dugk_220911
 
Responsive design @ bbc.co.uk
Responsive design @ bbc.co.ukResponsive design @ bbc.co.uk
Responsive design @ bbc.co.uk
 
Portfolio_SungKim_2015_digital
Portfolio_SungKim_2015_digitalPortfolio_SungKim_2015_digital
Portfolio_SungKim_2015_digital
 
Building an alarm clock with node.js
Building an alarm clock with node.jsBuilding an alarm clock with node.js
Building an alarm clock with node.js
 

videocourse

  • 1. What are the benefits of using video for prototyping? Monday, September 26, 2011
  • 2. “...interaction design is first and foremost the design of behavior that occurs over time” -Alan Cooper et. al,About Face 3 Monday, September 26, 2011
  • 4. video scenario easy to consume “shared vision” task-based scenario flow time-consuming requires imagination Monday, September 26, 2011
  • 6. Video is an useful tool for designers who have to quickly represent design concepts that often involve complex relationships or require a high level of technology. It’s fast, cheap, easy to share and allows lots of space for faking it. Monday, September 26, 2011
  • 7. Anatomy of a Hollywood blockbuster ACT 1 - 0-30 min Beginning of the film. Set up characters and environment. Where is the story going to take place and who are the players? Set up problem/ conflict in the story. Whereas ACT I introduces the setting, ACT II deals with the problem that has arisen. Rising action, problem gets worse, characters struggle to solve problem. Turning point. problem becomes something different from expected, the story takes an unexpected turn. Event turn for the worse for the characters. The situation becomes the most difficult, the characters are faced with impossible odds and everything seems to be against them. Falling action/resolution. Heroes conquer problem at great risk and drama. The story is resolved. ACT II - 30-90 min ACT III - 90-120 min Monday, September 26, 2011
  • 8. ACT 1 - 0-20 sec Beginning of the film. Set up background and context. Set up problem/ mission to solve with the concept. Rising action, explain the what was actually done step by step. Transititon from explaining into showing interaction with the invention. Usually execution and interaction is a huge success on many levels Transition from showing use of the object into bragging about project goals met. Falling action/resolution. Display of statistics. Summary of awesomeness. Case closed. ACT II - 20-50 sec ACT III - 50-90 sec Anatomy of a biased case study Monday, September 26, 2011
  • 9. Forsman & Bodenfors - Ikea Showroom Monday, September 26, 2011
  • 13. Nokia Worlds Biggest Sign Monday, September 26, 2011
  • 15. Coca Cola - Living Vendor Machine Monday, September 26, 2011
  • 17. Heineken - The Invite Monday, September 26, 2011
  • 19. Divide into groups of 4... Monday, September 26, 2011
  • 20. Your product: A fantastic device that enables people to transfer physical items “wireless” to eachother. Monday, September 26, 2011
  • 21. The process: 1. Plan the shoot 2. Set-up shoot 3. Shoot the scenario 4. Edit using Adobe Premiere 5. Presentation/Feedback on Friday Monday, September 26, 2011
  • 22. Plan the shoot 1. Consider what interactions are important and how to visualize them 2. Consider required actions per shot: gestures, expressions, person-person interaction, devices used 3. Create a storyboard of all key shots Monday, September 26, 2011
  • 23. Set-up shoot 1. Build devices (or use stuff that might fit) 2. Get to location and prepare the scene 3. Adjust lighting if needed Monday, September 26, 2011
  • 24. Shoot! 1. Check each shot for technical errors 2. Take several shots of important scenes, you can never have too much material when editing.. Monday, September 26, 2011
  • 25. Evaluate and edit 1. Watch all shots and take notes, what are the highlights, any errors? Perhaps you need to retake a shot or two 2. Import the footage into Adobe Premiere 3. Have fun!! Monday, September 26, 2011