49

Storytelling and Interaction Design - From Business to Buttons

Embed Size (px)

DESCRIPTION

This is the talk I gave at From Business to Buttons in Stockholm on April 3, 2014. Focuses on the power and value of storytelling as a tool and how Interaction Design is made up of the same components of a story when done correctly. Using this framework will lead to better designs.

Citation preview

Page 1: Storytelling and Interaction Design - From Business to Buttons
Page 2: Storytelling and Interaction Design - From Business to Buttons
Page 3: Storytelling and Interaction Design - From Business to Buttons

Create among all stakeholders a shared sense of meaning and purpose (aka value) around the solutions within any given set of problem spaces.

Page 4: Storytelling and Interaction Design - From Business to Buttons

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.

Page 5: Storytelling and Interaction Design - From Business to Buttons

Stories have been used to engage us, yes, but also to guide us.

Page 6: Storytelling and Interaction Design - From Business to Buttons

Pain doesn’t have to be deadly … just an annoyance.

Page 7: Storytelling and Interaction Design - From Business to Buttons

Leaders, heroes, magic come to our rescue

Page 8: Storytelling and Interaction Design - From Business to Buttons

Without a sense of justice we cannot move forward.

Page 9: Storytelling and Interaction Design - From Business to Buttons

We need not struggle, to be free. The magic for us, is the magic of design.

Page 10: Storytelling and Interaction Design - From Business to Buttons

They demonstrate a new world order, where without the magic, or its cause, we would be irresponsible without.

Page 11: Storytelling and Interaction Design - From Business to Buttons

A story by itself is not so much in the telling.

Page 12: Storytelling and Interaction Design - From Business to Buttons

How to even tell the story to different audiences in this case.

Page 13: Storytelling and Interaction Design - From Business to Buttons

The frames get re-used throughout. With the rest of the system stories reinforce relationships, and create a cultural memory system.

Page 14: Storytelling and Interaction Design - From Business to Buttons

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

Page 15: Storytelling and Interaction Design - From Business to Buttons

What’s wrong w/ this plate? The orange … It has it’s own story.

Page 16: Storytelling and Interaction Design - From Business to Buttons
Page 17: Storytelling and Interaction Design - From Business to Buttons

The story is an anchor of a shared experience that all who hear it can share.

Page 18: Storytelling and Interaction Design - From Business to Buttons

Frames create structure for memory, and for retelling. It creates pathways similar to landmarks.

Page 19: Storytelling and Interaction Design - From Business to Buttons

It even gives us the means for framing how we even craft the story in the first place. Gives us a place to start.

Page 20: Storytelling and Interaction Design - From Business to Buttons

But memory in a photo is not enough.

Page 21: Storytelling and Interaction Design - From Business to Buttons

We create structure so we can remember. The question is an invitation to create a story and once created it lives on it’s.

Page 22: Storytelling and Interaction Design - From Business to Buttons

But because stories are human (or anthropomorphized) we connect deeply at an emotional level when done correctly.

Page 23: Storytelling and Interaction Design - From Business to Buttons

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

Page 24: Storytelling and Interaction Design - From Business to Buttons

As noted above, great stories have lessons for us.

Page 25: Storytelling and Interaction Design - From Business to Buttons

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.

Page 26: Storytelling and Interaction Design - From Business to Buttons

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 …

Page 27: Storytelling and Interaction Design - From Business to Buttons

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!!!

Page 28: Storytelling and Interaction Design - From Business to Buttons

Fast forward a few millennia and this Prussian guy said this is a good start, but is not enough to make a narrative.

Page 29: Storytelling and Interaction Design - From Business to Buttons

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

Page 30: Storytelling and Interaction Design - From Business to Buttons

This is not meant to be comprehensive and often these have different names such as character, setting and plot.

Page 31: Storytelling and Interaction Design - From Business to Buttons

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.

Page 32: Storytelling and Interaction Design - From Business to Buttons
Page 33: Storytelling and Interaction Design - From Business to Buttons

Experience can come from anywhere. Get out. Be with people. Be with nature. Be with industry. Be with yourself in new places. Get your passport stamped A LOT! But also do research. Any and all research is good. Research is experience.

Page 34: Storytelling and Interaction Design - From Business to Buttons

Not doubt about it. Just like everything else we do it takes hard work.

Page 35: Storytelling and Interaction Design - From Business to Buttons

Everyone has a different voice that they prefer for storying telling. For me it is words. I’m not visual. I don’t like to draw. I sorta like to take pictures. I do like to talk and I do like to write. For you it will be something else. But don’t stop looking for collaborators to compliment your weaknesses and enhance your strengths. More than

Page 36: Storytelling and Interaction Design - From Business to Buttons

Do your personas. Create the characters. Craft them from your data of experience gathering.

Page 37: Storytelling and Interaction Design - From Business to Buttons
Page 38: Storytelling and Interaction Design - From Business to Buttons

Ethnography is the best type of experience gathering it. It is personal. It combines both listening and observation so that you get more sensory experience than just interviews or passive observation by themselves.

Page 39: Storytelling and Interaction Design - From Business to Buttons

Get building and do it with people. Anyone. Everyone. Don’t have them build to answer questions, but to drive questions.

Page 40: Storytelling and Interaction Design - From Business to Buttons

Act, play, move, perform.

Page 41: Storytelling and Interaction Design - From Business to Buttons
Page 42: Storytelling and Interaction Design - From Business to Buttons

Build, use, participate

Page 43: Storytelling and Interaction Design - From Business to Buttons

Tell, visualize, share.

Page 44: Storytelling and Interaction Design - From Business to Buttons

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).

Page 45: Storytelling and Interaction Design - From Business to Buttons

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.

Page 46: Storytelling and Interaction Design - From Business to Buttons

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.

Page 47: Storytelling and Interaction Design - From Business to Buttons

This is a great example of low-fi story telling. Easy to do. You could do this whole thing in Keynote if you wanted to, but tools like iMovie would do in a pinch. Persona and his problem scenario are expressed w/ the market space to begin. A strong understanding of the

Page 48: Storytelling and Interaction Design - From Business to Buttons

Can your company evoke this much emotion in a language most likely most of your customers can’t read. Be sure to watch w/o captions. My goal in my career is to craft stories like this for the organizations I work for. I challenge you to do the same.

Page 49: Storytelling and Interaction Design - From Business to Buttons