Class 7 Narratives (interactive & Otherwise) web Design, graPh-3271-01 Instructor: Erika Tarte Rhode Island School of Design Wintersession 2011
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 1/29
Class 7
Narratives(interactive & Otherwise)
web Design, graPh-3271-01
Instructor: Erika Tarte
Rhode Island School of Design
Wintersession 2011
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 2/29
What gets left out is the narrative
between the bullets, which would tell
us who’s going to do what and how
we’re going to achieve the generic
goals on the list.
eDwarD tufte
Visual Explanations
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 3/29
plot vs. narrative
Lk plod po o p,
plo o o d pl,
o p d ,
lo od d look o...
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 4/29
plot vs. narrative
... o od
d . n
d
o plod po
od.
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 5/29
n
how it happens
plot vs. narrative
What
hoW
Plo
what happens
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 6/29
plot vs. narrative
What
hoW
to ...
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 7/29
many narratives amOngst
five plots
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 8/29
websites that
shoW
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 9/29
bDbgs! christian swinehart http://www. samizdat.cc/bdbgs/
ho do o k
oo o
o pdl l &
?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 10/29
we feeL fine JOnathan harris & seP K amvar http://www. wefeelfine.org
ho do o k
d & ?ho do o k p
?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 11/29
fOntshOP 20 years nichOLas feLtOn http://www.fontshop.com/20years/
ho do o ll
opll o o
op ?
ho do o p
p d?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 12/29
websites that
tell
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 14/29
the whaLe hunt JOnathan harris http://www.thewhalehunt.org
ho do o o o
l o o o
o ll?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 15/29
PersOnaL bLOg Dustin curtis http://www.dustincurtis.com
ho do o lo
dl o
o ?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 16/29
websites that
play
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 17/29
mOnDriaan Lust http://lust.nl/lust Archive/mondriaan
ho old P mod
d ?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 18/29
brOwser POng stewart smith http://stewd.io/pong/
ho do
o o
? ho do
o ’
really po?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 19/29
the wiLDerness DOwntOwn miLK+KObLin http://thewildernessdowntown.com
ho do o
popl o
4 do?
ho do o o
12 do?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 20/29
websites that
share
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 21/29
give a minute LOcaL PrOJects http://giveaminute.info
ho do o
lpl po (,
o od)
o o d?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 22/29
cLients frOm heLL http://clientsfromhell.net
ho do o d
o? ho do
o l o pk
o l?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 23/29
websites that
sell
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 24/29
niKe better wOrLD http://nikebetterworld.com
ho do o ’
d lo
o o ’ ?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 25/29
amazOn http://amazon.com
ho do o k
llo o pod
od?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 26/29
maiLchimP http://mailchimp.com/v5-2
ho do o ol
o? ho do
o p o
d?
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 27/29
a narrative is...
aesthetiCs
NavigatioN
laNguage
fraMe
paCe
CoNteNt
8/7/2019 Class 7: Narratives
http://slidepdf.com/reader/full/class-7-narratives 28/29
ll k o o opll?
a narrative is...
aesthetiCs
NavigatioN
laNguage
fraMe
paCe
CoNteNt
o od?
o l o o?
o ll pd?
o do o o d? o do o ?
po old od o o?
o o ?
o do o d o plo?
o o o o ?
o do o?
o do o o?