SlideShare a Scribd company logo
Is a powerful tool
with someone.
to engage
Juan Alvarez
UX Designer
Montevideo, Uruguay
Storytelling
in UX
What Is
The storytelling needs…
UX storytelling methods are
commonly used when we
think about UX design
through:UX Story?
Benefits Of Storytelling Conclusion
in UX Design
UX-Story
Components
Story
Structure
User
User’s goal and motivation
Context
Plot
Insight
Spectacle
A UX story is an account of events from
the user’s perspective; the events in the
story show the evolution of an
experience.Everyone loves a good story.
Storytelling is a way to capture users
attention, take others on a journey and
build bridges of understanding.
User personas
User research
Storyboards
Customer journeys
Relevant
Structured
Backend by reason
Simple
Authentic
Falling Action / The Road Back
Resolution
Ordinary World
Inciting Incident
Preparation / Rising Action
Climax
Example:
Frodo, Luke Skywalker, Neo.
We present their lives and their context.
Gandalf gives Frodo the Ring he will have to drop into Mount Doom
Luke hears the message from Princess Leia about the plans he will
have to use to destroy the Death Star
Neo meets Morpheus, who will tell him about the Matrix, which he
will have to destroy to liberate humanity
Frodo leaves the Shire.
Luke Skywalker learning how to control the force.
Neo takes the red pill.
Frodo drops the ring into the Mount Doom
Luke destroys the Death Star
Neo sees the Matrix code and defeats the Agent Smith
Makes information more digestible
Can simplify complex ideas or actions
Delivers a more engaging experience
UX stories are a communication tool that
can be used in lieu of boring task check
lists that are far removed from the user.
They provide a natural, engaging way to
share behavior, perspectives, and
attitudes.
Why we love
Oxytocin is a
Our brain listening…
“feel good” hormone.
Stories?
There is a scientific
explanation for our love
of stories: when we hear
a story that resonates
with us, our levels of a
hormone called oxytocin
increase.
It boosts our feelings of things like trust,
compassion, and empathy. It motivates
us to work with others and positively
influences our social behavior.
Because of this, stories have a unique
ability to build connections.
When our brains process basic information, like a fact,
only two areas of the brain are activated: our language
processing area, and our language comprehension
area.
When our brains process a story that uses movement,
visuals, taste, sound, and scents, all of our motor and
sensory cortices lights up, along with our language
comprehension centers. All relevant sections of our
brain are activated depending on what we hear or see.
Juan Alvarez
UX Designer
Montevideo, Uruguay
Who is your main character?
What is her problem or pain point?
Why can’t she meet her goal?
What’s the problem?
What is the name of your product?
What type of product is it?
What will help her resolve her problem
and overcome a crisis moment or
resistance?
What’s your product’s primary value
proposition or differentiator?
What do you want people to think,
feel, or envision after learning about
your product?
What happens when the user
meets her goal? This is where the
business meets a high-level goal or
fulfills its mission. What’s the
business goal?

More Related Content

Similar to Storytelling in UX

The Power of Story (updated 2013)
The Power of Story (updated 2013)The Power of Story (updated 2013)
The Power of Story (updated 2013)
Whitney Quesenbery
 
(Re)defining Brands Through Human Fundamentals
(Re)defining Brands Through Human Fundamentals(Re)defining Brands Through Human Fundamentals
(Re)defining Brands Through Human Fundamentals
BRAND AVIATORS
 
6.2 - Constructing meaning and representations.pptx
6.2 - Constructing meaning and representations.pptx6.2 - Constructing meaning and representations.pptx
6.2 - Constructing meaning and representations.pptx
JamesDixon10403
 
Narrative Unit 3 AoS 1
Narrative Unit 3 AoS 1Narrative Unit 3 AoS 1
Narrative Unit 3 AoS 1
Chris David
 
Essays On Food.pdf
Essays On Food.pdfEssays On Food.pdf
Essays On Food.pdf
Susan Ramos
 
Media specificity level_5_lecture_final
Media specificity level_5_lecture_finalMedia specificity level_5_lecture_final
Media specificity level_5_lecture_final
GretaMedelyte
 
Before You Hand In That Essay Checklist
Before You Hand In That Essay ChecklistBefore You Hand In That Essay Checklist
Before You Hand In That Essay Checklist
Amy Roman
 
Essay Tips Word Count Advice ProofedS Writing
Essay Tips Word Count Advice ProofedS WritingEssay Tips Word Count Advice ProofedS Writing
Essay Tips Word Count Advice ProofedS Writing
Holly Vega
 
