Video Sketching lecture given by P

1. SKETCHING
MED VIDEO
Hvorfor sketching?
Video sketching som metode
Quick start med Premiere Pro
Peter Vistisen

2. Fra viden mod indsigt
Nu skal der ideer på bordet
...hvordan når vi fra data om hvad der er,
til ideer om hvad der kunne være?

3. Design som oversættelse
Betydning af design som begreb for betydning
“A designer begins to act as a translator. Both
visualizing ideas as they are developed and refined
and also translating vague descriptions, gestures, or
references to new ideas, into more actionable concrete
representations that can be explored further (...) “
Jon Kolko (2011)

4. Design som oversættelse
Betydning af design som begreb for betydning
“ (...) The medium that a designer manipulates
is human behavior and experience, and
the material is the digital fabric: bits, bytes,
pixel and processors.
Jon Kolko (2011)

5. Den svære balance
Fra Buxton’s “Sketching User Experiences” (2007)
“Design is compromise.”
former
funktioner
stilarter
mellem problemer
løsninger
interessenter
faglige rationaler

6. Udfordringen qua Buxton
Det svære ved at arbejde reflekteret med designsyntese
Getting the right design...
...and getting the design right

7. Udfordringen qua Buxton
Det svære ved at arbejde reflekteret med designsyntese
løser vi det rigtige problem?
Getting the right design...
...and getting the design right
løser vi problemet hensigtsmæssigt?

8. Videoskitsering
Visualisering via videoen som designmateriale
“Interaction design is design of the acts
that define intended use of things.”
Hallnäs, L. and Redström, J. 2006
...vi kan afprøve og evaluere denne brug via video

9. Videoskitsering
Visualisering via videoen som designmateriale
Quick n’ Dirty
Visualiserer konceptet over tid
Undgår ‘death by bullet points’ som her ;)
Får sagt mere - på kortere tid!

11. Bill Buxton (2007)

12. “The only way to engineer the future
tomorrow is to have lived in it yesterday.”
Bill Buxton (2007)
...videoskitser er manifestationer af visioner

13. Cases - visionsskitser
Et værktøj fra ‘den virkelige’ verden

14. Cases - visionsskitser
Et værktøj fra ‘den virkelige’ verden

15. ...så hvordan gør vi det?

16. Wizard of Oz’ing

18. “Up to the point where Toto tipped over the screen and
revealed the Wizard to be a fraud, all of Dorothy’s
reactions were valid psychologically, anthropologically,
and sociologically. To her the Wizard was real, and
therefore so were all her experiences.”
Bill Buxton (2007)

19. Oplevelsen

20. The wizard of airline tickets
Oplevelsen

21. “The only way to engineer the future tomorrow is to
have lived in it yesterday (...)
It is fidelity of the experience, not the fidelity of the
prototype, sketch, or technology that is important
from the perspective of ideation and early design.”
Bill Buxton (2007)

22. Det er meget lettere, meget billigere og ikke mindst
meget hurtigere at finde en lille gammel mand, en
mikrofon og nogle højtalere, end det er at finde en
rigtig troldmand.
Og sådan er det også med de fleste interaktive
systemer - fake it till you make it!
Peter Vistisen
Get real scarface!
STFU!

23. Den iterative process
Prototyping life-cycle

24. Den iterative process
Prototyping life-cycle
Jo flere omgange jo bedre

25. Hvilke væ rktøjer?
I need a tool..!!!!

26. Skitseringssoftware
The best tool is the one you know
Windows
Live
Movie
Maker
Simpel
grænseflade,
simple
effekter
(gra5s)
iMovie
Simpel
grænseflade,
simple
effekter
(gra5s)
Adobe
Premiere
elements
Simpel
grænseflade
,
lag,
video
overlays
&
green-­‐screen
(lav
pris)
Adobe
Premiere
Pro
&
Adobe
A7er
Effects
Avanceret
professionelt
værktøj
(svinedyr)

27. Skitsering i Premiere
En jack of all trades til videoskitsering

28. Skitseringsprincipper
Fra stop motion til green screen effekter
Multi layer video
Animation / stopmotion
Green Screen
...og god gammeldags skuespil!

29. Stop Motion video
Klassisk animation

30. Video Layers
Vi sætter videoer og animationer sammen

31. Green screen video
Vi fjerner det grønne og indsætter det fede

32. Søg hjælp!
...nettet er fyldt med how-to’s, do this’ & walkthroughs
Adobes E-læring
http://tv.adobe.com/show/learn-premiere-pro-cs6/
Lynda.com E-learning ($)
http://www.lynda.com/Premiere-Pro-tutorials/
Green Screens i iMovie
http://www.iclarified.com/entry/index.php?enid=2984

33. Lyd i jeres videoer
Et par kilder til (næsten) gratis lyd og musik
http://freemusicarchive.org/
http://www.partnersinrhyme.com/pir/ free_music_loops.shtml
http://incompetech.com/m/c/royalty-free/

34. HUSK!
Det handler ikke om flot grafik
Få testet mange rå, fremfor få HQ
Kombiner teknikker til nye udtryk
Gem jeres rå-skitser til procesvideo

35. Understanding
Pause and
the users t up
nex
o Dem
...im a cat person
Brugeren er sjældent bare én person, men
et netværk af interessenter, med forskellige
indgangsvinkler og dermed forskellige
interaktioner med produktet/servicen.
Cooper (2003) kalder det ‘Elastic Users’

36. Visionen for denne uge
...med andre ord hvad vi håber i gør
...arbejd i rå skitser der kan smides ud
...lav mindst tre forskellige skitser
...påbegynd arbejdet med web-sitet