Slide 1

Slide 1 text

The Hidden Plot Device Stephanie Troeth @sniffles Beyond Tellerrand Berlin November 2015

Slide 2

Slide 2 text

In the spring of 2013, I was in Belgrade for a conference.

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Photo credit: Lošmi https://en.wikipedia.org/wiki/Belgrade#/media/File:The_confluence_of_the_Sava_into_the_Danube_at_Belgrade.jpg

Slide 5

Slide 5 text

Photo credit: Vladimir Nolic https://en.wikipedia.org/wiki/Belgrade#/media/File:Belgrade_Panorama.jpg

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

What is a story?

Slide 13

Slide 13 text

“The cat sat on the mat” is not the beginning of a story, but “the cat sat on the dog’s mat” is. — John le Carré

Slide 14

Slide 14 text

Are we … programmed? Hardwired?

Slide 15

Slide 15 text

“We are programmed through our evolutionary biology to be both consumers and creators of story.” — Jonah Sachs, “Winning the Story Wars”

Slide 16

Slide 16 text

The word “hardwired” crops up …a lot.

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

“Narrative can offer us either particular social information to guide immediate decisions or general principles we can apply in future circumstances.” — Brian Boyd, “On the Origin of Stories”

Slide 19

Slide 19 text

Stories are a cognitive framework to help us make sense of our world across time, space and social constructs.

Slide 20

Slide 20 text

“Stories are like flight simulators for the brain.” — “Made to Stick”, Chip & Dan Heath.

Slide 21

Slide 21 text

Universal stories? Book icon by Tyrus for The Noun Project

Slide 22

Slide 22 text

Aristotle simple tragic simple fortunate complex tragic complex fortunate

Slide 23

Slide 23 text

Aristotle simple tragic simple fortunate complex tragic complex fortunate 4

Slide 24

Slide 24 text

Norman Friedman action plot pathetic plot tragic plot punitive plot sentimental plot …

Slide 25

Slide 25 text

Norman Friedman action plot pathetic plot tragic plot punitive plot sentimental plot … 14

Slide 26

Slide 26 text

Robert McKee love story horror film modern epic western war genre …

Slide 27

Slide 27 text

Robert McKee love story horror film modern epic western war genre … 25

Slide 28

Slide 28 text

Kurt Vonnegut on the Shapes of Stories

Slide 29

Slide 29 text

Three lessons from Vonnegut

Slide 30

Slide 30 text

An individual’s point of view

Slide 31

Slide 31 text

Emotional energy time fortune

Slide 32

Slide 32 text

Good things come in threes!

Slide 33

Slide 33 text

Good fortune Ill fortune Beginning End "Man in hole" "Boy Meets Girl" Cinderella

Slide 34

Slide 34 text

Three acts: Beginning, middle and end.

Slide 35

Slide 35 text

Act 1: Setting it up. What is the context? Who is the main protagonist? What does he or she desire?

Slide 36

Slide 36 text

Act 2: Conflict & Obstacles Crisis and escalating tension. Things get dramatic!

Slide 37

Slide 37 text

Act 3: Finale Things get as intense as it can go. When the story finally resolves, tension dissipates. Leave your audience in a safe place.

Slide 38

Slide 38 text

Exposition/ Set-up Confrontation / Rising action tension Resolution / Falling action Act 1 Act 2 Act 3 Beginning End Middle Turning point Turning point Inciting incident Second thoughts Obstacle Obstacle Obstacle Disaster Crisis Midpoint (twist) Dénouément Climax time

Slide 39

Slide 39 text

How does this knowledge of stories enhances what we do in UX?

Slide 40

Slide 40 text

problem space solution space research design modelling listening telling

Slide 41

Slide 41 text

When we design, we are looking to help people make better decisions.

Slide 42

Slide 42 text

When we conduct research, we are seeking to understand how people arrive at decisions.

Slide 43

Slide 43 text

attitudinal vs. behavioural Understanding narrative-based decision making Beyond

Slide 44

Slide 44 text

Story is the ultimate mental model.

Slide 45

Slide 45 text

How … and when?

Slide 46

Slide 46 text

research design listening

Slide 47

Slide 47 text

Listening: Frame the design problem Gather information on user context, motivation, circumstance and behaviour Surveys interviews usability testing analytics user data contextual inquiry

Slide 48

Slide 48 text

Use a story framework to ensure you get the full picture from your design research. influential people? Check Mark icon by Darren Wilson for The Noun Project causality? circumstance?

Slide 49

Slide 49 text

character plot place Gregg Mosse’s story source triangle

Slide 50

