SlideShare ist ein Scribd-Unternehmen logo
1 von 135
Downloaden Sie, um offline zu lesen
Thinking Like a
Storyteller	


                  Cindy Chastain	

                     @cchastain	

                  #ixd10 #story
revised title:	





What’s the deal with
Storytelling?
innovation!	


  design
 thinking!	


storytelling!
communication tool	


user stories	


personas	

scenarios	

                  framework	


                          brand stories	

storyboards	

demos	

                product stories
my story
Ahhh..this button, 
                         will direct a call to the
                       president of the company.
                          Oh! the call is going
                     through….If the president of
                     the company gets his call, he
                     will be happy. If he is happy, I
                         will be noticed. If I am
                      noticed, perhaps I can get a
self-narratives	

      raise… This device is so 	

                            good for my life!
how can we, as
 designers, provide
cues that will deepen
   that narrative
     connection?
engagement	





cognitive
        	

   emotional
What can we
                           learn from the
                           discipline of
                           storytelling that
                           will help us design
                           for more
                           meaningful and
                           engaging product
                           experiences? 	





the ultimate question
slow disclosure
The image cannot be displayed. Your computer may not have enough
memory to open the image, or the image may have been corrupted.
Restart your computer, and then open the file again. If the red x still
appears, you may have to delete the image and then insert it again.
surprise
Stories engage us because of 
the way they’re designed.
If we, as designers, had a better
understanding of how stories are
crafted, we would have a better
understanding of how to craft deeper
kinds of engagement in the
interactive products we create.
Act I: Theory	

the construction and deconstruction of narrative (!)
The Poetics 	




                  All stories are, 	

                  “in their general
                  conception, 
                  modes of
                  imitation.”	


                  -Aristotle
But what makes them differ…	





Objects	

Medium	

Manner
Two Manners of Storytelling…	



narrative/telling	

        dramatic/showing	





       diegetic	

                mimetic
Aristotle’s Six Qualitative Elements of Drama	



Plot (events)	

Character (agents)	

Thought (ideas/theme)	

Diction (language)	

Song (pattern)	

Spectacle (the visual)
So, how does this relate	

to interactive products?
the shape of narrative flow
Canonical Story Format	



 introduction and setting of
 characters 	

 explanation of state of affairs	

 complicating action	

 ensuing events	

 outcome	

 ending
Narrative Flow	



 introduction and setting of
 characters 	

 explanation of state of affairs	

 complicating action	

 ensuing events	

 outcome	

 ending
understanding
narrative craft will
 help us get there
Act II: Craft	

Or what we can learn from storytelling about the 
art of narrative flow.
Aristotle’s Six Qualitative Elements of Drama	



Plot (events)	

Character (agents)	

Thought (ideas/theme)	

Diction (language)	

Song (pattern)	

Spectacle (the visual)
Three Primary Elements of Storytelling	



Plot (events)	

Character (agents)	

Thought (ideas/theme	

Diction (language)	

Song (pattern)	

Spectacle (the visual))
first element: plot
To understand a
film’s story is to
grasp what
happens and
where, when and
why it happens.
four relevant mechanics of dramatic
narration	



communicate potential	

express causality	

reinforce probability	

facilitate completion
communicate potential
cognitive/emotional
express causality
cognitive
reinforce probability
cognitive/emotional + meaning
facilitate completion
emotional
second element: character
Well designed system-
based agents, can
contribute to dramatic
engagement, elicit
empathy, and influence
the actions and emotional
responses of human
agents involved in the
same activity.
Act III: Challenge
If we can move away from
thinking of products in
terms of interfaces and
start thinking of them as
representations or
environments, in which
agents perform actions we
will get us to a place
where we can design more
fluid and engaging
dialogues/experiences.
understand the 	

    craft of	

  storytelling
design with a narrative	

       in mind
develop narrative craft	

      for design
yes, we can use it
the end	

       (thanks)
              	


      @cchastain
               	

