chi sessie 2: brainstorming, personas and storyboards
DESCRIPTION
Presented to my students on 24 February 2014TRANSCRIPT
HCI: sessie 2 KU Leuven, B, 24 February 2014 !
Erik Duval http://erikduval.wordpress.com @ErikDuval
���1
intro
hci story of the week?
http
://w
ww.
yout
ube.
com
/wat
ch?v
=Qe1
0Exw
zCqk
#t=6
2
responsive design…
<20%
work of past week…
http
://ar
iadn
e.cs
.kul
euve
n.be
/wik
i/ind
ex.p
hp/C
hi_2
014
try to write more from user perspective: what is she trying to achieve and how is that problematic?
still using feedly? !
(also for non course blogs?)
vandaag !
vomi: brainstorm nami: consolideer, pitch, persona,
storyboard !
& sven
brainstorm
PenO3cw
���16
http://www.slideshare.net/giselakassoy/brainstorming-for-fund-and-profit-13623085
http://hci.stanford.edu/courses/cs247/2012/readings/dschool-brainstorming.pdf
http://hci.stanford.edu/courses/cs247/2012/readings/dschool-brainstorming.pdf
���19
http://www.slideshare.net/giselakassoy/brainstorming-for-fund-and-profit-13623085
http
://w
ww.
fast
com
pany
.com
/638
18/s
even
-sec
rets
-goo
d-br
ains
torm
ing
assignment
important to !
know your user & her tasks & context be able to recruit test people
design a student app
think of typical !
difficulties tasks context …
just an app !
start with as little as possible (but not less)
don’t worry about practicalities (for now)
!
(and maybe not completely crazy stuff)
user generated content apps
https://tgoossens.wordpress.com/2013/05/14/the-ku-leuven-needs-api/
personas
the user
http
://be
nmel
bour
ne.fi
les.
wor
dpre
ss.c
om/2
011/
05/p
erso
na-e
xam
ple-
2.pn
g
http
://w
ww.
usab
ility.g
ov/h
ow-to
-and
-tool
s/m
etho
ds/p
erso
nas.
htm
l
http
://w
ww.
usab
ility.g
ov/h
ow-to
-and
-tool
s/m
etho
ds/p
erso
nas.
htm
l
http
://w
ww.
user
.com
/dow
nloa
ds/S
ampl
e-pe
rson
a-fro
m-In
tera
ctio
n-D
esig
n.pd
f
http
://w
ww.
it.uu
.se/
edu/
cour
se/h
omep
age/
hcid
ist/v
04/P
erso
na-o
verv
iew.
http
s://w
ww.
inte
ract
ion-
desi
gn.o
rg/e
ncyc
lope
dia/
pers
onas
.htm
l
storyboard
storyboard
• afkomstig van Disney, jaren ’30
• tekenfilm, film, reclame, interactieve media, web sites, ...
• help discussie te triggeren
!42 http://www.vintageip.com/terms-storyboard.html
!43 http://hometown.aol.com/greghigh6/storyboard_design.html
hoe
• identificeer kleine “scènes”
• inleiding, achtergrond, voorbeeld, besluit, ...
• wijs media toe aan scènes
• video, audio, diagram, kaart, foto
• werk interactiviteit uit
• controle door gebruiker op navigatie
!44
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
http
://hc
i.sta
nfor
d.ed
u/co
urse
s/cs
147/
2009
/ass
ignm
ents
/sto
rybo
ard_
note
s.pd
f
!55
���56
���57
https://class.coursera.org/hci//lecture/preview
tegen volgende week
blog resultaat van vandaag brainstorm, personas, storyboard
leg uit hoe papers wel/niet helpen om te verstaan wat je vandaag deed blog hci story of the week blog +/-/? van sessie deze week blog voor vrijdag& comment voor zondag
@ErikDuval http://erikduval.wordpress.com
?���62