Videoskitsering med Peter Vistisen

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

3. 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?

4. 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)

5. 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)

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

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

8. 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?

9. 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

10. 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!

12. Bill Buxton (2007)

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

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

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

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

17. Wizard of Oz’ing

19. “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)

20. Oplevelsen

21. The wizard of airline tickets
Oplevelsen

22. “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)

23. 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!

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

25. 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)

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

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

28. Stop Motion video
Klassisk animation

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

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

31. 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

32. 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

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. Case for vores skitse
Optimering af nødkaldet til ældreplejen
Problem: Miskommunikation mellem plejere
Løsningsidé: En bærbar alarm m. automatisk sync
Scenarie: Gamle Søren falder i sin lejlighed

36. Rekvisitter
Pap, papir og grønne skærme

37. Reframing
Måske problemet faktisk er tryghed hos den ældre?
Problem: Tryghed ved ulykker i hjemme hos ældre
Løsningsidé: En bærbar alarm m. videolink
Scenarie: Gamle Søren falder i sin lejlighed