SlideShare a Scribd company logo
(Interactive) narrative
design
The Point: Branching scenarios are a very thin slice of interactive
narrative, but there are ways to think about them to get the most
out of it.
Maze analogy
Simple Scenarios
Example:
Quiz style scenarios
Simple Scenarios
Branchtrack basic
scene
Branching is exploration
A million branches
How can I make them all?
How to make it work?
Interactive narrative
design is not a
sequence of events, but
an environment to
explore
How to make it work?
Interactive narrative
design is not a
sequence of events, but
an environment to
explore
Tip #1: Verbing
Consistency in
interaction
Branchtrack example
https://www.branchtrack.com/projects/bchxj1p8
Tip #2: the story isn’t just the words
Sometimes it's the Choices
http://www.web-adventures.org/cgi-
bin/webfrotz?s=ZorkDungeon
Sometimes it’s the rules that form the narrative
The Marriage
By Rod Humble
http://www.rodvik.com/rodgames/marriage.html
Tip #3: Be Judicious with feedback
Action – Effect – Feedback – Re-action – Effect – Feedback...
~Fin~
Secret Journey Videos!
GameplayTrailer

More Related Content

Similar to Interactive narrative design primer

UPDATED! Using Web 2 0 Tools To "Enliven" Projects
UPDATED! Using Web 2 0 Tools To "Enliven" ProjectsUPDATED! Using Web 2 0 Tools To "Enliven" Projects
UPDATED! Using Web 2 0 Tools To "Enliven" Projects
Anna Koval
 
Qcon london2012 recap
Qcon london2012 recapQcon london2012 recap
Qcon london2012 recap
Peter Gfader
 
AgilePT'10 - Evolving Software: Five powerful metaphors to explain change
AgilePT'10 - Evolving Software: Five powerful metaphors to explain changeAgilePT'10 - Evolving Software: Five powerful metaphors to explain change
AgilePT'10 - Evolving Software: Five powerful metaphors to explain change
Filipe Correia
 
Don't demo facts. Demo stories! (handouts)
Don't demo facts. Demo stories! (handouts)Don't demo facts. Demo stories! (handouts)
Don't demo facts. Demo stories! (handouts)
Tudor Girba
 
Ux scot voice usability testing with woz - ar and sf - june 2019
Ux scot   voice usability testing with woz - ar and sf  - june 2019Ux scot   voice usability testing with woz - ar and sf  - june 2019
Ux scot voice usability testing with woz - ar and sf - june 2019
User Vision
 
Apdf Spontaneous Invention
Apdf Spontaneous InventionApdf Spontaneous Invention
Apdf Spontaneous Invention
Prarthana Johnson
 
Voice usability testing with WOZ methodology - UX SCOT 2019
Voice usability testing with WOZ methodology - UX SCOT 2019Voice usability testing with WOZ methodology - UX SCOT 2019
Voice usability testing with WOZ methodology - UX SCOT 2019
Abi Reynolds
 
"Do I have your attention?" Chris Atherton at UX Cambridge 2014
"Do I have your attention?" Chris Atherton at UX Cambridge 2014"Do I have your attention?" Chris Atherton at UX Cambridge 2014
"Do I have your attention?" Chris Atherton at UX Cambridge 2014
Chris Atherton @finiteattention
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for Mobile
Vicke Cheung
 
Discover Your Customer Elevator Rant for U. of MD Dingman Center
Discover Your Customer Elevator Rant for U. of MD Dingman CenterDiscover Your Customer Elevator Rant for U. of MD Dingman Center
Discover Your Customer Elevator Rant for U. of MD Dingman Center
Chief Listening Officers
 
Data Day Seattle, Chatbots from First Principles
Data Day Seattle, Chatbots from First PrinciplesData Day Seattle, Chatbots from First Principles
Data Day Seattle, Chatbots from First Principles
Jonathan Mugan
 
