video sketching - u-crac 2012
DESCRIPTION
Video Sketching lecture given by PTRANSCRIPT
![Page 1: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/1.jpg)
SKETCHINGMED VIDEOHvorfor sketching?
Video sketching som metode
Quick start med Premiere Pro
Peter Vistisen
![Page 2: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/2.jpg)
Fra viden mod indsigtNu skal der ideer på bordet
...hvordan når vi fra data om hvad der er, til ideer om hvad der kunne være?
![Page 3: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/3.jpg)
Design som oversættelseBetydning 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)
![Page 4: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/4.jpg)
Design som oversættelseBetydning 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)
![Page 5: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/5.jpg)
Den svære balance
“Design is compromise.”
Fra Buxton’s “Sketching User Experiences” (2007)
formerfunktionerstilarterproblemerløsningerinteressenterfaglige rationaler
mellem
![Page 6: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/6.jpg)
Udfordringen qua BuxtonDet svære ved at arbejde reflekteret med designsyntese
Getting the right design......and getting the design right
![Page 7: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/7.jpg)
Udfordringen qua BuxtonDet 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?
![Page 8: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/8.jpg)
VideoskitseringVisualisering 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
![Page 9: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/9.jpg)
VideoskitseringVisualisering 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 ;)
![Page 10: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/10.jpg)
Figure 52: The Sketch to Prototype Continuum
The difference between the two is as much a contrast of purpose, or intent,
as it is a contrast in form. The arrows emphasize that this is a continuum,
not an either/or proposition.
![Page 11: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/11.jpg)
Figure 51: The Dynamics of the Design Funnel
The design funnel begins with ideation, and ends with usability testing. The
former is largely dominated by sketching, which enables ideas to be explored
quickly and cheaply. More refined (and expensive) prototypes provide the ba-
sis for the testing at the later stages of design. Where testing is a key concern,
the most dominant artifacts are more refined (and expensive) prototypes.
The transition from one to the other is represented by the transition from
orange to yellow in the figure. As we progress, our overall investment in the
process grows. This is indicated by the rising arrow and the y-axis label on
the left. The y-axis label on the right side of the figure emphasizes that as
our investment increases, so should the weight of the criteria that we use
to evaluate our design decisions. In other words, you don’t manage ideation
the same way, or with the same rigor, as usability. Finally, the circular arrows
are a reminder that we include users throughout the iterative process, not
just during usability testing.
Bill Buxton (2007)
![Page 12: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/12.jpg)
“The only way to engineer the future tomorrow is to have lived in it yesterday.”
Bill Buxton (2007)
...videoskitser er manifestationer af visioner
![Page 13: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/13.jpg)
Cases - visionsskitserEt værktøj fra ‘den virkelige’ verden
![Page 14: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/14.jpg)
Cases - visionsskitserEt værktøj fra ‘den virkelige’ verden
![Page 15: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/15.jpg)
...så hvordan gør vi det?
![Page 16: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/16.jpg)
Wizard of Oz’ing
![Page 17: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/17.jpg)
![Page 18: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/18.jpg)
“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)
![Page 19: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/19.jpg)
Oplevelsen
![Page 20: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/20.jpg)
Oplevelsen
242
Figure 81: The Wizard’s Listening Typewriter
A perfectly functional listening typewriter is implemented simply by
having a fast typist, hidden behind the screen, who would enter the
text captured from the microphone.
The wizard of airline tickets
![Page 21: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/21.jpg)
“The only way to engineer the future tomorrow is to have lived in it yesterday (...)
It is !delity of the experience, not the !delity of the prototype, sketch, or technology that is important from the perspective of ideation and early design.”
Bill Buxton (2007)
![Page 22: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/22.jpg)
Det er meget lettere, meget billigere og ikke mindst meget hurtigere at !nde en lille gammel mand, en mikrofon og nogle højtalere, end det er at !nde en rigtig troldmand.
Og sådan er det også med de "este interaktive systemer - fake it till you make it!
Peter Vistisen
Get real scarface!
STFU!
![Page 23: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/23.jpg)
Prototyping life-cycleDen iterative process
![Page 24: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/24.jpg)
Prototyping life-cycleDen iterative process
Jo flere omgange jo bedre
![Page 25: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/25.jpg)
Hvilke værktøjer?
I need a tool..!!!!
![Page 26: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/26.jpg)
SkitseringssoftwareThe best tool is the one you know
Windows Live Movie MakerSimpel grænseflade, simple effekter (gra5s)
iMovieSimpel grænseflade, simple effekter (gra5s)
Adobe Premiere elementsSimpel grænseflade , lag, video overlays & green-‐screen (lav pris)
Adobe Premiere Pro & Adobe A7er EffectsAvanceret professionelt værktøj (svinedyr)
![Page 27: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/27.jpg)
En jack of all trades til videoskitsering Skitsering i Premiere
![Page 28: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/28.jpg)
SkitseringsprincipperFra stop motion til green screen effekter
Multi layer video
Animation / stopmotion
Green Screen
...og god gammeldags skuespil!
![Page 29: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/29.jpg)
Stop Motion videoKlassisk animation
![Page 30: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/30.jpg)
Video LayersVi sætter videoer og animationer sammen
![Page 31: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/31.jpg)
Green screen videoVi fjerner det grønne og indsætter det fede
![Page 32: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/32.jpg)
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.iclari!ed.com/entry/index.php?enid=2984
Adobes E-læring
Lynda.com E-learning ($)
Green Screens i iMovie
![Page 33: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/33.jpg)
Lyd i jeres videoerEt 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/
![Page 34: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/34.jpg)
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
![Page 35: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/35.jpg)
Understandingthe 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’
Pause andnext upDemo
![Page 36: Video Sketching - U-CrAc 2012](https://reader034.vdocuments.net/reader034/viewer/2022052623/559977c21a28ab35528b469b/html5/thumbnails/36.jpg)
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