Video sketching ucrac16

costs & wishes
formular for traveling in front of Sørens office
wishlist for stuff on facebook
onsdag den 14. september 16

till monday...
Generate five video sketched ideas
Uploaded to the web-side
Arrange meeting with case-partners (skype of IRL)

Greenberg et al 2011
multiple ideas matters!

animation-based
sketching to explore
future user experiences
PeterVistisen
AssistantProfessor,niceguy

Status...

cluster 1
cluster 2
Merge the insight

“Design is to design a design to produce a design.”
John Heskett, 2005
symbolic representation
depictive representation

John Heskett
“Design is to design a design to
produce a design.”
From“Design:AVery Short Introduction”

John Heskett
From“Design:AVery Short Introduction”
noun (3)
verb
noun (1)
noun (2)

Buuuuuuuuuuuuut…
Design in praxis always have one important alteration

“Design is to design designs to
Buuuuuuuuuuuuut…
Design in praxis always have one important alteration

Data
The process
Concept

ConceptData
The process

It’s a tough balance...
“Design is compromise.”
From Buxton’s“Sketching User Experiences”(2007)
forms
functions
styles
problems
solutions
stakeholders
knowledge domains
between

The challenge qua Buxton
The hard part of working with reflective design problems
Getting the right design...
...and getting the design right

do we solve the right problem?
do we solve the problem appropriately?
The challenge qua Buxton
The hard part of working with reflective design problems

why is this
important

Design is about products!
Everything designed by humans can essentially be called a‘product’
“We regard the form of a products as a synthesis of what is useful,
usable, and desirable - that is, the content and structure of
performance, human aﬀordances, and product voice.”
Richard Buchanan 2011 ‘Design Research & The New Learning’
UTILITY
USABILITY DESIREABILITY
‘product’
UTILITY
USABILITY DESIREABILITY
‘product’

The inertia of innovation
We need tools that allow us to avoid the pit fall of local hills
“Intermsofstiflinginnovation,goodideasaremore
dangerousthanbadones.Theytakehold,assume
momentum,andthereforeresultinintertia”
Buxton 2007
...intertia must be avoided

...and Buxton won’t shut up!
Billy Boy makes a clear summary of why exploration matter
“Withoutinformeddesign-technology
ismorelikelytodobadthangood”
Buxton 2007

Possible future‘worlds’
The Future is kinda messy - but it’s also ‘hand made’

...once upon a possible world
A theoretical framework som poetics may be our beginning
You and I
Here and now
Possible world 1
Possible world 2
Possible world 3
Science ﬁctional world

“A kind of halfway between fact and fiction (...) telling
stories that appear real and legible (...) Offering some
sort of reflection on how things are, and how they
might become something else.”
–
JULIAN BLEEKER - near future laboratory
Design + fiction

a formal definition exist
"Design fiction is the deliberate use of diegetic
prototypes to suspend disbelief about change."
Bruce Sterling, 2012

it’s all in the ‘what if ?’

“A proposable good solution to a design
problem, within a certain context ”
Professor Jon Kolko, 2009
What if?What if X condition(s) were true?

...a lot of real design comes
from real past ideas of ﬁction

Minority Report

...and head on to 2012

Remember the diegesis
“Filmicdepictionsoffuturetechnologiesareactually‘diegetic
prototypes’thatdemonstratetoalargeraudienceatechnology’s
need,benevolence,andviability.Diegeticprototypeshavea
majorrhetoricaladvantageovertrueprototypes:inthediegesis
thesetechnologiesexista‘real’objectsalreadyimplemented,
whichpeopleactuallyuse.”
David A. Kirby “The Future is Now”
...storiesmatter alotinterms of domesticating an idea

Props & Prototypes
Think of design as prop-making for the near future.
Design makes objects (non-humans) around which
stories/conversations ensure, and imaginary worlds
come into being.
...the samegoesforthe‘immateriality of services’

A good example

...and it can be very rough
Which lead’s us to why fiction can be used for sketching

Advertise the future
fictionasdiegeticinformercials

...two tools for today

First let’s build a
concept scenario

Necessities
(data)
Lessons
(example)
Dragons
(misconceptions)
Possibilities
(design ﬁction)
FACT
FUTURE
FICTION
PAST
Histories Signals
Myths Scenarios
Vistisen, 2013

Necessities
(data)
Lessons
(example)
Dragons
(misconceptions)
Possibilities
(design ﬁction)
FACT
FUTURE
FICTION
PAST
Histories Signals
Myths Scenarios
Vistisen, 2013
Teenagers are hard to engage
during their visit to the zoo
The zoo is highly dependent
on the weather and season
It has been unsuccsesfull to
reach the guest through
mobile apps

