Design For Humans By: Kameron Williams (WordCamp Phoenix 2014)
-
Upload
kameron-williams -
Category
Marketing
-
view
1.128 -
download
0
Transcript of Design For Humans By: Kameron Williams (WordCamp Phoenix 2014)
www.lillimedia.com @thekameronw @lillimedia
design for humanscontent strategy // interface design // user experience
www.lillimedia.com @thekameronw @lillimedia
digital storytellingdefine:
www.lillimedia.com @thekameronw @lillimedia
User InterfacesWireframing
ux/ui information architectureExperience Design
posture
tone VOICE
content strategy
audience
targetsconversion
www.lillimedia.com @thekameronw @lillimedia
what’s your favorite story?(book, movie, play, video game)
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
what’s your favorite story?why is it your favorite story?
what did you take away from the story?
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
a good story comes from intelligent design...
www.lillimedia.com @thekameronw @lillimedia
define:design
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
de·sign/dəˈzīn/
to do or plan (something) with a specific purpose or intention in mind.
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
let’s design a digital story...
www.lillimedia.com @thekameronw @lillimedia
What makes a good story?
What does every story need?
www.lillimedia.com @thekameronw @lillimedia
.good-story { audience: !important; content: relative; plot: !important; takeaway: absolute;}
www.lillimedia.com @thekameronw @lillimedia
audience
www.lillimedia.com @thekameronw @lillimedia
a list of segregated targets
who, what, when, where…?
www.lillimedia.com @thekameronw @lillimedia
how do we find the right audience, kameron ?!
www.lillimedia.com @thekameronw @lillimedia
there’s an easy way, and a hard way...
analytics
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
BUT WAIT! THERE’S MORE!
www.lillimedia.com @thekameronw @lillimedia
the social media… lord and saviour
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
- _ - now what…??
so we know who they are...
www.lillimedia.com @thekameronw @lillimedia
determine the...
MVP
www.lillimedia.com @thekameronw @lillimedia
determine the...
MVPMOST VALUABLE PLAYER
www.lillimedia.com @thekameronw @lillimedia
determine the...
MVPMOST VALUABLE PLAYER
www.lillimedia.com @thekameronw @lillimedia
determine the...
MVCMOST VALUABLE CONTENT
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
so where this
M V Cat, yo?
www.lillimedia.com @thekameronw @lillimedia
there’s an easy way, and a hard way...
analytics
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
what does this have to do with storytelling & audience…?
www.lillimedia.com @thekameronw @lillimedia
understanding content consumption
t e a c h e s u sHOW TO CAPTIVATE
OUR AUDIENCE
what does this have to do with storytelling & audience…?
www.lillimedia.com @thekameronw @lillimedia
our job as designers...is to captivate our audience
www.lillimedia.com @thekameronw @lillimedia
let’s continue designing our digital story...
www.lillimedia.com @thekameronw @lillimedia
so far we know...
www.lillimedia.com @thekameronw @lillimedia
so far we know...
- who we’re telling this story to...
www.lillimedia.com @thekameronw @lillimedia
so far we know...
- who we’re telling this story to…- how/where they prefer to consume content
www.lillimedia.com @thekameronw @lillimedia
so far we know...
- who we’re telling this story to…- how/where they prefer to consume content- what they’ve deemed as important
www.lillimedia.com @thekameronw @lillimedia
so far we know...
- who we’re telling this story to…- how/where they prefer to consume content- what they’ve deemed as important- where their interests lay
www.lillimedia.com @thekameronw @lillimedia
we also know...
www.lillimedia.com @thekameronw @lillimedia
we also know...
- it’s our job to be captivating
www.lillimedia.com @thekameronw @lillimedia
we also know...
- it’s our job to be captivating- this story has to incite action
www.lillimedia.com @thekameronw @lillimedia
understanding > captivation > action
how to:
www.lillimedia.com @thekameronw @lillimedia
.good-story { audience: !important; content: relative; plot: !important; takeaway: absolute;}
www.lillimedia.com @thekameronw @lillimedia
captivation is stimulating information delivered
www.lillimedia.com @thekameronw @lillimedia
captivation is stimulating information delivered
OR is it…?
www.lillimedia.com @thekameronw @lillimedia
sto·ry/ ˈ s t ô r ē /
a situation viewed in terms of the information known about it or its similarity to another.
www.lillimedia.com @thekameronw @lillimedia
Story: a situation viewed in terms of the information known about it or its similarity to another.
What is the the need of the user? Are you valuable?
www.lillimedia.com @thekameronw @lillimedia
Story: a situation viewed in terms of the information known about it or its similarity to another.
Remember Content Consumption: shared / viewed / read / watched / listened to...what resonates with your audience?
www.lillimedia.com @thekameronw @lillimedia
Story: a situation viewed in terms of the information known about it or its similarity to another.
The user only knows what the user only knowsknow what the user needs before they do...
www.lillimedia.com @thekameronw @lillimedia
Story: a situation viewed in terms of the information known about it or its similarity to another.
Who’s your competition, and how do you compare to them?
www.lillimedia.com @thekameronw @lillimedia
the structural design of shared information environments by means of organization, labeling,
search and navigation systems
information architecture
www.lillimedia.com @thekameronw @lillimedia
the structural design of shared information environments by means of organization, labeling,
search and navigation systems
information architecture
www.lillimedia.com @thekameronw @lillimedia
make it easier for them...
www.lillimedia.com @thekameronw @lillimedia
information acquisitionkeep it simple stupid...
www.lillimedia.com @thekameronw @lillimedia
“intuitivity”effective information architecture creates
interfaces on it’s own...
www.lillimedia.com @thekameronw @lillimedia
.good-story { audience: !important; content: relative; plot: !important; takeaway: absolute;}
www.lillimedia.com @thekameronw @lillimedia
the plot of our storyi.a. + content + u.i. =
www.lillimedia.com @thekameronw @lillimedia
I.A. + U.I = the plot of our story
www.lillimedia.com @thekameronw @lillimedia
plot/ p l ä t /
to devise the sequence of events in a story
www.lillimedia.com @thekameronw @lillimedia
understanding > captivation > action
how to:
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
what’s the purposeof a page...
www.lillimedia.com @thekameronw @lillimedia
relevance vs. importancethe never ending battle
www.lillimedia.com @thekameronw @lillimedia
reward interactions(what happens next…?)
www.lillimedia.com @thekameronw @lillimedia
i.a. + content + captivation = interfacing
www.lillimedia.com @thekameronw @lillimedia
appropriate contentcontent mediums: captivate. captivate. captivate.
www.lillimedia.com @thekameronw @lillimedia
how much is to much?balance is key… listen to your users
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
your interface(s) are all the characters of your story
www.lillimedia.com @thekameronw @lillimedia
so far we’ve learned...
www.lillimedia.com @thekameronw @lillimedia
so far we’ve learned...
- audience: segregated targets based on information interests
www.lillimedia.com @thekameronw @lillimedia
so far we’ve learned...
- audience: segregated targets based on information interests- content: the medium in which you engage and create dialogue with your audience (to captivate)
www.lillimedia.com @thekameronw @lillimedia
so far we’ve learned...
- audience: segregated targets based on information interests- content: the medium in which you engage and create dialogue with your audience (to captivate)- plot: using content, I/A, and UI to create sequential actions: moving a user toward a goal
www.lillimedia.com @thekameronw @lillimedia
.good-story { audience: !important; content: relative; plot: !important; takeaway: absolute;}
www.lillimedia.com @thekameronw @lillimedia
www.lillimedia.com @thekameronw @lillimedia
...the takeaway
www.lillimedia.com @thekameronw @lillimedia
volunteers:please return to the stage...
www.lillimedia.com @thekameronw @lillimedia
today’s takeaway
www.lillimedia.com @thekameronw @lillimedia
people do not buy products
they purchase a better self-improvements
www.lillimedia.com @thekameronw @lillimedia
readers do not subscribe...they fulfill their need to solve problems
www.lillimedia.com @thekameronw @lillimedia
you are not a designer...you are a digital storyteller
www.lillimedia.com @thekameronw @lillimedia
continue telling stories...
www.lillimedia.com @thekameronw @lillimedia