dave malouf - interaction design as the language of story (from business to buttons 2014)
DESCRIPTION
Do you know your company's story? Can you explain how a customer of your product or service uses your system? Stories are not just a way to entertain. Stories are a structure that at the same time craft emotional responses and help people remember things. The narrative structure of communication when properly utilized is a tool for both business and design to co-create the future for their products and services. In the narrative there are characters who represent persona types, settings that represent understood contexts of use, and plot that demonstrates the activities of people and the responses of systems they interact with. This talk will outline the structure of a story and reveal examples of how stories and storytelling are a great tool for business people and interaction designers to collaborate together and craft the future of their products and services. The story is not merely the description of the intended experiences, but the tools of storytelling are the same tools you can use for crafting those same experiences.TRANSCRIPT
![Page 1: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/1.jpg)
Interaction Design as the Language of Story
Designing for Contexts + Characters + Plot
Dave Malouf @daveixd
From Business to Buttons April 2014
![Page 2: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/2.jpg)
What is the core job of the designer?
![Page 3: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/3.jpg)
Empathy
![Page 4: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/4.jpg)
Story
Rock Painting, Tassili n Ajjer, Algeria (Neolithic Agricultural Site)
![Page 5: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/5.jpg)
Fill our culture
![Page 6: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/6.jpg)
Create shared pain
![Page 7: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/7.jpg)
Create heroes
![Page 8: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/8.jpg)
Punish our enemies
![Page 9: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/9.jpg)
Free us
![Page 10: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/10.jpg)
Show us the way forward
![Page 11: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/11.jpg)
In the telling
![Page 12: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/12.jpg)
Embed Instructions
![Page 13: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/13.jpg)
Create future frameworks
![Page 14: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/14.jpg)
Engages the correct audience
![Page 15: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/15.jpg)
And the story evolves
![Page 16: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/16.jpg)
What do stories do?
![Page 17: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/17.jpg)
Share Experience
![Page 18: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/18.jpg)
Frames
![Page 19: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/19.jpg)
![Page 20: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/20.jpg)
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
![Page 21: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/21.jpg)
The Pope that spawned a million tweets
Memory
![Page 22: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/22.jpg)
Where were you when?
![Page 23: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/23.jpg)
Or is this better?
![Page 24: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/24.jpg)
Emotion > Empathy
![Page 25: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/25.jpg)
Escape > Reflect
![Page 26: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/26.jpg)
Instruct
![Page 27: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/27.jpg)
Engage
![Page 28: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/28.jpg)
AristotleA dead Greek dude
What is a story
![Page 29: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/29.jpg)
Beginning
Middle
End
![Page 30: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/30.jpg)
Gustav Freytag
Less Old Dead Prussian Guy
![Page 31: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/31.jpg)
![Page 32: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/32.jpg)
![Page 33: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/33.jpg)
Elements of a Story
• People
• Locations
• Props
• Activities
• Dialog
![Page 34: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/34.jpg)
A lot like what we do
• People
• Locations
• Props
• Activities
• Dialog
• Personas
• Contexts
• Interfaces
• Tasks
• Flow/Sequence
![Page 35: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/35.jpg)
Tools of The Craft
Script writers have had this down for a long
time!
![Page 36: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/36.jpg)
Tools existAdobe Story CC Plus
![Page 37: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/37.jpg)
Comics are Easy TooComic Life or Comic Touch
![Page 38: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/38.jpg)
![Page 39: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/39.jpg)
![Page 40: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/40.jpg)
NounsPeople, Places,Things
Doers Manipulated Containers
![Page 41: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/41.jpg)
verbsdo
done be
being
![Page 42: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/42.jpg)
ModifiersAdjectives Adverbs
Scale Rate
![Page 43: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/43.jpg)
Encode your UI• Chunk into scenes
• Add your nouns verbs and modifiers into place. • Objects • methods • parameters
• Adjust scenes based on appropriate density
![Page 44: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/44.jpg)
Scene Boarding: Mitosis
Always have the complete story
![Page 45: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/45.jpg)
Scene Boarding: Mitosis
Always have the complete story
![Page 46: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/46.jpg)
Scene Boarding: Mitosis
Always have the complete story
![Page 47: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/47.jpg)
Scene Boarding: Mitosis
Always have the complete story
![Page 48: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/48.jpg)
Building the UI
Scale & use the visual vocal that makes sense for you.
Noun Verb
Modifier
Modifier
New Noun
New Modifier
![Page 49: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/49.jpg)
Comic Comic Comic
word map word map word map
![Page 50: Dave Malouf - Interaction Design as the Language of Story (From Business to Buttons 2014)](https://reader033.vdocument.in/reader033/viewer/2022051819/54c7c9f44a7959693a8b4569/html5/thumbnails/50.jpg)