Necessities
(data)
Lessons
(example)
Dragons
(misconceptions)
Possibilities
(design ﬁction)
FACT
FUTURE
FICTION
PAST
Histories Signals
Myths Scenarios
Vistisen, 2013
mobile apps
Funding for the zoo is limited
in the next ﬁve years
No economical room for new
staff hires
In 2020 90% of all guest will
use digital media during a
visit

Necessities
(data)
Lessons
(example)
Dragons
(misconceptions)
Possibilities
(design ﬁction)
FACT
FUTURE
FICTION
PAST
Histories Signals
Myths Scenarios
Vistisen, 2013
mobile apps
staff hires
visit
Teenagers don’t want to visit
the zoo with their families
Digital technology disturbs
the physical experience of
the zoo
Only more staff will enable
more involving experiences
for the visitors

Necessities
(data)
Lessons
(example)
Dragons
(misconceptions)
Possibilities
(design ﬁction)
FACT
FUTURE
FICTION
PAST
Histories Signals
Myths Scenarios
Vistisen, 2013
mobile apps
staff hires
visit
Teenagers don’t want to visit
the zoo with their families
Digital technology disturbs
the physical experience of
the zoo
Only more staff will enable
more involving experiences
for the visitors
What if teenagers became
responsible for the zoo?
What if we could challenge
the families in a ﬂexible
adventure - combining
physical and digital?
What if the digital layer was
more or less autonomous?

Assignment
1) Mapoutyourproblemspaceinthethedesignfictionmatrix
2) Begintodiscuss‘what ifscenarios’thatcouldexistandhowthis
possibleworldmightlooklikefromtheuserviewpoint.Stateyour
ideasbyactuallyasking‘WhatifX’?
3) Trytomakeatleast3-5differentscenarioswithdifferentideas

ḔẼỀḖȄÈ ẼẺ ḔỀẸEȄ ẨȦȦȂ
...any questions?

...the foundation for design thinking
Sketching
@petervistisen

“Asketchissimplyalinegoingforawalk”
Paul Klee (1879-1940)

Go grab these ﬁles!

BUT I CAN’T
DRAW!

Sketching is NOT drawing!
Sketching is designing
(and yes that makes a big difference)

Storyboards
Depict your design space as a pieces of a visual story

Storyboards
Using different sketching patterns we may also add a little depth

Good for a lot of situations - but very static
Problems with sketches

Great for a lot of cases - but often with very little dynamic
“Theexperienceissomuchinthetransition”
Buxton holds that we are focusing too much on representing the
states of a design proposal and thereby neglect the design of the
transitions (the in-between that happens through time )
Buxton 2006

...and static does not win the day with interactive technologies
“Wesketchinpatternsandconventions-and
thuswehaveproblemswithsketching
conceptsofnon-idiomatictechnologies”
New emerging technologies without established design
patterns are hard to handle with traditional sketching.
Sotheirwickednessofthewickedproblembecomesmorewicked!
Jonas Löwgren 2011

CASE from reality
“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.”

What did we miss?

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’
What about
use over time

...what and how?
The dimension of time is the users reality
“Interactiondesignisdesignoftheacts
thatdefineintendeduseofthings.”
Hallnäs, L. and Redström, J. 2006
...Apple tried to do this with the Knowledge navigator

Vision sketches
A tool from real world design spaces

..but does the illusion hold?

Wizard of Oz’ing

“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)
...and this is what we need!

THE EXPERIENCE

So it is much faster and easier (and cheaper!) to find
a little old man, put him behind a curtain with a
microphone and some speaks, that it is to find a real
Wizard (true story).
And that’s the case with most experience design
- fake it till you make it! Peter Vistisen
Get real scarface!
STFU!

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 of tomorrow
is to have lived in it yesterday (...)

Taking over the fourth dimension of design
Video as a sketching tool
@petervistisen

...methods to extend a sketch

From LowFi to HiFi
Gestikulation
Words
Whiteboardscribbles
Papersketches
Mixedmodality
Mock-ups
Wireframes
Slidewares
Videosketches
Hi-fiprototypes
Codedprototype
Low-fidelity
High-fidelity

Video&animation-basedsketching
giveshighfidelityfeedbackwith
lowtomidfidelitytools...
From LowFi to HiFi
Gestikulation
Words
Whiteboardscribbles
Papersketches
Mixedmodality
Mock-ups
Wireframes
Slidewares
Videosketches
Hi-fiprototypes
Codedprototype
Low-fidelity
High-fidelity
Hypothesis...

