SlideShare ist ein Scribd-Unternehmen logo
1 von 49
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

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
 

Was ist angesagt? (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)
 

Ähnlich wie 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
 

Ähnlich wie 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...
 

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy ysrajece
 

Kürzlich hochgeladen (20)

Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy y
 

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.