Using Stories to Engage Your Audience
Using Stories to Engage Your AudienceUsing Stories to Engage Your Audience
Using Stories to Engage Your Audience
Leading Edge Process Consultants LLC
 
Experiencing Environments
Experiencing EnvironmentsExperiencing Environments
Experiencing Environments
Martin Nerurkar
 
Tips for Presentation Design
Tips for Presentation DesignTips for Presentation Design
Tips for Presentation Design
Presentation Partners
 
Designing Interaction with emotion
Designing Interaction with emotionDesigning Interaction with emotion
Designing Interaction with emotion
Michihito Mizutani
 
Chenblumefutureinsights2015 150615132842-lva1-app6891
Chenblumefutureinsights2015 150615132842-lva1-app6891Chenblumefutureinsights2015 150615132842-lva1-app6891
Chenblumefutureinsights2015 150615132842-lva1-app6891
Shrey Jairath
 
Design for Living (Chen Blume)
Design for Living (Chen Blume) Design for Living (Chen Blume)
Design for Living (Chen Blume)
Future Insights
 
Tukang baja ringan 081313462267
Tukang baja ringan 081313462267Tukang baja ringan 081313462267
Tukang baja ringan 081313462267
tukangbajaringan
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
Ji Lee
 
Dash ux is more than design
Dash ux is more than designDash ux is more than design
Dash ux is more than design
michelledash
 

Similar to Interactive narrative design primer (20)

UPDATED! Using Web 2 0 Tools To "Enliven" Projects
UPDATED! Using Web 2 0 Tools To "Enliven" ProjectsUPDATED! Using Web 2 0 Tools To "Enliven" Projects
UPDATED! Using Web 2 0 Tools To "Enliven" Projects
 
Qcon london2012 recap
Qcon london2012 recapQcon london2012 recap
Qcon london2012 recap
 
AgilePT'10 - Evolving Software: Five powerful metaphors to explain change
AgilePT'10 - Evolving Software: Five powerful metaphors to explain changeAgilePT'10 - Evolving Software: Five powerful metaphors to explain change
AgilePT'10 - Evolving Software: Five powerful metaphors to explain change
 
Don't demo facts. Demo stories! (handouts)
Don't demo facts. Demo stories! (handouts)Don't demo facts. Demo stories! (handouts)
Don't demo facts. Demo stories! (handouts)
 
Ux scot voice usability testing with woz - ar and sf - june 2019
Ux scot   voice usability testing with woz - ar and sf  - june 2019Ux scot   voice usability testing with woz - ar and sf  - june 2019
Ux scot voice usability testing with woz - ar and sf - june 2019
 
Apdf Spontaneous Invention
Apdf Spontaneous InventionApdf Spontaneous Invention
Apdf Spontaneous Invention
 
Voice usability testing with WOZ methodology - UX SCOT 2019
Voice usability testing with WOZ methodology - UX SCOT 2019Voice usability testing with WOZ methodology - UX SCOT 2019
Voice usability testing with WOZ methodology - UX SCOT 2019
 
"Do I have your attention?" Chris Atherton at UX Cambridge 2014
"Do I have your attention?" Chris Atherton at UX Cambridge 2014"Do I have your attention?" Chris Atherton at UX Cambridge 2014
"Do I have your attention?" Chris Atherton at UX Cambridge 2014
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for Mobile
 
Discover Your Customer Elevator Rant for U. of MD Dingman Center
Discover Your Customer Elevator Rant for U. of MD Dingman CenterDiscover Your Customer Elevator Rant for U. of MD Dingman Center
Discover Your Customer Elevator Rant for U. of MD Dingman Center
 
Data Day Seattle, Chatbots from First Principles
Data Day Seattle, Chatbots from First PrinciplesData Day Seattle, Chatbots from First Principles
Data Day Seattle, Chatbots from First Principles
 
