HX & Storytelling: How To Make The User The True Hero

A presentation at inOrbit in March 2019 in Portorož, Slovenia by Anna Dahlström

Slide 1

Slide 1

HX & Storytelling How To Make The User The True Hero by Anna Dahlström | @annadahlstrom @uxfika InOrbit, 14 March 2019 Photo by TK Hammonds on Unsplash @annadahlstrom

Slide 2

Slide 2

What will make us successful is what will make the users successful @annadahlstrom

Slide 3

Slide 3

All projects are pretty much always like this @annadahlstrom

Slide 4

Slide 4

Source: https://www.thinkwithgoogle.com/articles/holiday-shopping-search-behavior.html @annadahlstrom

Slide 5

Slide 5

Sometimes metrics suck. Screenshot from @smörgåsbord https://twitter.com/smorgasbord/status/1096201114964447232 @annadahlstrom

Slide 6

Slide 6

Warning: The next few slides are potentially sensitive to those who have experienced loss ** Skip ahead 3 slides (to slide 10) if so ** @annadahlstrom

Slide 7

Slide 7

This is not how it should be handled Screenshot from @GIllian Brockell - https://twitter.com/gbrockell/status/1072589687489998848 @annadahlstrom

Slide 8

Slide 8

Screenshot from @GIllian Brockell - https://twitter.com/gbrockell/status/1072589687489998848 @annadahlstrom

Slide 9

Slide 9

This is how it should be handled Photo by @annadahlstrom

Slide 10

Slide 10

The unhappy ending is a critical part of product story @annadahlstrom

Slide 11

Slide 11

Ends & errors are also opportunities Photo by Dan Farrell on Unsplash @annadahlstrom

Slide 12

Slide 12

“ Human Experience […] is a critical mindset for building better businesses and products. ” - Adam Tinworth @annadahlstrom

Slide 13

Slide 13

“ It’s simple, because all you have to do is remember that people are what matters. It’s hard, because you have to balance the manifold needs and wants of a whole range of people. ” @annadahlstrom

Slide 14

Slide 14

“ It’s simple, because all you have to do is remember that people are what matters. It’s hard, because you have to balance the manifold needs and wants of a whole range of people. ” - Adam Tinworth @annadahlstrom

Slide 15

Slide 15

@annadahlstrom

Slide 16

Slide 16

Even in our “groups” we’re massively different www.flickr.com/photos/dahlstroms/4411448782/ @annadahlstrom

Slide 17

Slide 17

The story of #PlaneBae https://www.bbc.co.uk/news/world-44820886 @annadahlstrom

Slide 18

Slide 18

We should want to turn the page in our users’ stories Photo by Prasanna@annadahlstrom Kumar on Unsplash

Slide 19

Slide 19

Less users & customers More humans & people @annadahlstrom

Slide 20

Slide 20

Every person have their own story Photo by Anna Dziubinska on Unsplash @annadahlstrom

Slide 21

Slide 21

As human beings we’re wired on story Photo by Tanner Larson on Unsplash @annadahlstrom

Slide 22

Slide 22

How do we make the users the true heros? Photo by Zhen Hu on Unsplash @annadahlstrom

Slide 23

Slide 23

The right story to the right people in the right way @annadahlstrom

Slide 24

Slide 24

  1. What is the story? @annadahlstrom

Slide 25

Slide 25

“ The whole of a story is that which have a beginning, a middle and an end ” - Aristotle Image via Shutterstock @annadahlstrom

Slide 26

Slide 26

Structure is about what you’re going to tell your audience when @annadahlstrom

Slide 27

Slide 27

Source: www.khanacademy.org/partner-content/pixar/storytelling/story-structure/v/piab-storystructure @annadahlstrom

Slide 28

Slide 28

Source: www.khanacademy.org/partner-content/pixar/storytelling/story-structure/v/piab-storystructure @annadahlstrom

Slide 29

Slide 29

z Dramaturgy knowing how to apply & structure elements to tell a story @annadahlstrom

Slide 30

Slide 30

Three act structure PLOT POINT ONE inciting incident PLOT POINT TWO mid point climax confronts the main character tries to solve the problem but don’t yet have the skills the dramatic question is answered Act one Act two Act three Setup Confrontation Resolution @annadahlstrom

Slide 31

Slide 31

Source: http://www.openculture.com/2014/02/kurt-vonnegut-masters-thesis-rejected-by-u-chicago.html @annadahlstrom

Slide 32

Slide 32

The structure of a typical purchase journey Awareness Consideration PLOT POINT ONE 2. Starts to consider inciting incident confronts the main character Purchase PLOT POINT TWO 4. Makes a decision mid point tries to solve the problem but don’t yet have the skills

  1. Becomes aware
  2. Looks further into it Act one Act two Setup Post.. Confrontation climax the dramatic question is answered 5. Takes action / no action Act three Resolution @annadahlstrom

Slide 33

Slide 33

Map out the experience Awareness Purchase PLOT POINT ONE Delight Feel good Hygiene Consideration PLOT POINT TWO Reads a review PLOT POINT ONE Hears about it Act one Setup PLOT POINT TWO Decides to buy Receives it Looks it up inciting incident Post.. Does more research Compares it to similar products mid point Act two Confrontation Pays for it climax Act three Resolution

Slide 34

