SlideShare a Scribd company logo
1 of 40
Interaction Design as
the Language of Story
Dave Malouf
@daveixd
UX Hong Kong
March 2014
What is the core
problem of the designer?
Empathy
Story
Rock Painting, Tassili n Ajjer, Algeria (Neolithic Agricultural
Fill our culture
Create shared pain
Create heroes
Punish our enemies
Free us
Show us the way forward
In the telling
Embed Instructions
Create future frameworks
Engages the correct audience
And the story evolves
What do stories do?
Share Experience
Frames
Muji Manga
Notebook
muji.co.hk
muji.com.cn
muji.com.sg
muji.net (Japan)
mujikorea.net
muji.tw
muji.com/th/
muji.com/ph/
muji.com/my/
muji.us
The Pope that spawned a million tweets
Memory
Where were you when?
Or is this better?
Emotion > Empathy
Escape > Reflect
Instruct
Engage
Aristotle
A dead Greek dude
What is a story
Beginnin
g
Middl
e
En
d
Gustav
Freytag
Less Old Dead Prussian
Guy
Elements of a Story
• People
• Locations
• Props
• Activities
• Dialog
A lot like what we do
• People
• Locations
• Props
• Activities
• Dialog
• Personas
• Contexts
• Interfaces
• Tasks
• Flow/Sequence
Tools of
The Craft
The Craft
Script writers have had
this down for a long time!
Tools exist
Adobe Story CC Plus
Comics are Easy Too
Comic Life or Comic Touch
https://vimeo.com/42723890
An
Example
Student work (SCAD) - credits in movie.
Thank you!
Questions?
Questions?
Dave Malouf
@daveixd
dave.ixd@gmail.com

More Related Content

What's hot

Feedback lessons from a sensitive gps
Feedback lessons from a sensitive gpsFeedback lessons from a sensitive gps
Feedback lessons from a sensitive gpsMeryl Runion Rose
 
Interface Design Mantras
Interface Design MantrasInterface Design Mantras
Interface Design MantrasRobbie Manson
 
Myths and legends activity
Myths and legends activityMyths and legends activity
Myths and legends activityladymandona
 
How to Be a Great StoryTeller
How to Be a Great StoryTellerHow to Be a Great StoryTeller
How to Be a Great StoryTellerGreg Thomas
 
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
 
Fairy Tale Elements
Fairy Tale ElementsFairy Tale Elements
Fairy Tale Elementsburkebr3
 
Film Opening costumes, actors and props
Film Opening costumes, actors and propsFilm Opening costumes, actors and props
Film Opening costumes, actors and propsOliverBooth99
 
Planning Narrative
Planning NarrativePlanning Narrative
Planning Narrativeafreens10
 
Clarity in Collaboration
Clarity in CollaborationClarity in Collaboration
Clarity in CollaborationArne Kittler
 
Talk to yourself: Bring Your Speech to Life
Talk to yourself: Bring Your Speech to LifeTalk to yourself: Bring Your Speech to Life
Talk to yourself: Bring Your Speech to LifeDavid Reed
 
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
 

What's hot (20)

Feedback lessons from a sensitive gps
Feedback lessons from a sensitive gpsFeedback lessons from a sensitive gps
Feedback lessons from a sensitive gps
 
Interface Design Mantras
Interface Design MantrasInterface Design Mantras
Interface Design Mantras
 
Myths and legends activity
Myths and legends activityMyths and legends activity
Myths and legends activity
 
Metanomics Transcript Dec 9
Metanomics Transcript Dec 9Metanomics Transcript Dec 9
Metanomics Transcript Dec 9
 
Mise en-scene
Mise en-sceneMise en-scene
Mise en-scene
 
How to Be a Great StoryTeller
How to Be a Great StoryTellerHow to Be a Great StoryTeller
How to Be a Great StoryTeller
 
Project 7th grade
Project 7th gradeProject 7th grade
Project 7th grade
 
Reading Skills_FIfth Grade_NC
Reading Skills_FIfth Grade_NCReading Skills_FIfth Grade_NC
Reading Skills_FIfth Grade_NC
 
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
 
Fairy Tale Elements
Fairy Tale ElementsFairy Tale Elements
Fairy Tale Elements
 
Stories slides + handout
Stories slides + handoutStories slides + handout
Stories slides + handout
 
Film Opening costumes, actors and props
Film Opening costumes, actors and propsFilm Opening costumes, actors and props
Film Opening costumes, actors and props
 
Metanomics Transcript Dec 9
Metanomics Transcript Dec 9Metanomics Transcript Dec 9
Metanomics Transcript Dec 9
 
It short film evaluation
It short film evaluationIt short film evaluation
It short film evaluation
 
Mise en-scene
Mise en-sceneMise en-scene
Mise en-scene
 
Planning Narrative
Planning NarrativePlanning Narrative
Planning Narrative
 
Clarity in Collaboration
Clarity in CollaborationClarity in Collaboration
Clarity in Collaboration
 
Talk to yourself: Bring Your Speech to Life
Talk to yourself: Bring Your Speech to LifeTalk to yourself: Bring Your Speech to Life
Talk to yourself: Bring Your Speech to Life
 
Presentation PU, ICS MS morning faiza++
Presentation PU, ICS MS morning faiza++Presentation PU, ICS MS morning faiza++
Presentation PU, ICS MS morning faiza++
 
Question 5
Question 5Question 5
Question 5
 

Similar to Interaction Design as the Language of Story

Student Fieldwork: Anthropology
Student Fieldwork: AnthropologyStudent Fieldwork: Anthropology
Student Fieldwork: AnthropologyAbraham Lan
 
Explorations on e-lit & transmedia storytelling ferrarelli mariana
Explorations on e-lit & transmedia storytelling ferrarelli marianaExplorations on e-lit & transmedia storytelling ferrarelli mariana
Explorations on e-lit & transmedia storytelling ferrarelli marianaMariana Ferrarelli
 
Transmedia toe dipping 2013
Transmedia toe dipping 2013Transmedia toe dipping 2013
Transmedia toe dipping 2013Jeni Mawter
 
Story in the Context of Transmedia
Story in the Context of TransmediaStory in the Context of Transmedia
Story in the Context of TransmediaJoel Blom
 
Essay On Tiger In Kannada Language
Essay On Tiger In Kannada LanguageEssay On Tiger In Kannada Language
Essay On Tiger In Kannada LanguageTamika Morris
 
Digital and Mobile Storytelling in ELT
Digital and Mobile Storytelling in ELT Digital and Mobile Storytelling in ELT
Digital and Mobile Storytelling in ELT Valentina Morgana
 
Webinar - Authentic Storytelling with Greenpeace: A 10 Step Process 09-14-2017
Webinar - Authentic Storytelling with Greenpeace: A 10 Step Process 09-14-2017 Webinar - Authentic Storytelling with Greenpeace: A 10 Step Process 09-14-2017
Webinar - Authentic Storytelling with Greenpeace: A 10 Step Process 09-14-2017 TechSoup
 
developingspeaking-180517060657ghbb 2.pdf
developingspeaking-180517060657ghbb 2.pdfdevelopingspeaking-180517060657ghbb 2.pdf
developingspeaking-180517060657ghbb 2.pdfzfghx9xydn
 
Preasation
PreasationPreasation
Preasationgogonzd
 
Developing speaking skill
Developing speaking skillDeveloping speaking skill
Developing speaking skillIrina K
 
005 Narrative Essay Examples High School Exa
005 Narrative Essay Examples High School Exa005 Narrative Essay Examples High School Exa
005 Narrative Essay Examples High School ExaKatie Booth
 
Powerpoint generation
Powerpoint generationPowerpoint generation
Powerpoint generationAnselm Hook
 
Unleashing The Power Of AI How It Can Skyrocket Your Productivity ...
Unleashing The Power Of AI How It Can Skyrocket Your Productivity ...Unleashing The Power Of AI How It Can Skyrocket Your Productivity ...
Unleashing The Power Of AI How It Can Skyrocket Your Productivity ...Elena Nongos
 
Collaborative Writing AGQTP 2013
Collaborative Writing AGQTP 2013Collaborative Writing AGQTP 2013
Collaborative Writing AGQTP 2013Anne Weaver
 
Storytelling in UX by Lilha Willems
Storytelling in UX by Lilha WillemsStorytelling in UX by Lilha Willems
Storytelling in UX by Lilha WillemsTatiana Sidorenkova
 
Getting your story straight
Getting your story straightGetting your story straight
Getting your story straightdanieljeevanej
 

Similar to Interaction Design as the Language of Story (20)

Corporate storytelling
Corporate storytellingCorporate storytelling
Corporate storytelling
 
40698393 ux-storytellers
40698393 ux-storytellers40698393 ux-storytellers
40698393 ux-storytellers
 
Student Fieldwork: Anthropology
Student Fieldwork: AnthropologyStudent Fieldwork: Anthropology
Student Fieldwork: Anthropology
 
Explorations on e-lit & transmedia storytelling ferrarelli mariana
Explorations on e-lit & transmedia storytelling ferrarelli marianaExplorations on e-lit & transmedia storytelling ferrarelli mariana
Explorations on e-lit & transmedia storytelling ferrarelli mariana
 
Transmedia toe dipping 2013
Transmedia toe dipping 2013Transmedia toe dipping 2013
Transmedia toe dipping 2013
 
Write For Eye & Ear
Write For Eye & EarWrite For Eye & Ear
Write For Eye & Ear
 
Story in the Context of Transmedia
Story in the Context of TransmediaStory in the Context of Transmedia
Story in the Context of Transmedia
 
Essay On Tiger In Kannada Language
Essay On Tiger In Kannada LanguageEssay On Tiger In Kannada Language
Essay On Tiger In Kannada Language
 
Digital and Mobile Storytelling in ELT
Digital and Mobile Storytelling in ELT Digital and Mobile Storytelling in ELT
Digital and Mobile Storytelling in ELT
 
Webinar - Authentic Storytelling with Greenpeace: A 10 Step Process 09-14-2017
Webinar - Authentic Storytelling with Greenpeace: A 10 Step Process 09-14-2017 Webinar - Authentic Storytelling with Greenpeace: A 10 Step Process 09-14-2017
Webinar - Authentic Storytelling with Greenpeace: A 10 Step Process 09-14-2017
 
Tams 2012
Tams 2012Tams 2012
Tams 2012
 
developingspeaking-180517060657ghbb 2.pdf
developingspeaking-180517060657ghbb 2.pdfdevelopingspeaking-180517060657ghbb 2.pdf
developingspeaking-180517060657ghbb 2.pdf
 
Preasation
PreasationPreasation
Preasation
 
Developing speaking skill
Developing speaking skillDeveloping speaking skill
Developing speaking skill
 
005 Narrative Essay Examples High School Exa
005 Narrative Essay Examples High School Exa005 Narrative Essay Examples High School Exa
005 Narrative Essay Examples High School Exa
 
Powerpoint generation
Powerpoint generationPowerpoint generation
Powerpoint generation
 
Unleashing The Power Of AI How It Can Skyrocket Your Productivity ...
Unleashing The Power Of AI How It Can Skyrocket Your Productivity ...Unleashing The Power Of AI How It Can Skyrocket Your Productivity ...
Unleashing The Power Of AI How It Can Skyrocket Your Productivity ...
 
Collaborative Writing AGQTP 2013
Collaborative Writing AGQTP 2013Collaborative Writing AGQTP 2013
Collaborative Writing AGQTP 2013
 
Storytelling in UX by Lilha Willems
Storytelling in UX by Lilha WillemsStorytelling in UX by Lilha Willems
Storytelling in UX by Lilha Willems
 
Getting your story straight
Getting your story straightGetting your story straight
Getting your story straight
 

More from Dave Malouf

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

More from Dave Malouf (20)

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

Recently uploaded

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一Fi L
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 

Recently uploaded (20)

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 

Interaction Design as the Language of Story

Editor's Notes

  1. Create among all stakeholders a shared sense of meaning and purpose (aka value) around the solutions within any given set of problem spaces. By doing this they facilitate among those stakeholders the comprehensive vision by which they all can engage in executing on that vision. A shared intent is crafted, that they all co-create, and co-execute towards achieving value and meaning.
  2. 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.
  3. Stories have been used to engage us, yes, but also to guide us. Let’s follow an oldie but goodie … Exodus.
  4. Pain doesn’t have to be deadly … just an annoyance.
  5. Leaders, heroes, magic come to our rescue
  6. Without a sense of justice we cannot move forward. We must be redeemed in some way. Doesn’t require death.
  7. We need not struggle, to be free. Our hero is magic. Design is the incantation in the cauldron of technology & culture. Having a staff, helps.
  8. They demonstrate a new world order, where without the magic, or its cause, we would be irresponsible without.
  9. A story by itself is not so much in the telling. The Hagaddah. The book that Jews use to guide them through their annual telling of Exodus is a tremendous tool for story telling.
  10. How to even tell the story to different audiences in this case.
  11. The frames get re-used throughout. With the rest of the system stories reinforce relationships, and create a cultural memory system. In the Seder (the “Ordered” telling) there are 4 cups of wine surrounding which are the rituals and parts of the story and why they exist. They are markers on our path.
  12. 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 cultural memory system.
  13. What’s wrong w/ this plate? The orange … It has it’s own story. It communicates a cultures changing value systems that require a new type of engagement.
  14. The story is an anchor of a shared experience that all who hear it can share.
  15. Frames create structure for memory, and for retelling. It creates pathways similar to landmarks.
  16. It even gives us the means for framing how we even craft the story in the first place. Gives us a place to start.
  17. Stories have also evolved specific tools over time.
  18. But memory in a photo is not enough. We have other techniques to help us remember and those are by creating personal stories.
  19. We create structure so we can remember. The question is an invitation to create a story and once created it lives on it’s.
  20. But there are always new stories for a new generation, that keep getting created and enhanced.
  21. But because stories are human (or anthropomorphized) we connect deeply at an emotional level when done correctly.
  22. 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 asked to reflect on ourselves and the society in which we live.
  23. As noted above, great stories have lessons for us.
  24. 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. The multiple-levels of humor so prevalent in early Warner Bros. cartoons and now in Pixar movies (and Dreamworks and the like) allow both parent and child to share an experience and allowing children to mature and find new meanings in these modern stories.
  25. 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 …
  26. 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!!!
  27. Fast forward a few millennia and this Prussian guy said this is a good start, but is not enough to make a narrative.
  28. So, he came up w/ 5 pieces to the story.
  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 real basis of either measuring success, let alone having a reason for starting the design in the first place.
  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. 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).
  33. 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.
  34. 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.
  35. Here is a video prototype that my students created 2 years ago to envision a future with a hybrid material library for the industrial design department at SCAD.