SlideShare a Scribd company logo
1 of 49
Download to read offline
Create among all stakeholders a
shared sense of meaning and purpose
(aka value) around the solutions within
any given set of problem spaces.
Before there was ever design. Before
there was the written word. At the
dawn of language itself, with tools like
fire and stone, there was story.
Stories have been used to engage us,
yes, but also to guide us.
Pain doesn’t have to be deadly … just
an annoyance.
Leaders, heroes, magic come to our
rescue
Without a sense of justice we cannot
move forward.
We need not struggle, to be free. The
magic for us, is the magic of design.
They demonstrate a new world order,
where without the magic, or its cause,
we would be irresponsible without.
A story by itself is not so much in the
telling.
How to even tell the story to different
audiences in this case.
The frames get re-used throughout.
With the rest of the system stories
reinforce relationships, and create a
cultural memory system.
The afikomen is an invention in later
versions of the the story telling ritual
that adds a game to the evening. It
creates an annual anticipation of
possible reward.

The frames get re-used throughout.
With the rest of the system stories
reinforce relationships, and create a
What’s wrong w/ this plate?
The orange … It has it’s own story.
The story is an anchor of a shared
experience that all who hear it can
share.
Frames create structure for memory,
and for retelling. It creates pathways
similar to landmarks.
It even gives us the means for framing
how we even craft the story in the first
place.
Gives us a place to start.
But memory in a photo is not enough.
We create structure so we can
remember. The question is an
invitation to create a story and once
created it lives on it’s.
But because stories are human (or
anthropomorphized) we connect
deeply at an emotional level when
done correctly.
But stories are an externalization.
Once externalized they are a mirror
that allow us to reflect.
No genre of storytelling reflects this
better than Science Fiction. Whether
the utopia of Star Trek or the distopia
of classic Japanese anime or the
billions of questions from the shortest
of short Phillip K. Dyck stories, we are
As noted above, great stories have
lessons for us.
If they don’t engage the different
intended audiences, we have failed
and so every aspect of a story’s
details needs to use the tools of
psychological engagement: humor,
fear, anticipation, suspense, climatic
resolution, exposition, etc. to hold our
attention, and create relevance.
So a long time ago, some famous
Greek dude, decided to espouse on
what makes a narrative. He was a
simple man though and came up with
…
He said, there is a definite beginning,
and since there is invariably more than
one word there is definitely an END,
but the exciting part is that he said
there is … wait for it … a MIDDLE!!!
Fast forward a few millennia and this
Prussian guy said this is a good start,
but is not enough to make a narrative.
This has hence been expanded on
further.
And for the designer, it is the last part
that closes the loop between acts of a
story, or between stories themselves
that is most important to consider:
transformation.
If there is no transformation (positive
transformation hopefully) there is no
This is not meant to be
comprehensive and often these have
different names such as character,
setting and plot.
But when you look at their structure in
this way you see a direct correlation to
what is we do as designers and why
story is such a wonderful map for
interaction design.
Experience can come from anywhere.
Get out. Be with people. Be with
nature. Be with industry. Be with
yourself in new places. Get your
passport stamped A LOT!

But also do research. Any and all
research is good. Research is
experience.
Not doubt about it. Just like
everything else we do it takes hard
work.
Everyone has a different voice that
they prefer for storying telling. For me
it is words. I’m not visual. I don’t like
to draw. I sorta like to take pictures. I
do like to talk and I do like to write.
For you it will be something else. But
don’t stop looking for collaborators
to compliment your weaknesses and
enhance your strengths. More than
Do your personas. Create the
characters. Craft them from your data
of experience gathering.
Ethnography is the best type of
experience gathering it. It is personal.
It combines both listening and
observation so that you get more
sensory experience than just
interviews or passive observation by
themselves.
Get building and do it with people.
Anyone. Everyone. Don’t have them
build to answer questions, but to drive
questions.
Act, play, move, perform.
Build, use, participate
Tell, visualize, share.
Script writing differs from just writing
a story.
It has structure and form that offers
guidance for how direct key elements
like actors and cameras through a
given part of a story (a scene).
A tool that helps this process even
deeper is Adobe Story. I highly
recommend people who are
interested in the language/narrative
side of design to take a look at it.
You can pair script writing w/
storyboarding and tools like Comic
Life take the hard part of comics out
of the way. You don’t have to think
about the framing of your work, or the
drawing of simple elements. By using
photos instead of drawing (or finding
photos online) you can build out
comics to tell a story fairly quickly.
This is a great example of low-fi story
telling. Easy to do. You could do this
whole thing in Keynote if you wanted
to, but tools like iMovie would do in a
pinch.

