chi sessie 2: brainstorming, personas and storyboards

HCI: sessie 2 KU Leuven, B, 24 February 2014 !

Erik Duval http://erikduval.wordpress.com @ErikDuval

���1

http

://w

ww.

slid

esha

re.n

et/e

rik.d

uval

���2

intro

hci story of the week?

http

://w

ww.

yout

ube.

com

/wat

ch?v

=Qe1

0Exw

zCqk

#t=6

2

http://selfiecity.net

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)

http

s://t

risse

n.be

http

://w

ww

.you

tube

.com

/wat

ch?v

=C

V1t

4QJE

lfo

user generated content apps

http

://w

ww.

apps

fors

tude

nts.

be

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.

pdf

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

http

://dl

.acm

.org

/cita

tion.

cfm

?id=

1632

68

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