So...video sketching
Using video as a design material
Videoisanextremelyflexibletoolthatcancapturereal-worldeventsas
theyoccur,either"staged"or"live".Videocanillustrateideasandconcepts,
andespeciallydynamiceventssuchashowpeopleinteractwithobjects
andcomputers.Videoisacreativetoolforexploringnewideas,simulating
newtechnologyandallowinguserstoexperiencetechnologythat
doesnotyetexist.Finally,videoisapowerfulcommunicationtool,aspart
ofapresentation,inadesignworkshop,orstandingalone,enablingyouto
shareresults,discussideasandenvisionfuturedesigns.
MacKay 2001
...bla bla blaonsdag den 14. september 16

Reflection-on-video
Moore & Buur’s interpretive stance on video in design
FOCUS REFLECT REFRAME
WHAT IS
INTERESTING?
WHY IT IS
INTERESTING?
HOW DOES IT
CHANGE MY
UNDERSTANDING?
MOORE & BUUR 2009

how do we create
the illusions?

Maybeanimationcanaugmentedthevideo?
ANIMATION

“Animation exaggeratesandemphasizesessence”
Jørgen Kubien 2013
ANIMATION

R. Stephenson, 1973
...as a video sketch
“Thekeydifferencebetweenanimationsandclassicfilmis
thatanimationofferstheproducertheabilitytohavenear
fullcontrolofthematerialmatter,andisnotconstrained
fromthecontextofthephysicalworldwhichthevideo
mediaislimitedtoo.”

different formsanimationissuitablewhenstaticexpressestoolittle
STATIC SKETCH CLICKABLE MOCKUP
10 SECOND ANIMATION

Pacing, rhythm (qualities in the medium) and anticipation (subjective to the
viewer) is part of what the temporal information adds - it’s the finer grains of
experiential value in the sketch, which cannot be statically perceived

Necessities
(data)
Lessons
(example)
Dragons
(misconceptions)
Possibilities
(design ﬁction)

Show us how to do it!!!
Go go Premiere!

A jack of all trades for video sketching
Sketching in Premiere

Animatics
Taking a simple storyboard and making it into a video
...animatics (low-fi)

Animatics
Taking a simple storyboard and making it into a video

Stop Motion video
Classic animation with paper,models and timing

Video Layers
Videos get augmented via animated special fx

Green screen video
We remove the background to simulate new contexts

Using other peoples stuff
Be careful with copyrights,but use it if it makes sense
+

But, is video sketching
allways a viable method?

From LowFi to HiFi
Gestikulation
Words
Whiteboardscribbles
Papersketches
Mixedmodality
Mock-ups
Wireframes
Slidewares
Videosketches
Hi-fiprototypes
Codedprototype
Low-fidelity
High-fidelity
Thehigherfidelity...
...thelowerflexibility
(againit’sallaboutthecompromise)

theproductionenvironmentstypically
needstobeappropriatedandlearnedto
enableanimation-basedsketching.
...inotherwords,theyarere-designed

TIME (horizon)futurism realism
Normative
DesignProblemsSci-Fi
Unknowcontext
Unknowconditions
Roomforspeculation
Roomforstrategicplanning
Knowcontext
Knownconditions
Littleroomtilexperiment
Focusonfollowingstrategy

TIME (horizon)futurism realism
Normative
DesignProblemsSci-Fi Usingvideo
Unknowcontext
Unknowconditions
Roomforspeculation
Roomforstrategicplanning
Knowcontext
Knownconditions
Littleroomtilexperiment
Focusonfollowingstrategy

in all levels of fidelity

Remember
It’s not about Hollywood style effects
Get to test of many raw ideas
Combines techniques to new forms
Save everything you create!
(your portfolio will love you for it)

Show & tell case
Optimizing alerts to care takers of elderly people
Problem:
Solution:
Scenarie:

Show & tell case
Optimizing alerts to care takers of elderly people
Problem: Miscommunicationbetweencaretakers
Solution: Mobileautosyncedalarm
Scenarie: OldPop’sfallsinhisapartment

Props
Card board,paper and green
(super green!)

Peter!
stop talking...
...sit down
open Premiere!onsdag den 14. september 16

Reframing
Maybe the right design is actually to fell secure
Problem: Accidentsevokefearintheelderly
Løsningsidé: amobilealarmwithvideolink
Scenarie: OldPop’s(still)fallsinhisapartment

...it’s just one of them science guys
Don’t mind the kid with the camera

What to put on the web-site
You sketches + reflections on the process
What is the name of your sketch?
What is the design problem depicted?
What is the narrative or message in the sketch?
Which techniques did your apply?
Give your sketch a number, and name it
Provide a short resume of the design problem the sketch handles, and explain why it
actually is a problem (use your data or hypothesis). About 100 words
Provide a short resume of how you have depicted your sketch as a design fiction. Who
are the users, what is the solution, and what is important in the sketch? About 75 words
Deconstruct which sketching techniques you applied in the sketch and explain how and
why it was used to create the visualization of your idea. About 75 words