Persona and his problem scenario are
expressed w/ the market space to
begin. A strong understanding of the
Can your company evoke this much
emotion in a language most likely
most of your customers can’t read. Be
sure to watch w/o captions.

My goal in my career is to craft stories
like this for the organizations I work
for. I challenge you to do the same.
Storytelling and Interaction Design - From Business to Buttons

More Related Content

What's hot

Feedback lessons from a sensitive gps
Feedback lessons from a sensitive gpsFeedback lessons from a sensitive gps
Feedback lessons from a sensitive gpsMeryl Runion Rose
 
Film Opening costumes, actors and props
Film Opening costumes, actors and propsFilm Opening costumes, actors and props
Film Opening costumes, actors and propsOliverBooth99
 
7 must have qualities for a book cover design that sells
7 must have qualities for a book cover design that sells7 must have qualities for a book cover design that sells
7 must have qualities for a book cover design that sellsDerek Murphy
 
Immortal Works Worldbuilding basics fyrecon presentation
Immortal Works Worldbuilding basics fyrecon presentationImmortal Works Worldbuilding basics fyrecon presentation
Immortal Works Worldbuilding basics fyrecon presentationJason King
 
ASY1 media narrative
ASY1 media narrativeASY1 media narrative
ASY1 media narrativeKBucket
 
How to Be a Great StoryTeller
How to Be a Great StoryTellerHow to Be a Great StoryTeller
How to Be a Great StoryTellerGreg Thomas
 
Film concepts - planning lesson 1
Film concepts - planning lesson 1Film concepts - planning lesson 1
Film concepts - planning lesson 1iain bruce
 
Presentation PU, ICS MS morning faiza++
Presentation PU, ICS MS morning faiza++Presentation PU, ICS MS morning faiza++
Presentation PU, ICS MS morning faiza++Muhammad Ahmad
 
Clarity in Collaboration
Clarity in CollaborationClarity in Collaboration
Clarity in CollaborationArne Kittler
 
Myths and legends activity
Myths and legends activityMyths and legends activity
Myths and legends activityladymandona
 
Critical reflection question no.1
Critical reflection question no.1Critical reflection question no.1
Critical reflection question no.1kailucakoniak
 
Question 1 - In what ways does your media product use, develop or challenge f...
Question 1 - In what ways does your media product use, develop or challenge f...Question 1 - In what ways does your media product use, develop or challenge f...
Question 1 - In what ways does your media product use, develop or challenge f...alinatebbutt
 
The mystery of storytelling
The mystery of storytellingThe mystery of storytelling
The mystery of storytellingSameer Mathur
 
25 Self-editing tips for indie authors (plus 8 crucial mistakes to avoid)
25 Self-editing tips for indie authors (plus 8 crucial mistakes to avoid)25 Self-editing tips for indie authors (plus 8 crucial mistakes to avoid)
25 Self-editing tips for indie authors (plus 8 crucial mistakes to avoid)Derek Murphy
 

What's hot (20)

Real media
Real mediaReal media
Real media
 
Stories slides + handout
Stories slides + handoutStories slides + handout
Stories slides + handout
 
Feedback lessons from a sensitive gps
Feedback lessons from a sensitive gpsFeedback lessons from a sensitive gps
Feedback lessons from a sensitive gps
 
Lauren rousepitch
Lauren rousepitchLauren rousepitch
Lauren rousepitch
 
Film Opening costumes, actors and props
Film Opening costumes, actors and propsFilm Opening costumes, actors and props
Film Opening costumes, actors and props
 
7 must have qualities for a book cover design that sells
7 must have qualities for a book cover design that sells7 must have qualities for a book cover design that sells
7 must have qualities for a book cover design that sells
 