Slide 50 text

The Switch Interview by Bob Moesta & Chris Spiek http://jobstobedone.org/ Audio example: http://jobstobedone.org/radio/iphone-jobs-to-be-done-interview/

Slide 51

Slide 51 text

Timeline Jobs-to-be-done Timeline http://jobstobedone.org/wp-content/uploads/2013/01/jtbd-timeline.png

Slide 52

Slide 52 text

Use stories to communicate research insights. Use your powers of narration. the customer documentary Check Mark icon by Darren Wilson for The Noun Project

Slide 53

Slide 53 text

With thanks to Richard Hewitt, Aarron Walter/MailChimp and Clearleft.

Slide 54

Slide 54 text

“What drives your train?” What produces the emotional energy?

Slide 55

Slide 55 text

Plot, character, or question? circumstance cause time issue person

Slide 56

Slide 56 text

research design modelling listening

Slide 57

Slide 57 text

Modelling: Translate findings and insights Construct user models personas customer journey maps mental models empathy maps user journeys

Slide 58

Slide 58 text

Use a range of story aspects as core tenets for a comprehensive user model, especially points of view. cover your bases Check Mark icon by Darren Wilson for The Noun Project

Slide 59

Slide 59 text

after during before touchpoints activities emotions Customer journey maps Musketeer icon by Simon Child for The Noun Project

Slide 60

Slide 60 text

Timeline Jobs-to-be-done Timeline http://jobstobedone.org/wp-content/uploads/2013/01/jtbd-timeline.png

Slide 61

Slide 61 text

https://mkuphal.files.wordpress.com/2011/05/us.jpg User Story

Slide 62

Slide 62 text

https://blog.intercom.io/using-job-stories-design-features-ui-ux/ Job Story

Slide 63

Slide 63 text

• A persona is a model of a character • A customer journey map is a model of a character’s journey, therefore a plot • A user story is a description of a character’s goal • A job story describes a set of user’s situations, motivation and expected outcome — place and plot.

Slide 64

Slide 64 text

Character User Plot Circumstance Place Context Question Issue / struggle Drama Consequence of decisions Characters Influencers

Slide 65

Slide 65 text

“Drama comes from human decisions.” — Matthew Hall

Slide 66

Slide 66 text

Victim Persecutor Rescuer Karpman’s Drama Triangle Voodoo Doll icon by Samu Parra for the Noun Project

Slide 67

Slide 67 text

Part of our job is to find and document the points of conflict … so we can resolve them.

Slide 68

Slide 68 text

research design modelling listening telling

Slide 69

Slide 69 text

Telling: Explore solutions or responses Explore expression sketches style tiles mood boards prototypes mockups storyboards

Slide 70

Slide 70 text

What happened to storytelling in design? Stop icon by Alex Audo Samora for the Noun Project

Slide 71

Slide 71 text

http://airbnb.com/

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

http://www.bloomberg.com/billionaires/2015-09-11/cya

Slide 74

Slide 74 text

http://www.nytimes.com/interactive/2014/10/29/upshot/obamacare-who-was-helped-most.html

Slide 75

Slide 75 text

http://www.bloomberg.com/graphics/2015-whats-warming-the-world/

Slide 76

Slide 76 text

There is a tendency to talk about story in design as if it’s something flattened on a screen. Devices icon by Pham Thi Dieu Linh for the Noun Project

Slide 77

Slide 77 text

http://beyondtellerrand.com/events/berlin-2015/speakers/steve-and-mark Steve Souders & Mark Zeman

Slide 78

Slide 78 text

In your user’s mind, the story begins before they arrive at your app and can continue long after they leave.

Slide 79

Slide 79 text

encounter begins somewhere here service story time content story time spent on your app or your website visual story brand story

Slide 80

Slide 80 text

hero!

Slide 81

Slide 81 text

hero!

Slide 82

Slide 82 text

No content

Slide 83

Slide 83 text

character place

Slide 84

Slide 84 text

character

Slide 85

Slide 85 text

character + place

Slide 86

Slide 86 text

Use story elements to: a story is incomplete without an audience Check Mark icon by Darren Wilson for The Noun Project 1. To suggest a story, or; 2. To drive a story forward.

Slide 87

Slide 87 text

character / role plot / time place

Slide 88

Slide 88 text

“What drives your train?” Plot, character, or question? circumstance cause time issue person

Slide 89

Slide 89 text

http://www.bbc.co.uk/programmes/p02l40d5 Audio snippet: Bridget Kendall interviews Will Self on story

Slide 90

Slide 90 text

Thank you! Stephanie Troeth @sniffles