Luz for Successful Storytelling
Luz for Successful StorytellingLuz for Successful Storytelling
Luz for Successful Storytelling
LUZ
 
Tell meaboutthat
Tell meaboutthatTell meaboutthat
Tell meaboutthat
Malu Schloss
 
Emergent UX: Seducing the six minds
Emergent UX: Seducing the six mindsEmergent UX: Seducing the six minds
Emergent UX: Seducing the six minds
John Whalen
 
Essay Topic A Texas AM Transfer. Online assignment writing service.
Essay Topic A Texas AM Transfer. Online assignment writing service.Essay Topic A Texas AM Transfer. Online assignment writing service.
Essay Topic A Texas AM Transfer. Online assignment writing service.
Diana Hole
 
Pamela Rutledge: Planning-ness 2011
Pamela Rutledge:  Planning-ness 2011Pamela Rutledge:  Planning-ness 2011
Pamela Rutledge: Planning-ness 2011
Planning-ness
 
The Journey of Stepping Out of a Comfort Zone: self-report of a co-creating p...
The Journey of Stepping Out of a Comfort Zone: self-report of a co-creating p...The Journey of Stepping Out of a Comfort Zone: self-report of a co-creating p...
The Journey of Stepping Out of a Comfort Zone: self-report of a co-creating p...
Perus Saranurak
 
Urban Hub Aide Memoire 10 - Communication
Urban Hub Aide Memoire 10 - CommunicationUrban Hub Aide Memoire 10 - Communication
Urban Hub Aide Memoire 10 - Communication
Paul van Schaık
 
Sensory UX for UX Cambridge 2014
Sensory UX for UX Cambridge 2014Sensory UX for UX Cambridge 2014
Sensory UX for UX Cambridge 2014
Acuity Design
 
The Future of Multimedia
The Future of MultimediaThe Future of Multimedia
Unit 8. Devices that generate meaning, construct reality and shape identity. ...
Unit 8. Devices that generate meaning, construct reality and shape identity. ...Unit 8. Devices that generate meaning, construct reality and shape identity. ...
Unit 8. Devices that generate meaning, construct reality and shape identity. ...
Nadia Gabriela Dresscher
 
Nlp 2nd June 2019
Nlp 2nd June 2019Nlp 2nd June 2019
What you see and hear is filtered through who you are. Each person h.docx
What you see and hear is filtered through who you are. Each person h.docxWhat you see and hear is filtered through who you are. Each person h.docx
What you see and hear is filtered through who you are. Each person h.docx
eubanksnefen
 

Similar to Storytelling in UX (20)

The Power of Story (updated 2013)
The Power of Story (updated 2013)The Power of Story (updated 2013)
The Power of Story (updated 2013)
 
(Re)defining Brands Through Human Fundamentals
(Re)defining Brands Through Human Fundamentals(Re)defining Brands Through Human Fundamentals
(Re)defining Brands Through Human Fundamentals
 
6.2 - Constructing meaning and representations.pptx
6.2 - Constructing meaning and representations.pptx6.2 - Constructing meaning and representations.pptx
6.2 - Constructing meaning and representations.pptx
 
Narrative Unit 3 AoS 1
Narrative Unit 3 AoS 1Narrative Unit 3 AoS 1
Narrative Unit 3 AoS 1
 
Essays On Food.pdf
Essays On Food.pdfEssays On Food.pdf
Essays On Food.pdf
 
Media specificity level_5_lecture_final
Media specificity level_5_lecture_finalMedia specificity level_5_lecture_final
Media specificity level_5_lecture_final
 
Before You Hand In That Essay Checklist
Before You Hand In That Essay ChecklistBefore You Hand In That Essay Checklist
Before You Hand In That Essay Checklist
 
Essay Tips Word Count Advice ProofedS Writing
Essay Tips Word Count Advice ProofedS WritingEssay Tips Word Count Advice ProofedS Writing
Essay Tips Word Count Advice ProofedS Writing
 
Luz for Successful Storytelling
Luz for Successful StorytellingLuz for Successful Storytelling
Luz for Successful Storytelling
 
Tell meaboutthat
Tell meaboutthatTell meaboutthat
Tell meaboutthat
 
Emergent UX: Seducing the six minds
Emergent UX: Seducing the six mindsEmergent UX: Seducing the six minds
Emergent UX: Seducing the six minds
 
Essay Topic A Texas AM Transfer. Online assignment writing service.
Essay Topic A Texas AM Transfer. Online assignment writing service.Essay Topic A Texas AM Transfer. Online assignment writing service.
Essay Topic A Texas AM Transfer. Online assignment writing service.
 