sen Thessa Jensen
Lektor
sti
weetD
Rasmus Kalle Kristansen
Ejer af det internationale designbureau The SweetD
he SweetD
if Im not around,
and you need help
Rasmus Kalle Kristiansen
- Swedish Private Detective
- Ladyboys man in the weekends
- Expert in all things Digital

Rock on!...you must
...and lunch

Bodystorming
...mise-en-scene via thebody
Video-augmented

Bodystorming is technique of physically experiencing
a situation to derive new ideas. It requires setting up
an experience - complete with necessary artifacts and
people - and physically testing it.
Bodystorming can also include physically changing
your space during ideation. What you're focused on
here is the way you interact with your environment and
the choices you make while in it.

Howto?
1)Getup...
2)Startdoing!
3)Done...
...andmayberecordit

ÉḠȨGḚḔǴẼĤḠĠǴĞḞȨGḚĠǴḘȞǦFǴĞḘĔĞǴḞĠĖḘĢḠḘĞǦǴȨGĠǴĔHȨḘḦ

ȄĖḘḎǴĞĠĖÈḘĒĎḖḘĒGĒĞȨĢḞȨGÇȨĞĠḠĖĒFḠ

useit!Ifyourecordyourbodystormingyoualreadyhave
whatyouneedforyourfirstlivevideosketches

Concept Communication
Prepare your concepts to meet reality
“The art and science of ǦĞḘǦĒĞȨGḚȨGĔǴĞḞĒĠȨǴGso that it can be
used by human beings with ḘĔĔȨḖȨḘGḖĤand ḘĔĔḘḖĠȨHḘGḘḠḠ.
Information design thus makes information ḘĒḠȨḘĞĠǴ
ĢGẼḘĞḠĠĒGẼand to ĢḠḘ.”
Edward Tufte (1990)

The journey...
Re-focus from‘sketching’ to‘the sketch’
Investigation Exploration
Explanation Persuasion
Olofsson & Sjölén’s sketching phases
‘Sketching’ very processual dimensions
‘The Sketch‘ communicative dimensions

Your final sketch must both tell a story and an agument
The narrative of your sketch
PointofnoReturn
Conflict
Escalation
Climax
Elaboration
Teaser
Resolution
Presentation

Problem
Background&
contextforproblem
Thesolutionis...
Presentationofconcept
Outtro&Credits
Title
Your final sketch must both tell a story and an agument
The narrative of your sketch
PointofnoReturn
Conflict
Escalation
Climax
Elaboration
Teaser
Resolution
Presentation

Story Empathy Meaning
Not only argument Not only logic Not only accumulation
My evaluation criteria
Are you creating a good video sketched design fiction?

My evaluation criteria
Are you creating a good video sketched design fiction?
Play Symphony
Not only seriousness Not only focus

How is this innovative?
Show the originality or the potential socio-economic effect
“While a new idea is a thought about something new or
unique, and making that idea real is an invention,
innovation is an invention that has a socioeconomic
effect; innovation changes the way people live”
Chayutsahakij 2003, 1

...and the sketch answers!
Why is this the right solution,and how does it work?
Why?
How?

Your presentations

Tomorrows critique session
Present your sketches in groups (everyone presents a part)
- how did you ideas develop throughout the week?
- how & why did You visualize them as You did?
- what is the main narrative in your ﬁnal video (design ﬁction)
- what aspects do you want to develop further in the next part
You have 20 minutes to do presentations and show the sketches
The crowd has 5 minutes to do a critique session
PV and Amalia will give 5 minutes of feedback and evaluation

TO PASS IT
...and hopefully you’ll use the sketches for the next part of the course
- Create 1-2 Animatics scenarios
- Create 2-4 lowfi stop motion / video sketches
- Create one final video sketch as a design fiction
- upload material to youtube and present on friday...at 11.00

Critque sessions
If someone made a sketch in a forrest...
Theessentialpartofsketchingisthefeedbackloop
Startthecritiquewithexperiential ‘whatdoyouseeandwhy’ (observation)
Discussthepotentialsofthegivenidea-notnewideas,butdetails (explore)
Wheredoesthisideatakethedesignprocess-herewedevelopfurther (develop)

Video sketching ucrac16

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (7)

Similar to Video sketching ucrac16

Similar to Video sketching ucrac16 (20)

More from Aalborg Universitet

More from Aalborg Universitet (20)

Recently uploaded

Recently uploaded (20)

Video sketching ucrac16