Slide 34

  1. Who is the story about? @annadahlstrom

Slide 35

Slide 35

It’s about making the user the hero Photo by @annadahlstrom

Slide 36

Slide 36

Don’t forget their backstory & to follow up @annadahlstrom

Slide 37

Slide 37

  1. What is their backstory? 2. Why did they seek out your product or service? 3. What state of mind are they in? 4. How does this & the person change throughout the experience with your product or service? 5. What don’t they want to happen? 6. How do they feel at each point? Photo by @annadahlstrom

Slide 38

Slide 38

  1. How best do you tell the story? @annadahlstrom

Slide 39

Slide 39

In all good stories things happen for a reason www.flickr.com/photos/pulpolux/3692396234 @annadahlstrom

Slide 40

Slide 40

Everything has a (back)story https://www.flickr.com/photos/antmcneill/7824200774 http://www.boredpanda.com/funny-fake-book-covers-nyc-subway-prank-scott-rogowsky/

Slide 41

Slide 41

Don’t just plan for the ideal Awareness Purchase PLOT POINT ONE Delight Feel good Hygiene Consideration PLOT POINT TWO Reads a review PLOT POINT ONE Hears about it Act one Setup PLOT POINT TWO Decides to buy Receives it Looks it up inciting incident Post.. Does more research Compares it to similar products mid point Act two Confrontation Pays for it climax Act three Resolution

Slide 42

Slide 42

@annadahlstrom

Slide 43

Slide 43

“ I also accompany every page’s spreadsheet with a list of: • mindsets that users bring to these pages • tasks that the page can complete for users • goals that the page must fulfill for the organization ” - Josh Clark, big medium https://bigmedium.com/ideas/only-one-deliverable-matters.html @annadahlstrom

Slide 44

Slide 44

Usage welcomed. Attribution appreciated. Canvas for Consumer Endings and Off-Boarding. Transaction models Pay After, Pay Before, Scheduled Payment, Synchronous, Continuous Observation Created by Joe Macleod, Head of Endineering | Author of Ends. Joe@andend.co | www.andend.co @mrmacleod Consciously Connected to the rest of the experience through Emotional Triggers that are Actionable by the user in a Timely manner. Empowered? Transaction model establishes a power relationship. Consciously Connected. Emotional Triggers. How is there a thread between the beginning and the end of the consumer experience. How does the experience make the consumer feel? How does it encourage giving thanks? How does it encourage reflection? Actionable. It is important that consumer acknowledges the end. Providing an actionable ending helps the consumer feel involved and take responsibility. Timely. Lingering or unused products and services should be bought actively to an end. Reclaiming resources and reducing exposure of lingering data. Transparent? The transaction model establishes transparency and visibility to information. Ending types How will your consumer experience these types of endings? Death dates Expected lifespan of the product. This doesn’t mean the manufacturing capability, but how long the product or service is used actively by the user. Time Out Exhaustion /Credit Out Task / Event Broken / Lingering completion Withdrawal Proximity Style Services 2 week holiday, 3 year degree, Pay As You Go, Points on your driving license Parcel delivered, boiler fixed, concert watched. Break the contract. Leave the film early. An unused gym membership. Move outside of covered area. Writing letters. Rag&Bone man. Waiting Products Sell by Date Warranty Battery empty Used disposable items Product broken Non-fitting clothes. Old phones in draws. Items in storage Kindle Sliver Cross Pram Digital 1 year software subscription, Gems in Clash of Clans Game completed Provider has shut down, sold out, gone bust. App deleted yet service capturing data. Apple to Android GDPR and LA Times MySpace Facebook Examples Opportunity to leave Locked in or open? Ex. Netflix. Easy Gym. Neutralise Legislation ex. GDPR. Scope 3 emissions 7 day switch, etc. ex. Device dismantled? Data erased? Correct destination of materials? Aftermath target We would like the consumer to feel and say this about our service or product after they have left. The Ends Canvas by Joe Macleod andEnd. @annadahlstrom

Slide 45

Slide 45

  1. What is the story? 2. Who is the story about? 3. How best do you tell the story? @annadahlstrom

Slide 46

Slide 46

What will make us successful is what will make the people successful @annadahlstrom

Slide 47

Slide 47

The aim of every story is to connect emotionally Photo by Fadi Xd on Unsplash @annadahlstrom

Slide 48

Slide 48

“ Historically, stories have always been igniters of action, moving people to do things. ” - Peter Guber www.flickr.com/photos/g-ratphotos/3404474275 @annadahlstrom

Slide 49

Slide 49

The decisions we make today affect tomorrow https://www.theatlantic.com/technology/archive/2019/02/when-kids-realize-their-whole-life-already-online/582916/ @annadahlstrom

Slide 50

Slide 50

“ We’re not just making pretty interfaces. We’re actually in the process of making an environment where we’ll spend most of our time, for the rest of our lives. We’re the designers. We’re the builders. What do we want that environment to feel like? What do we want to feel like.” - Wilson Minor http://www.flickr.com/photos/funch/4679422945/ @annadahlstrom

Slide 51

Slide 51

Thank you. Questions? @annadahlstrom @uxfika www.annadahlstrom.com www.flickr.com/photos/katerha/8435321969

Slide 52

Slide 52

Thank you. Questions? @annadahlstrom @uxfika www.annadahlstrom.com