design for humans by: kameron williams (wordcamp phoenix 2014)

Post on 15-Jun-2015

1.128 Views

Category:

Marketing

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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

top related