chastaincm@gmail.com

Weitere ähnliche Inhalte

Was ist angesagt?

From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
Stephen Anderson
 

Was ist angesagt? (20)

Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business RequirementEye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
 
The Architecture of Understanding (World IA Day Chicago Keynote)
The Architecture of Understanding (World IA Day Chicago Keynote)The Architecture of Understanding (World IA Day Chicago Keynote)
The Architecture of Understanding (World IA Day Chicago Keynote)
 
The Stories We Construct
The Stories We ConstructThe Stories We Construct
The Stories We Construct
 
From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
 
What's your story? Designing a holistic customer experience
What's your story? Designing a holistic customer experienceWhat's your story? Designing a holistic customer experience
What's your story? Designing a holistic customer experience
 
(Don't) Use Your Words: Visual Communicators Rock!
(Don't) Use Your Words:  Visual Communicators Rock!(Don't) Use Your Words:  Visual Communicators Rock!
(Don't) Use Your Words: Visual Communicators Rock!
 
Sketching
SketchingSketching
Sketching
 
Plug and Play Tech Center Startup Bootcamp Intro
Plug and Play Tech Center Startup Bootcamp IntroPlug and Play Tech Center Startup Bootcamp Intro
Plug and Play Tech Center Startup Bootcamp Intro
 
Applied and persuasive: playful learning
Applied and persuasive: playful learningApplied and persuasive: playful learning
Applied and persuasive: playful learning
 
Pig-faced Orcs: What designers can learn from old-school role-playing games (...
Pig-faced Orcs: What designers can learn from old-school role-playing games (...Pig-faced Orcs: What designers can learn from old-school role-playing games (...
Pig-faced Orcs: What designers can learn from old-school role-playing games (...
 
More pomo stuff (after easter)
More pomo stuff (after easter)More pomo stuff (after easter)
More pomo stuff (after easter)
 
ASAS 2014 - Jim Coplien
ASAS 2014 - Jim CoplienASAS 2014 - Jim Coplien
ASAS 2014 - Jim Coplien
 
Ruling the World: When Life Gets Gamed
Ruling the World: When Life Gets GamedRuling the World: When Life Gets Gamed
Ruling the World: When Life Gets Gamed
 
authoring a hero's journey: finding meaning through story
authoring a hero's journey: finding meaning through storyauthoring a hero's journey: finding meaning through story
authoring a hero's journey: finding meaning through story
 
Calongne vr simulations games ctu doctoral july 2017
Calongne vr simulations games ctu doctoral july 2017Calongne vr simulations games ctu doctoral july 2017
Calongne vr simulations games ctu doctoral july 2017
 
Communicating UX
Communicating UXCommunicating UX
Communicating UX
 
Ux storytellers
Ux storytellersUx storytellers
Ux storytellers
 
The most powerful thing on earth: not telling people what to do.
The most powerful thing on earth: not telling people what to do.The most powerful thing on earth: not telling people what to do.
The most powerful thing on earth: not telling people what to do.
 
Idea Development
Idea DevelopmentIdea Development
Idea Development
 
Z-Shaped Thinkers
Z-Shaped ThinkersZ-Shaped Thinkers
Z-Shaped Thinkers
 

Andere mochten auch

UX 101: An Overview of User Experience
UX 101: An Overview of User ExperienceUX 101: An Overview of User Experience
UX 101: An Overview of User Experience
Brad Gerstein
 
The 7 Most Common Usability Issues
The 7 Most Common Usability IssuesThe 7 Most Common Usability Issues
The 7 Most Common Usability Issues
Kissmetrics on SlideShare
 
Steve Krug: Lazy Person's Guide to a Better World - UX Lisbon 2010
Steve Krug: Lazy Person's Guide to a Better World - UX Lisbon 2010Steve Krug: Lazy Person's Guide to a Better World - UX Lisbon 2010
Steve Krug: Lazy Person's Guide to a Better World - UX Lisbon 2010
Steve Krug
 

Andere mochten auch (20)

BigBlueGumball - Influencing Through Visual Storytelling
BigBlueGumball - Influencing Through Visual StorytellingBigBlueGumball - Influencing Through Visual Storytelling
BigBlueGumball - Influencing Through Visual Storytelling
 
Visual Storytelling - Basics
Visual Storytelling - BasicsVisual Storytelling - Basics
Visual Storytelling - Basics
 
Make a Bigger Impact with Visual Storytelling
Make a Bigger Impact with Visual StorytellingMake a Bigger Impact with Visual Storytelling
Make a Bigger Impact with Visual Storytelling
 
Shlomi Ron: What is Visual Storytelling? And Why Marketers Should Care?
Shlomi Ron: What is Visual Storytelling? And Why Marketers Should Care?Shlomi Ron: What is Visual Storytelling? And Why Marketers Should Care?
Shlomi Ron: What is Visual Storytelling? And Why Marketers Should Care?
 
Teaching Visual Storytelling: The Five Shot Method and beyond
Teaching Visual Storytelling: The Five Shot Method and beyondTeaching Visual Storytelling: The Five Shot Method and beyond
Teaching Visual Storytelling: The Five Shot Method and beyond
 
The Power of Visual Storytelling for Education
The Power of Visual Storytelling for EducationThe Power of Visual Storytelling for Education
The Power of Visual Storytelling for Education
 
Digital Storytelling Tools for Nonprofit Organizations
Digital Storytelling Tools for Nonprofit OrganizationsDigital Storytelling Tools for Nonprofit Organizations
Digital Storytelling Tools for Nonprofit Organizations
 
UX 101: An Overview of User Experience
UX 101: An Overview of User ExperienceUX 101: An Overview of User Experience
UX 101: An Overview of User Experience
 
New Frontiers: UX Professional as Business Consultant
New Frontiers: UX Professional as Business ConsultantNew Frontiers: UX Professional as Business Consultant
New Frontiers: UX Professional as Business Consultant
 
The Secret to Actually Producing Great Visual Storytelling
The Secret to Actually Producing Great Visual StorytellingThe Secret to Actually Producing Great Visual Storytelling
The Secret to Actually Producing Great Visual Storytelling
 
Lean Usability
Lean UsabilityLean Usability
Lean Usability
 
CLIENT: Reserve | Presentation Deck | Apple Watch UX/UI Design Proposal
CLIENT: Reserve  |  Presentation Deck  |  Apple Watch UX/UI Design Proposal CLIENT: Reserve  |  Presentation Deck  |  Apple Watch UX/UI Design Proposal
CLIENT: Reserve | Presentation Deck | Apple Watch UX/UI Design Proposal
 
The 7 Most Common Usability Issues
The 7 Most Common Usability IssuesThe 7 Most Common Usability Issues
The 7 Most Common Usability Issues
 
Steve Krug: Lazy Person's Guide to a Better World - UX Lisbon 2010
Steve Krug: Lazy Person's Guide to a Better World - UX Lisbon 2010Steve Krug: Lazy Person's Guide to a Better World - UX Lisbon 2010
Steve Krug: Lazy Person's Guide to a Better World - UX Lisbon 2010
 
The Power of Visual Storytelling
The Power of Visual Storytelling The Power of Visual Storytelling
The Power of Visual Storytelling
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
 
10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design
 
Digital Storytelling for Social Impact
Digital Storytelling for Social ImpactDigital Storytelling for Social Impact
Digital Storytelling for Social Impact
 
Narrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual StorytellingNarrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual Storytelling
 

Ähnlich wie Thinking Like a Storyteller

#6 character design
#6 character design#6 character design
#6 character design
kkirschbaum
 

Ähnlich wie Thinking Like a Storyteller (20)

Storytelling and Interaction Design - From Business to Buttons
Storytelling and Interaction Design - From Business to ButtonsStorytelling and Interaction Design - From Business to Buttons
Storytelling and Interaction Design - From Business to Buttons
 
Videogames and Multimodal Literacy
Videogames and Multimodal LiteracyVideogames and Multimodal Literacy
Videogames and Multimodal Literacy
 
Storytelling Inspiration - Cubo - 2016
Storytelling Inspiration - Cubo - 2016Storytelling Inspiration - Cubo - 2016
Storytelling Inspiration - Cubo - 2016
 
Emotional Storytelling in User Experience | Seattle Interactive Conference 2018
Emotional Storytelling in User Experience | Seattle Interactive Conference 2018Emotional Storytelling in User Experience | Seattle Interactive Conference 2018
Emotional Storytelling in User Experience | Seattle Interactive Conference 2018
 
USER EXPERIENCE DESIGN SLIDESHOW by Cindy Chastain
USER EXPERIENCE DESIGN SLIDESHOW by Cindy ChastainUSER EXPERIENCE DESIGN SLIDESHOW by Cindy Chastain
USER EXPERIENCE DESIGN SLIDESHOW by Cindy Chastain
 
Experience Themes: An Element of Story Applied to Design
Experience Themes: An Element of Story Applied to DesignExperience Themes: An Element of Story Applied to Design
Experience Themes: An Element of Story Applied to Design
 
Designing User Experience, Not User Interface /Conversion Meetup 2013/
Designing User Experience, Not User Interface /Conversion Meetup 2013/Designing User Experience, Not User Interface /Conversion Meetup 2013/
Designing User Experience, Not User Interface /Conversion Meetup 2013/
 
IDEA/TECTURE™ preview
IDEA/TECTURE™ previewIDEA/TECTURE™ preview
IDEA/TECTURE™ preview
 
Foundations understanding users and interactions
Foundations  understanding users and interactionsFoundations  understanding users and interactions
Foundations understanding users and interactions
 
Corporate storytelling
Corporate storytellingCorporate storytelling
Corporate storytelling
 
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
 
A bit more emotion, a little less emotional - future perspectives for emotion...
A bit more emotion, a little less emotional - future perspectives for emotion...A bit more emotion, a little less emotional - future perspectives for emotion...
A bit more emotion, a little less emotional - future perspectives for emotion...
 
Presentation design
Presentation designPresentation design
Presentation design
 
It's Stories All the Way Down: Spectrum 2016
It's Stories All the Way Down: Spectrum 2016It's Stories All the Way Down: Spectrum 2016
It's Stories All the Way Down: Spectrum 2016
 
Pamela Rutledge: Planning-ness 2011
Pamela Rutledge:  Planning-ness 2011Pamela Rutledge:  Planning-ness 2011
Pamela Rutledge: Planning-ness 2011
 
Storyboard
StoryboardStoryboard
Storyboard
 
#6 character design
#6 character design#6 character design
#6 character design
 
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
 
Digital Storytelling Best Practices
Digital Storytelling Best PracticesDigital Storytelling Best Practices
Digital Storytelling Best Practices
 
Aft158 story writing_for_animation_1
Aft158 story writing_for_animation_1Aft158 story writing_for_animation_1
Aft158 story writing_for_animation_1
 

Kürzlich hochgeladen

Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
drmarathore
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 

Kürzlich hochgeladen (20)

Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 

Thinking Like a Storyteller

Hinweis der Redaktion

  1. Based on this, I’ve decide to change my presentation title to:
  2. In fact, even before this, I had been thinking a lot about idea that there are these advocates on one side and skeptics, if not actual detractors, on the other side. It feels like we haven’t been able to agree on the place, let alone value, of storytelling in our practice.
  3. In fact, it’s become one of those words like design thinking, or innovation, or collaboration. (A friend of mine likes to call these weasel words.) They have emotional throw weight, they sound important, like something we all must be doing. They come with a certain amount of acclaim, but in the end, very few people could tell you, let alone agree upon, what they really mean. Storytelling, I think, is one of those words.
  4. Now we do have many examples of the use of storytelling in the design of interactive products… [examples] So I would say that we’ve been using storytelling, up to now, in two ways: One, as a communication tool. The other as a framework. But what’s really interesting is this other type of story: the user’s narrative:
  5. Research in cog sci has shown that a stream of self-talk or self-narration occurs in our interaction with design products.
  6. Ranging from a narrative of use that represents experience related to product’s set of features and affordances, to personal storytelling whereby users bestow meaning on situations around product use (what does this mean to mean, how does it fit into my life). This is going to happen no matter what we design. No matter what we do. This is a process people are going to use to process information within an experience. But knowing this, how can we optimize that personal narrative? Or better yet…
  7. This is what I wnt to talk about today. There’s so much to gain from using storytelling as a communication tool. There’s so much to gain from using storytelling as a framework for design. I talked a lot about that last year… But the next frontier in storytelling as it relates to design is understanding how we can build those cues in the flows, into the ways users interact with products. If you compare storytelling to what we do, you’ll see that what the discipline’s share is the desire for engagement.
  8. A kind of engagement that’s both cognitive and emotion. In fact, ot’s the cognitive and emotional, put together that allows us to derive meaning from our interactions. At their best, stories provide meaning, they engage our emotions as well as our minds, they surprise us, delight us, they give us a sense of satisfaction and pleasure when they end. But we all know this. The question I’m interested in is…
  9. As a screenwriter one learns, over time, how to employ certain techniques in order to engage or to invoke a kind of response appropriate to the story being written. A screenwriter will actually design for emotion, design for meaning… And one of my favorite techniques is this thing called slow disclosure:
  10. This is a great example of slow disclosure as narrated cinematically, as a narrative technique. I’m going to give you a bit of self-narration as I walk through the opening shots of this scene. The first thing you see is a scary face. A very scary face looking intently. The scary face is looking at two figures….
  11. Who’ve just arrived in what looks like an abandoned town…
  12. Apparently one of those guys on the horse is also looking intently. I’m not sure if he’s bad, I’m not sure if he’s good.
  13. There’s the other guy. Also looking intently. Both presumably looking at the first guy we saw…
  14. Oh, yes. There he is. They’re clearly looking at each other. Tension has been established…
  15. Oh, yes! Something is going to happen. I see that now because they’re getting off their horses…
  16. The other guy starts walking toward them… I’m getting very very nervous now because obviously this is a confrontation about to happen…
  17. No one else is around. What could possibly be happening here? What is the conflict about?
  18. Well clearly he’s mad. They’re getting closer to one another…
  19. Yes…he’s determined to get the other guy…
  20. But so is he…Yes…
  21. Three mad, angry men about to stand off.
  22. Now there getting to the point where they’re within arms reach. And omg, he’s reaching for his gun. Someone’s going to die here! But then…
  23. Surprise…they’re all together. They all went in to ambush some other guy inside that building. That was a surprise. A slow disclosure leading to a surprise. See how it engages both cognitively and emotionally? When I’m watching I’m thinking, trying to form hypothoses based on what’s presented to me, and I’m making making assumptions about those hypothoses, trying to see if they’re true and based on what the narration is telling me. And in this case what I was thinking wasn’t true therefore I experience surprise, an emotion… So this is my theory…
  24. In this pres, I’m going to unpack the storytelling word, try to build it back up again with some meaning, then explore a new way of looking at storytelling in the context of interaction design: how the cognitive and emotional response to the products we design can be optimized when designers better understand the craft of storytelling (making). So, yes, we can use it in interaction design.
  25. If you’re going to start with theory it might be wise to go all the way back to the beginning. The poetics actually still holds up as a foundational set of concepts about how narrative structure works for writers and filmmakers today. All stories, accoring to Aristotle are… But what makes them differ…
  26. This is important because it allows us to see that stories are delivered by a variety of mediums…and for us the medium is a digital interaction. But the point that I really want to make is that there are actual two types or manners of storytelling.
  27. We most often use diegetic storytelling in the stories in things such as personas and scenarios. Mimetic storytelling is also used, most often in the form of storyboards where actual users are depicted in a way where they are telling the story. Dramatic storytelling, however, is the type we, as ixds, have the most to learn from. The kind of storytelling you find in movies, plays and some novels. It’s not purely narrative, or episodic, but based on principles of probability, cause and effect related to action. In fact, if you break down the elements of dramatic storytelling, you ’ ll begin to see the parallels between the forms. And if you can see the parallels between forms you ’ ll begin understand why there ’ s a potential relationship between the way dramatic stories work and the things we ’ re trying to accomplish as interaction designers. So let’s start with Artistotles definition of dramatic storytelling…
  28. If you think about it, these are components of what we work with as designers all the time. (Well, except for the plot part)…But I’m going to talk about how that would work…
  29. If you were going to diagram a dramatic story it would look something like this. Most stories have a shape. If this is what a story looks like, it’s the quality of the craft that goes into building it ---the selection, ordering and timing of events, using narrative techniques that expose those events---(and there’s a lot of artistry in that as well) is what determines the quality of the emotional/cognitive response to it. Around that we have all of this other stuff. According to his six elements of drama, we also have ideas/theme, language, rhythm (patterns) and spectacle (the visual elements).
  30. Now if you were to look at that same graph, but with agent (or characters) represented within it, it might look like this. Meaning: there’s a relationship between the way agents are acted upon and pushed forward by events and/or interactions.
  31. The big difference, is that, in interactive products, the user is also an agent or character who can initiate and perform actions in the unfolding events. a user is an agent/character in a collaborative story (environment) involving other system agents or characters. the closest thing we have to plot in interaction design is the task flow… In some way they are telling a story about a series of events. It’s a plot of sorts….
  32. Now let’s think of the story arc as a kind of task flow where the agent is the user (or character) enterin an interactive space… It could be an actual physical space, it could be a website, it could be a product…so let’s imagine how that might work. so the customer enterts this interactive space and based by the setup, based on the possibilities presented in this environment he makes a decision…
  33. and as a result of that decision, the system agent gives him a response…
  34. And that leads…
  35. the customer to make another decision…Based on that response, he gets another response from one or more system agents, that lead him to some other decision…
  36. where there are even more possibilities…that leads to
  37. another action…until there’s
  38. a conclusion
  39. or an ending.
  40. So if you think about it all actions have a beginning, middle and end. It starts somewhere and it ends in a particular way. And it happens over time. This is what Aristotle mean by a whole action. This is what I would call…
  41. And this is are starting place. Just knowing this before we get into narrative techniques can help us understand that there is this narrative flow that we as designers can attend to. the only difference…the reality is that in an interactive product, the flow might look like this…
  42. But still, I would argue that it has a shape. It’s not so linear, and we can anticipate every path that might be taken, but we can use this as a model. But why use storytelling as a model? We have other design theories and principles that suggest how and why users have an meaningful/emotional response to a product. Storytelling, for one, is a more holistic approach that taps into deeply embedded ways of experiencing/organizing information already.
  43. Cut to 1500 odd years after Aristotle where modern narrative theory as well as cognitive psychology have much to say about our experience of story. children as young as 4 or 5 easily recognize the activities telling and/or following a story.
  44. Mention constructivist theory in cog sci, where comprehending narrative is a dynamic process involving three factors: our perceptual capacities, our prior knowledge and experience, and the material and structure of the story being experienced. The perceptual capacites are about our physical ability to comprehend: see, hear etc. Prior knowledge is about what we bring to the story based on experience. (In the Good, Bad and the Ugly, I come to that story with assumptions about what it means to be a cowboy in a movie) And the structure of story is the thing we can design for: It’s the thing that’s about the patterning and the sequencing and the technques that we use to tell the story that we get cues from. What’s most interesting is that people (in our culture, at least) comprehend story based on a master template, or an internalized abstraction of narrative structure.
  45. David Bordwell refers to this as the canonical story format which goes something like: introduction and setting of characters, explanation of state of affairs, complicating action, ensuing events, outcome, ending. Basically, narrative is a (mostly) universal means of processing experience.
  46. This is something we can design for. And…
  47. Plot is the thing that drives narrative comprehension and engagement with story. In structuring plot a writer will consider the selection, ordering and timing of events, as well as the narrative techniques that expose them. We, as reader/viewers, then get cues from the way the plot is crafted that allow us to engage cognitively and emotionally with the story. Once we understand what those cues are and how they elicit our involvement with the story, we can understand how to design for similar types of engagement. There are four types of narrative cues relevant to interaction design that elicit cognitive and emotional engagement with story:
  48. For plot, I’ve pulled out four types of cues that we get in the experience of plot that are relevant to interaction design and I’ve turned them into things that we can do as designers: communicate potential is providing cues that will allow the customer to understand what that ineractive space is about, about inferring the possibilities with that world. expressing causaility is about giving cues that will allow the customer to understand how things happen. How do we as designers reveal that? reinforcing probability is about giving cues that allow users to assumptions about what’s happened before as well as anticipate what’s going to happen next. So how do we reinforce probability or how do we break it down? facilitating completion, and by completion I mean the pleasure and satisfaction one gets in a really good ending.
  49. This type of engagement happens very early on the story (or scene). A good storyteller will know just how much information to provide that will allow us to understand how things work based on the way the potential of that world is revealed: the way character is established in the action and the dramatic situation that provides characters with causes to act. This is the dramatic potential. This is the first and foremost draw into the story---our wanting to understand the possibilities. So I have a little clip to express what I mean: [show clip of rear window] a metastory about the way we
  50. It’s something that is established at the beginning of a story and can engages us both cognitively and emotionally.
  51. Mention the idea of empathy, but empathy is not complete without undestanding motivation. As designers we need to think about what will motivate customers to make that first action. (How, then could this be improved?)
  52. This is about those moments in the story where we simply want to understand why. It’s also about the nature of first incidents that establish the rules of the environment being represented. This kind of involvement is facilitated by representing clear causes to events that occur.
  53. It happens from the beginning of the story and continue throughout and involves a cognitive engagement.
  54. Based on our understanding of what’s going on in the story we look clues and form hypotheses about what will happen next. It’s the type of engagement that brings us deeper into the story because effects of various actions have been represented in a way that incites interest and makes us want to keep on going. This is a kind of involvement is facilitated by narrative techniques that either satisfy, prolong or thwart expectations established by previous events.
  55. It’s what happens early to midway into the story and the activity that most deeply engages our minds and our emotions. It’s also the type of cue that helps establish meaning: being able to see the whole of the action, understanding what it’s about.
  56. A good ending provides not only a completion of the action being represented but also the kind of emotional closure that’s implied by the notion of catharsis. We derive a sense of pleasure and satisfaction when a story
  57. Character is the vehicle by which the story is told, but true character is revealed in action. Talk about empathy and motivation. Chris Fahey.
  58. Doing this allows us to: Re-vision the context for dialogue/communication that occurs between humans and interactive systems Design more fluid and engaging dialogues/experiences that tap into the natural tendency to organize experience into story.
  59. Finding a theme is simultaneously an act of analysis and creativity. It’s not something we impose, by design or vision or some other form of inspiration; it’s something we extract from our insights. Ideally, it will emerge from the raw material of your assembled goals, research and analysis. But most important, it will emerge from our EMPATHY with users. And from this, we find theme. So here’s an example of what we do…