Immortal Works Worldbuilding basics fyrecon presentation
Immortal Works Worldbuilding basics fyrecon presentationImmortal Works Worldbuilding basics fyrecon presentation
Immortal Works Worldbuilding basics fyrecon presentation
 
Creativity
Creativity Creativity
Creativity
 
ASY1 media narrative
ASY1 media narrativeASY1 media narrative
ASY1 media narrative
 
How to Be a Great StoryTeller
How to Be a Great StoryTellerHow to Be a Great StoryTeller
How to Be a Great StoryTeller
 
Storytelling
StorytellingStorytelling
Storytelling
 
Film concepts - planning lesson 1
Film concepts - planning lesson 1Film concepts - planning lesson 1
Film concepts - planning lesson 1
 
Presentation PU, ICS MS morning faiza++
Presentation PU, ICS MS morning faiza++Presentation PU, ICS MS morning faiza++
Presentation PU, ICS MS morning faiza++
 
Clarity in Collaboration
Clarity in CollaborationClarity in Collaboration
Clarity in Collaboration
 
Myths and legends activity
Myths and legends activityMyths and legends activity
Myths and legends activity
 
Critical reflection question no.1
Critical reflection question no.1Critical reflection question no.1
Critical reflection question no.1
 
Question 1 - In what ways does your media product use, develop or challenge f...
Question 1 - In what ways does your media product use, develop or challenge f...Question 1 - In what ways does your media product use, develop or challenge f...
Question 1 - In what ways does your media product use, develop or challenge f...
 
Remarkable by Design: Story-led Innovation
Remarkable by Design: Story-led InnovationRemarkable by Design: Story-led Innovation
Remarkable by Design: Story-led Innovation
 
The mystery of storytelling
The mystery of storytellingThe mystery of storytelling
The mystery of storytelling
 
25 Self-editing tips for indie authors (plus 8 crucial mistakes to avoid)
25 Self-editing tips for indie authors (plus 8 crucial mistakes to avoid)25 Self-editing tips for indie authors (plus 8 crucial mistakes to avoid)
25 Self-editing tips for indie authors (plus 8 crucial mistakes to avoid)
 

Similar to Storytelling and Interaction Design - From Business to Buttons

Narratives and story telling in gamification
Narratives and story telling in gamificationNarratives and story telling in gamification
Narratives and story telling in gamificationAndrzej Marczewski
 
Thinking Like a Storyteller
Thinking Like a StorytellerThinking Like a Storyteller
Thinking Like a StorytellerCindy Chastain
 
Cartoon Storyboarding
Cartoon StoryboardingCartoon Storyboarding
Cartoon Storyboardingjerrogs
 
Narrative, Empathy, VR Et Al
Narrative, Empathy, VR Et AlNarrative, Empathy, VR Et Al
Narrative, Empathy, VR Et AlJulia Goldberg
 
Placesproblemsghosts: location-based experience design
Placesproblemsghosts: location-based experience designPlacesproblemsghosts: location-based experience design
Placesproblemsghosts: location-based experience designAlejandro Zamudio
 
Comic Agile Volume One_ When ag - Luxshan Ratnaravi.pdf
Comic Agile Volume One_ When ag - Luxshan Ratnaravi.pdfComic Agile Volume One_ When ag - Luxshan Ratnaravi.pdf
Comic Agile Volume One_ When ag - Luxshan Ratnaravi.pdfTunde Renner
 
How To Right A Narrative Essay. How to Write a Narrative Essay - YouTube
How To Right A Narrative Essay. How to Write a Narrative Essay - YouTubeHow To Right A Narrative Essay. How to Write a Narrative Essay - YouTube
How To Right A Narrative Essay. How to Write a Narrative Essay - YouTubeMona Novais
 
How To Right A Narrative Essay.pdf
How To Right A Narrative Essay.pdfHow To Right A Narrative Essay.pdf
How To Right A Narrative Essay.pdfRhonda Ramirez
 
Gareth Brewer Thesis
Gareth Brewer ThesisGareth Brewer Thesis
Gareth Brewer ThesisGarethBrewer
 
Assignment 3: Dialog of Objects
Assignment 3: Dialog of ObjectsAssignment 3: Dialog of Objects
Assignment 3: Dialog of Objectslaouni mouhid
 
