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 13/29

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?

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 29/29

a narrative is...

... d o .

w k popl o o

, ’ k

o old o o o

o. w dl

o dl, d od

o o .

w’ ,

ll...