Pamela Rutledge: Planning-ness 2011
Pamela Rutledge:  Planning-ness 2011Pamela Rutledge:  Planning-ness 2011
Pamela Rutledge: Planning-ness 2011
 
The Journey of Stepping Out of a Comfort Zone: self-report of a co-creating p...
The Journey of Stepping Out of a Comfort Zone: self-report of a co-creating p...The Journey of Stepping Out of a Comfort Zone: self-report of a co-creating p...
The Journey of Stepping Out of a Comfort Zone: self-report of a co-creating p...
 
Urban Hub Aide Memoire 10 - Communication
Urban Hub Aide Memoire 10 - CommunicationUrban Hub Aide Memoire 10 - Communication
Urban Hub Aide Memoire 10 - Communication
 
Sensory UX for UX Cambridge 2014
Sensory UX for UX Cambridge 2014Sensory UX for UX Cambridge 2014
Sensory UX for UX Cambridge 2014
 
The Future of Multimedia
The Future of MultimediaThe Future of Multimedia
The Future of Multimedia
 
Unit 8. Devices that generate meaning, construct reality and shape identity. ...
Unit 8. Devices that generate meaning, construct reality and shape identity. ...Unit 8. Devices that generate meaning, construct reality and shape identity. ...
Unit 8. Devices that generate meaning, construct reality and shape identity. ...
 
Nlp 2nd June 2019
Nlp 2nd June 2019Nlp 2nd June 2019
Nlp 2nd June 2019
 
What you see and hear is filtered through who you are. Each person h.docx
What you see and hear is filtered through who you are. Each person h.docxWhat you see and hear is filtered through who you are. Each person h.docx
What you see and hear is filtered through who you are. Each person h.docx
 

Recently uploaded

Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 

Recently uploaded (20)

Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 

Storytelling in UX

  • 1. Is a powerful tool with someone. to engage Juan Alvarez UX Designer Montevideo, Uruguay Storytelling in UX What Is The storytelling needs… UX storytelling methods are commonly used when we think about UX design through:UX Story? Benefits Of Storytelling Conclusion in UX Design UX-Story Components Story Structure User User’s goal and motivation Context Plot Insight Spectacle A UX story is an account of events from the user’s perspective; the events in the story show the evolution of an experience.Everyone loves a good story. Storytelling is a way to capture users attention, take others on a journey and build bridges of understanding. User personas User research Storyboards Customer journeys Relevant Structured Backend by reason Simple Authentic Falling Action / The Road Back Resolution Ordinary World Inciting Incident Preparation / Rising Action Climax Example: Frodo, Luke Skywalker, Neo. We present their lives and their context. Gandalf gives Frodo the Ring he will have to drop into Mount Doom Luke hears the message from Princess Leia about the plans he will have to use to destroy the Death Star Neo meets Morpheus, who will tell him about the Matrix, which he will have to destroy to liberate humanity Frodo leaves the Shire. Luke Skywalker learning how to control the force. Neo takes the red pill. Frodo drops the ring into the Mount Doom Luke destroys the Death Star Neo sees the Matrix code and defeats the Agent Smith Makes information more digestible Can simplify complex ideas or actions Delivers a more engaging experience UX stories are a communication tool that can be used in lieu of boring task check lists that are far removed from the user. They provide a natural, engaging way to share behavior, perspectives, and attitudes. Why we love Oxytocin is a Our brain listening… “feel good” hormone. Stories? There is a scientific explanation for our love of stories: when we hear a story that resonates with us, our levels of a hormone called oxytocin increase. It boosts our feelings of things like trust, compassion, and empathy. It motivates us to work with others and positively influences our social behavior. Because of this, stories have a unique ability to build connections. When our brains process basic information, like a fact, only two areas of the brain are activated: our language processing area, and our language comprehension area. When our brains process a story that uses movement, visuals, taste, sound, and scents, all of our motor and sensory cortices lights up, along with our language comprehension centers. All relevant sections of our brain are activated depending on what we hear or see. Juan Alvarez UX Designer Montevideo, Uruguay Who is your main character? What is her problem or pain point? Why can’t she meet her goal? What’s the problem? What is the name of your product? What type of product is it? What will help her resolve her problem and overcome a crisis moment or resistance? What’s your product’s primary value proposition or differentiator? What do you want people to think, feel, or envision after learning about your product? What happens when the user meets her goal? This is where the business meets a high-level goal or fulfills its mission. What’s the business goal?