An Attempt 
To Define Some Key 
Visual Storytelling Trends That Are Shaping...
An Attempt 
To Define  Some Key 
Visual Storytelling  Trends That Are Shaping...An Attempt 
To Define  Some Key 
Visual Storytelling  Trends That Are Shaping...
An Attempt 
To Define Some Key 
Visual Storytelling Trends That Are Shaping...Michael Paredrakos
 

Similar to Storytelling and Interaction Design - From Business to Buttons (20)

Corporate storytelling
Corporate storytellingCorporate storytelling
Corporate storytelling
 
Narratives and story telling in gamification
Narratives and story telling in gamificationNarratives and story telling in gamification
Narratives and story telling in gamification
 
Thinking Like a Storyteller
Thinking Like a StorytellerThinking Like a Storyteller
Thinking Like a Storyteller
 
Cartoon Storyboarding
Cartoon StoryboardingCartoon Storyboarding
Cartoon Storyboarding
 
Poster mind map
Poster mind mapPoster mind map
Poster mind map
 
poetry and advertisement
poetry and advertisementpoetry and advertisement
poetry and advertisement
 
Narrative, Empathy, VR Et Al
Narrative, Empathy, VR Et AlNarrative, Empathy, VR Et Al
Narrative, Empathy, VR Et Al
 
Placesproblemsghosts: location-based experience design
Placesproblemsghosts: location-based experience designPlacesproblemsghosts: location-based experience design
Placesproblemsghosts: location-based experience design
 
Development 1 1
Development 1 1Development 1 1
Development 1 1
 
Development fin
Development finDevelopment fin
Development fin
 
Media a2 evaluation
Media a2 evaluationMedia a2 evaluation
Media a2 evaluation
 
Narrative Writing
Narrative WritingNarrative Writing
Narrative Writing
 
How to tell a story
How to tell a storyHow to tell a story
How to tell a story
 
Comic Agile Volume One_ When ag - Luxshan Ratnaravi.pdf
Comic Agile Volume One_ When ag - Luxshan Ratnaravi.pdfComic Agile Volume One_ When ag - Luxshan Ratnaravi.pdf
Comic Agile Volume One_ When ag - Luxshan Ratnaravi.pdf
 
How To Right A Narrative Essay. How to Write a Narrative Essay - YouTube
How To Right A Narrative Essay. How to Write a Narrative Essay - YouTubeHow To Right A Narrative Essay. How to Write a Narrative Essay - YouTube
How To Right A Narrative Essay. How to Write a Narrative Essay - YouTube
 
How To Right A Narrative Essay.pdf
How To Right A Narrative Essay.pdfHow To Right A Narrative Essay.pdf
How To Right A Narrative Essay.pdf
 
Gareth Brewer Thesis
Gareth Brewer ThesisGareth Brewer Thesis
Gareth Brewer Thesis
 
Assignment 3: Dialog of Objects
Assignment 3: Dialog of ObjectsAssignment 3: Dialog of Objects
Assignment 3: Dialog of Objects
 
Se7en essay
Se7en essaySe7en essay
Se7en essay
 
An Attempt 
To Define Some Key 
Visual Storytelling Trends That Are Shaping...
An Attempt 
To Define  Some Key 
Visual Storytelling  Trends That Are Shaping...An Attempt 
To Define  Some Key 
Visual Storytelling  Trends That Are Shaping...
An Attempt 
To Define Some Key 
Visual Storytelling Trends That Are Shaping...
 

More from Dave Malouf

Design Operations
Design OperationsDesign Operations
Design OperationsDave Malouf
 
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design PracticeAmplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design PracticeDave Malouf
 
Valuing Design & DesignOps Practice
Valuing Design & DesignOps PracticeValuing Design & DesignOps Practice
Valuing Design & DesignOps PracticeDave Malouf
 
Measuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeMeasuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeDave Malouf
 
Design Operations
Design OperationsDesign Operations
Design OperationsDave Malouf
 
Observation As Craft
Observation As CraftObservation As Craft
Observation As CraftDave Malouf
 
