1. SKETCHING
MED VIDEO
Hvorfor sketching?
Video sketching som metode
Quick start med Premiere Pro
Peter Vistisen
mandag den 16. september 13

2. mandag den 16. september 13

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?
mandag den 16. september 13

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)
mandag den 16. september 13

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)
mandag den 16. september 13

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

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

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

9. The Fuzzy Front end
Frit efter Damien Newman 2009
Usikkerhed / Patterns / Indsigter Klarhed / Fokus
Research Koncept Prototype Design
mandag den 16. september 13

10. ...designerens vigtigste redskab
Sketching
mandag den 16. september 13

11. At optage ideer
Sketching resulterer i sketches som resulterer i nye ideer
“Sketchingisthepremissiontoexperiment”
TomKelly-fraIDEO’sTEDxTalk
Vi kan hurtigere og klarere forstå visuelt end symbolskt og
derfor skal vi bruge skitsering til optagevoresideerløbende
for at undgå at blive fanget af én idé.
mandag den 16. september 13

12. mandag den 16. september 13

13. Bill Buxton (2007)
mandag den 16. september 13

14. Refleksionihandlen
Sketching hænger sammen med Schön’s epistemologi
Mind Sketch
Create
Read
teori
erfaring
sund fornuft
intuition
storyboards
mock-ups
prototyper
ideer
wireframes
mandag den 16. september 13

15. mandag den 16. september 13

16. Well... så er alt fryd og
gammen right?
mandag den 16. september 13

17. Problemet med skitser
Gode til meget - men ikke så dynamiske
“Theexperienceissomuchinthetransition”
Vi skal designe og være opmærksomme på transitions før
detaljerne for de enkelte states - med andre ord skal tiden
designes før detaljerne.
Buxton 2006
mandag den 16. september 13

18. CASE fra virkeligheden
“The Knowledge Navigator — a networked device that
can search a massive hypertext database and retrieve
just about any information, using a multitouch
interface and powerful voice recognition technology.”
mandag den 16. september 13

19. Hvad mangler vi?
mandag den 16. september 13

20. Understanding
the users
...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’
Hvad med
brug over tid
mandag den 16. september 13

21. ...hvad og hvordan?
Vi mangler et niveau til at forstå brugssituationen!
“Interactiondesignisdesignoftheacts
thatdefineintendeduseofthings.”
Hallnäs, L. and Redström, J. 2006
...Apple prøvede at bruge video til dette formål
mandag den 16. september 13

22. Visionsskitsen
Et værktøj fra‘den virkelige’ verden
mandag den 16. september 13

23. Et værktøj fra‘den virkelige’ verden
Visionsskitsen
mandag den 16. september 13

24. Problemet med skitser
Gode til meget - men ikke så dynamiske
“Theexperienceissomuchinthetransition”
Vi skal designe og være opmærksomme på transitions før
detaljerne for de enkelte states - med andre ord skal tiden
designes før detaljerne.
Buxton 2006
mandag den 16. september 13

25. ...men holder illusionen?
mandag den 16. september 13

26. Wizard of Oz’ing
mandag den 16. september 13

27. mandag den 16. september 13

28. “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)
mandag den 16. september 13

29. Oplevelsen
mandag den 16. september 13

30. Oplevelsen
The wizard of airline tickets
mandag den 16. september 13

31. 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 systemer
- fake it till you make it!
Peter Vistisen
Get real scarface!
STFU!
mandag den 16. september 13

32. 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)
“The only way to engineer the future tomorrow is
to have lived in it yesterday (...)
mandag den 16. september 13

33. How does it fit together
Vi skal bruge metoderne til at koble to domæner
...viasketchingteknikker
Technology push
User needs /
Potential marked
mandag den 16. september 13

34. How does it fit together
Technology push
User needs /
Potential marked
sweet
spot
Vi skal bruge metoderne til at koble to domæner
mandag den 16. september 13

35. Fra LowFi til HiFi
Fakteroggestik
Ordogsætninger
Tavletegniner
Papirskitser
Mixedmodality
Mock-ups
Wireframes
Slidewares
Videoskitser
Hi-fiprototype
Kodetiteration
Low-fidelity
High-fidelity
Videoskitser
mandag den 16. september 13

36. Fra LowFi til HiFi
Fakteroggestik
Ordogsætninger
Tavletegniner
Papirskitser
Mixedmodality
Mock-ups
Wireframes
Slidewares
Hi-fiprototype
Kodetiteration
Low-fidelity
High-fidelity
Videoskitser
mandag den 16. september 13

37. Fra 1D til 4D skitser
I U-CrAc vandrer vi frem og tilbage i skitseringsniveauer
mandag den 16. september 13

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

39. Hvilke værktøjer?
I need a tool..!!!!
mandag den 16. september 13

40. En jack of all trades til videoskitsering
Skitsering i Premiere
mandag den 16. september 13

41. Skitseringsprincipper
Fra stop motion til green screen effekter
Multi layer video
Animation / stopmotion
Green Screen
...og god gammeldags skuespil!
mandag den 16. september 13

42. Stop Motion video
Klassisk animation
mandag den 16. september 13

43. Video Layers
Vi sætter videoer og animationer sammen
mandag den 16. september 13

44. Green screen video
Vi fjerner det grønne og indsætter det fede
mandag den 16. september 13

45. Det lyder jo
skide svært!
mandag den 16. september 13

46. Visionen for denne uge
...arbejd i rå skitser der kan smides ud
...lav mindst tre forskellige skitser
...påbegynd arbejdet med web-sitet
...med andre ord hvad vi håber i gør
dvs. jeres produkt!
mandag den 16. september 13

47. 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/
mandag den 16. september 13

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

49. 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
mandag den 16. september 13

50. Case for vores skitse
Optimering af nødkaldet til ældreplejen
Problem: Miskommunikationmellemplejere
Løsningsidé: Enbærbaralarmm.automatisksync
Scenarie: GamleSørenfalderisinlejlighed
mandag den 16. september 13

51. Rekvisitter
Pap,papir og grønne skærme
mandag den 16. september 13

52. Reframing
Måske problemet faktisk er tryghed hos den ældre?
Problem: Tryghedvedulykkerihjemmehosældre
Løsningsidé: Enbærbaralarmm.videolink
Scenarie: GamleSørenfalderisinlejlighed
mandag den 16. september 13

53. Rock on!
...you must
mandag den 16. september 13