Using Stories to Engage Your Audience
Using Stories to Engage Your AudienceUsing Stories to Engage Your Audience
Using Stories to Engage Your Audience
 
Experiencing Environments
Experiencing EnvironmentsExperiencing Environments
Experiencing Environments
 
Tips for Presentation Design
Tips for Presentation DesignTips for Presentation Design
Tips for Presentation Design
 
Designing Interaction with emotion
Designing Interaction with emotionDesigning Interaction with emotion
Designing Interaction with emotion
 
Chenblumefutureinsights2015 150615132842-lva1-app6891
Chenblumefutureinsights2015 150615132842-lva1-app6891Chenblumefutureinsights2015 150615132842-lva1-app6891
Chenblumefutureinsights2015 150615132842-lva1-app6891
 
Design for Living (Chen Blume)
Design for Living (Chen Blume) Design for Living (Chen Blume)
Design for Living (Chen Blume)
 
Tukang baja ringan 081313462267
Tukang baja ringan 081313462267Tukang baja ringan 081313462267
Tukang baja ringan 081313462267
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
 
Dash ux is more than design
Dash ux is more than designDash ux is more than design
Dash ux is more than design
 

Recently uploaded

一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
k4krdgxx
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
ubogumo
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
bel9p89b
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
aonx8o5f
 
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
xnhwr8v
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
mfria419
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
pavankumarpayexelsol
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
SirmaDuztepeliler
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
aprhf21y
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
qbydc
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
i990go7o
 

Recently uploaded (20)

一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
 
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
 

Interactive narrative design primer

Editor's Notes

  1. Rich @ CoP 6/3/2017
  2. Starting place: PPT learning Analogy: Museum hallway, as linear maze.
  3. IMG: http://www.inductnow.com/wp-content/uploads/2015/04/scenario-mapping.png
  4. VIDEO: http://www.inductnow.com/branchingscenarios/
  5. Cathy Moore’s “Learning Zeko” http://blog.cathy-moore.com/scenario-based-training-headquarters/scenario-examples/scenario-example-learning-zeko/ This scenario is about learning a fictional foreign language. However, when you make a translation, you either get it “right” or “wrong” and the scenario asks you to try again after giving you feedback in the context of the narrative. Still effective for the goal of *learning the words.*
  6. Example Cell City Mystery By Natalie Duerr and Maariyah Mustafa http://www.philome.la/Readorium/cell-city-mystery/play?__hstc=185541174.7bc148fb48ecc74038b5bface7f42387.1474321602226.1474321602226.1474321602228.2&__hssc=185541174.1.1474321602228&__hsfp=2203034812
  7. Evolution: Multiple answers, with different contextual routes Analogy: Maze with multiple paths that work Example: Branching. IMG: http://twinegarden.tumblr.com/
  8. The maze- equivalent of a large text adventure that still has only one “correct” path. However, like any pick-a-path book, you can go so long down alternate paths, that really, there is no reason to have a “correct” exit. Instead, the point is the journey you took.
  9. Analogy: Maze, Museum
  10. Analogy: Maze, Museum
  11. Image captured from “Maniac Mansion” by LucasFilm Games. You all should play it. Seriously. Play here (not Chrome browser): https://www.loveroms.com/play-online/nintendo/maniac-mansion-u/4092
  12. Branchtrack demo by Clark Aldrich IMG: https://www.branchtrack.com/projects/bchxj1p8
  13. Journey by ThatGameCompany IMG: http://thatgamecompany.com/wp-content/themes/thatgamecompany/_include/img/journey/journey-game-screenshot-1-b.jpg The Mechanics, technology, aesthetic, and narrative
  14. Zork: http://www.web-adventures.org/cgi-bin/webfrotz?s=ZorkDungeon IMG: https://textadventures.co.uk/games/view/5zyoqrsugeopel3ffhz_vq/zork
  15. IMG: http://www.rodvik.com/rodgames/marriage.html