Design Operations mural - 8 mar 2017
Design Operations   mural - 8 mar 2017Design Operations   mural - 8 mar 2017
Design Operations mural - 8 mar 2017Dave Malouf
 
Climbing Strategy Mountain
Climbing Strategy MountainClimbing Strategy Mountain
Climbing Strategy MountainDave Malouf
 
Enterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutesEnterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutesDave Malouf
 
Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13Dave Malouf
 
Interaction Design Resources
Interaction Design ResourcesInteraction Design Resources
Interaction Design ResourcesDave Malouf
 
Remix South: Advanced Interaction Design
Remix South: Advanced Interaction DesignRemix South: Advanced Interaction Design
Remix South: Advanced Interaction DesignDave Malouf
 
The Craft of Observation
The Craft of ObservationThe Craft of Observation
The Craft of ObservationDave Malouf
 
Make Your Users Boogie
Make Your Users BoogieMake Your Users Boogie
Make Your Users BoogieDave Malouf
 
What you missed when you skipped design school
What you missed when you skipped design schoolWhat you missed when you skipped design school
What you missed when you skipped design schoolDave Malouf
 
Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Dave Malouf
 
Education for Design For Life
Education for Design For LifeEducation for Design For Life
Education for Design For LifeDave Malouf
 
Refresh Savannah, People
Refresh Savannah, PeopleRefresh Savannah, People
Refresh Savannah, PeopleDave Malouf
 

More from Dave Malouf (20)

Design Operations
Design OperationsDesign Operations
Design Operations
 
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design PracticeAmplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
 
Valuing Design & DesignOps Practice
Valuing Design & DesignOps PracticeValuing Design & DesignOps Practice
Valuing Design & DesignOps Practice
 
Measuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeMeasuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps Practice
 
Design Operations
Design OperationsDesign Operations
Design Operations
 
Observation As Craft
Observation As CraftObservation As Craft
Observation As Craft
 
Design Operations mural - 8 mar 2017
Design Operations   mural - 8 mar 2017Design Operations   mural - 8 mar 2017
Design Operations mural - 8 mar 2017
 
Climbing Strategy Mountain
Climbing Strategy MountainClimbing Strategy Mountain
Climbing Strategy Mountain
 
Enterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutesEnterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutes
 
Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13
 
Interaction Design Resources
Interaction Design ResourcesInteraction Design Resources
Interaction Design Resources
 
Remix South: Advanced Interaction Design
Remix South: Advanced Interaction DesignRemix South: Advanced Interaction Design
Remix South: Advanced Interaction Design
 
The Craft of Observation
The Craft of ObservationThe Craft of Observation
The Craft of Observation
 
Make Your Users Boogie
Make Your Users BoogieMake Your Users Boogie
Make Your Users Boogie
 
What you missed when you skipped design school
What you missed when you skipped design schoolWhat you missed when you skipped design school
What you missed when you skipped design school
 
Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.
 
Move that thang
Move that thangMove that thang
Move that thang
 
Education for Design For Life
Education for Design For LifeEducation for Design For Life
Education for Design For Life
 
Refresh Savannah, People
Refresh Savannah, PeopleRefresh Savannah, People
Refresh Savannah, People
 
Final mama
Final mamaFinal mama
Final mama
 

Recently uploaded

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 

Recently uploaded (20)

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 

