Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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/
mu...
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...
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
Interaction Design as the Language of Story
Interaction Design as the Language of Story
Interaction Design as the Language of Story
Interaction Design as the Language of Story
Upcoming SlideShare
Loading in …5
×

Interaction Design as the Language of Story

1,384 views

Published on

Talk I have for UX Hong Kong 2014.

Published in: Design
  • Be the first to comment

Interaction Design as the Language of Story

  1. 1. Interaction Design as the Language of Story Dave Malouf @daveixd UX Hong Kong March 2014
  2. 2. What is the core problem of the designer?
  3. 3. Empathy
  4. 4. Story Rock Painting, Tassili n Ajjer, Algeria (Neolithic Agricultural
  5. 5. Fill our culture
  6. 6. Create shared pain
  7. 7. Create heroes
  8. 8. Punish our enemies
  9. 9. Free us
  10. 10. Show us the way forward
  11. 11. In the telling
  12. 12. Embed Instructions
  13. 13. Create future frameworks
  14. 14. Engages the correct audience
  15. 15. And the story evolves
  16. 16. What do stories do?
  17. 17. Share Experience
  18. 18. Frames
  19. 19. 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
  20. 20. The Pope that spawned a million tweets Memory
  21. 21. Where were you when?
  22. 22. Or is this better?
  23. 23. Emotion > Empathy
  24. 24. Escape > Reflect
  25. 25. Instruct
  26. 26. Engage
  27. 27. Aristotle A dead Greek dude What is a story
  28. 28. Beginnin g Middl e En d
  29. 29. Gustav Freytag Less Old Dead Prussian Guy
  30. 30. Elements of a Story • People • Locations • Props • Activities • Dialog
  31. 31. A lot like what we do • People • Locations • Props • Activities • Dialog • Personas • Contexts • Interfaces • Tasks • Flow/Sequence
  32. 32. Tools of The Craft The Craft Script writers have had this down for a long time!
  33. 33. Tools exist Adobe Story CC Plus
  34. 34. Comics are Easy Too Comic Life or Comic Touch
  35. 35. https://vimeo.com/42723890 An Example Student work (SCAD) - credits in movie.
  36. 36. Thank you! Questions? Questions? Dave Malouf @daveixd dave.ixd@gmail.com

×