Professional Documents
Culture Documents
Narratives
(inter ac tive & Otherwise)
Edward Tuf te
Visual Explanations
plot vs. narrative
Plot is
what happens
What
Narrative is
how it happens
how
plot vs. narrative
What
how
many narr atives amongst
five plots
websites that
show
How do you make
information about a
serious epidemic
easily accessible &
engaging?
We Feel Fine Jonathan Harris & Sep K amvar http://www. wefeelf ine.org
How do you tell a
compelling story about a
company with numbers?
How do you impress
type nerds?
Tell
How do you make
people care about other
people’s struggles? How do
you give a human face to
an institution?
Play
How would Piet Mondrian
design a website?
share
How do you integrate
helpful metaphors (here, a
community message board)
into your design?
SELL
How does your site’s
design server as an analogy
for your site’s message?
Mailchimp http://mailchimp.com/v5-2
a narrative is...
content language
aesthetics PACE
FRAME Navigation
a narrative is...
content language
how will it be presented?
what messages are your stylistic choices conveying? who are you trying to connect with?
aesthetics PACE
how do you engage your audience?
how do you advance your plot?
how does it affect the content?
how does it orient the user?
FRAME Navigation
what frame will make your content compelling?
what metaphors would ground your content? how does it organize the content?
a narrative is...