Storytelling and Interaction Design - From Business to Buttons

  • 1.
  • 2.
  • 3. Create among all stakeholders a shared sense of meaning and purpose (aka value) around the solutions within any given set of problem spaces.
  • 4. Before there was ever design. Before there was the written word. At the dawn of language itself, with tools like fire and stone, there was story.
  • 5. Stories have been used to engage us, yes, but also to guide us.
  • 6. Pain doesn’t have to be deadly … just an annoyance.
  • 7. Leaders, heroes, magic come to our rescue
  • 8. Without a sense of justice we cannot move forward.
  • 9. We need not struggle, to be free. The magic for us, is the magic of design.
  • 10. They demonstrate a new world order, where without the magic, or its cause, we would be irresponsible without.
  • 11. A story by itself is not so much in the telling.
  • 12. How to even tell the story to different audiences in this case.
  • 13. The frames get re-used throughout. With the rest of the system stories reinforce relationships, and create a cultural memory system.
  • 14. The afikomen is an invention in later versions of the the story telling ritual that adds a game to the evening. It creates an annual anticipation of possible reward. The frames get re-used throughout. With the rest of the system stories reinforce relationships, and create a
  • 15. What’s wrong w/ this plate? The orange … It has it’s own story.
  • 16.
  • 17. The story is an anchor of a shared experience that all who hear it can share.
  • 18. Frames create structure for memory, and for retelling. It creates pathways similar to landmarks.
  • 19. It even gives us the means for framing how we even craft the story in the first place. Gives us a place to start.
  • 20. But memory in a photo is not enough.
  • 21. We create structure so we can remember. The question is an invitation to create a story and once created it lives on it’s.
  • 22. But because stories are human (or anthropomorphized) we connect deeply at an emotional level when done correctly.
  • 23. But stories are an externalization. Once externalized they are a mirror that allow us to reflect. No genre of storytelling reflects this better than Science Fiction. Whether the utopia of Star Trek or the distopia of classic Japanese anime or the billions of questions from the shortest of short Phillip K. Dyck stories, we are
  • 24. As noted above, great stories have lessons for us.
  • 25. If they don’t engage the different intended audiences, we have failed and so every aspect of a story’s details needs to use the tools of psychological engagement: humor, fear, anticipation, suspense, climatic resolution, exposition, etc. to hold our attention, and create relevance.
  • 26. So a long time ago, some famous Greek dude, decided to espouse on what makes a narrative. He was a simple man though and came up with …
  • 27. He said, there is a definite beginning, and since there is invariably more than one word there is definitely an END, but the exciting part is that he said there is … wait for it … a MIDDLE!!!
  • 28. Fast forward a few millennia and this Prussian guy said this is a good start, but is not enough to make a narrative.
  • 29. This has hence been expanded on further. And for the designer, it is the last part that closes the loop between acts of a story, or between stories themselves that is most important to consider: transformation. If there is no transformation (positive transformation hopefully) there is no
  • 30. This is not meant to be comprehensive and often these have different names such as character, setting and plot.
  • 31. But when you look at their structure in this way you see a direct correlation to what is we do as designers and why story is such a wonderful map for interaction design.
  • 32.
  • 33. Experience can come from anywhere. Get out. Be with people. Be with nature. Be with industry. Be with yourself in new places. Get your passport stamped A LOT! But also do research. Any and all research is good. Research is experience.
  • 34. Not doubt about it. Just like everything else we do it takes hard work.
  • 35. Everyone has a different voice that they prefer for storying telling. For me it is words. I’m not visual. I don’t like to draw. I sorta like to take pictures. I do like to talk and I do like to write. For you it will be something else. But don’t stop looking for collaborators to compliment your weaknesses and enhance your strengths. More than
  • 36. Do your personas. Create the characters. Craft them from your data of experience gathering.
  • 37.
  • 38. Ethnography is the best type of experience gathering it. It is personal. It combines both listening and observation so that you get more sensory experience than just interviews or passive observation by themselves.
  • 39. Get building and do it with people. Anyone. Everyone. Don’t have them build to answer questions, but to drive questions.
  • 40. Act, play, move, perform.
  • 41.
  • 44. Script writing differs from just writing a story. It has structure and form that offers guidance for how direct key elements like actors and cameras through a given part of a story (a scene).
  • 45. A tool that helps this process even deeper is Adobe Story. I highly recommend people who are interested in the language/narrative side of design to take a look at it.
  • 46. You can pair script writing w/ storyboarding and tools like Comic Life take the hard part of comics out of the way. You don’t have to think about the framing of your work, or the drawing of simple elements. By using photos instead of drawing (or finding photos online) you can build out comics to tell a story fairly quickly.
  • 47. This is a great example of low-fi story telling. Easy to do. You could do this whole thing in Keynote if you wanted to, but tools like iMovie would do in a pinch. Persona and his problem scenario are expressed w/ the market space to begin. A strong understanding of the
  • 48. Can your company evoke this much emotion in a language most likely most of your customers can’t read. Be sure to watch w/o captions. My goal in my career is to craft stories like this for the organizations I work for. I challenge you to do the same.