communicating ux design through storytelling - refresh dublin
DESCRIPTION
This talk looks at how you can use storytelling in your communication to your team, colleagues and clients to explain, inspire, motivate and persuade your audience. The examples are based in the world of UX Design but the general themes are applicable to anyone who just needs to get their ideas across.TRANSCRIPT
![Page 1: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/1.jpg)
![Page 2: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/2.jpg)
![Page 3: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/3.jpg)
![Page 4: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/4.jpg)
Communicate?
Engage?
Persuade?
Failure to…
![Page 5: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/5.jpg)
![Page 6: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/6.jpg)
Why use storytelling?
Stories make ideas sticky.
![Page 7: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/7.jpg)
EleMENTS of a good story
Image: Philip Lawson 2011
![Page 8: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/8.jpg)
The Hero
![Page 9: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/9.jpg)
Situation
![Page 10: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/10.jpg)
Conflict
![Page 11: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/11.jpg)
Climax
![Page 12: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/12.jpg)
Resolution
![Page 13: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/13.jpg)
Executed Movement Imagined Movement
![Page 14: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/14.jpg)
SocialTimes
![Page 15: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/15.jpg)
Kathryn Parkes
UX Sofia 2014
TED: Mary Lou Jepsen: Could future devices read images from our brains?
![Page 16: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/16.jpg)
Classic Storyline
![Page 17: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/17.jpg)
![Page 18: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/18.jpg)
![Page 19: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/19.jpg)
Classic Storyline
![Page 20: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/20.jpg)
Personas?
![Page 21: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/21.jpg)
Characters
Your story characters shouldn’t be static - take them out
for a bit of exercise and see how they behave.
![Page 22: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/22.jpg)
The Cast
The Storyline
Scenarios
![Page 23: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/23.jpg)
![Page 24: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/24.jpg)
Explain
Inspire
Motivate
Persuade
![Page 25: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/25.jpg)
Daddyo Story
Who is the user? Where is their pain? What are their needs?
Future without
our solution
Future with
our solution
![Page 26: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/26.jpg)
iQ Content
![Page 27: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/27.jpg)
![Page 28: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/28.jpg)
![Page 29: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/29.jpg)
“Design is really an act of communication, which
means having a deep understanding of the person
with whom the designer is communicating.”
!Don Norman
![Page 30: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/30.jpg)
How do you want
to make your
audience feel?
![Page 31: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/31.jpg)
Explain
Inspire
Motivate
Persuade
![Page 32: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/32.jpg)
![Page 33: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/33.jpg)
Product
Managers?
Senior
Managers?Dev team?
Clients?
![Page 34: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/34.jpg)
Your job as a UX Professional
Find the happy marriage between user needs and business goals.
![Page 35: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/35.jpg)
Adapt
![Page 36: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/36.jpg)
![Page 37: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/37.jpg)
Fast, Simple, Clear
The simpler a story the more likely it is to stick.
![Page 38: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/38.jpg)
Leave room for the imagination
The human brain has an amazing ability to fill in the gaps.
![Page 39: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/39.jpg)
http://xkcd.com/1354/
Heartbleed Explanation
![Page 40: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/40.jpg)
![Page 41: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/41.jpg)
Show your work…early
![Page 42: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/42.jpg)
Storytelling Hackathon - Popathon - Darklight Festival
![Page 43: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/43.jpg)
![Page 44: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/44.jpg)
Be willing to share ownership
!
Collaboration
![Page 45: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/45.jpg)
Practice
![Page 46: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/46.jpg)
![Page 47: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/47.jpg)
Storytelling
![Page 48: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/48.jpg)
Verbal/Visual
‘It’s all in
the
telling.’
‘My work
speaks for
itself.’
![Page 49: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/49.jpg)
Extract from Scott McCloud - Understanding Comics
![Page 50: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/50.jpg)
Building Stories - Chris Ware
![Page 51: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/51.jpg)
Experience Maps
http://bridgeable.com/dog-sledding-experience-design/
![Page 52: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/52.jpg)
Experience Maps
Adaptive Path
![Page 53: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/53.jpg)
User Journey Maps
![Page 54: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/54.jpg)
![Page 55: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/55.jpg)
Google Maps
![Page 56: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/56.jpg)
![Page 57: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/57.jpg)
![Page 58: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/58.jpg)
You
![Page 59: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/59.jpg)
![Page 60: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/60.jpg)
The loudest voice in the room
doesn’t always have the best idea
![Page 61: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/61.jpg)
What makes a good UX Designer?
![Page 62: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/62.jpg)
Quiet: The Power of Introverts in a World That Can't Stop Talking - Susan Cain
![Page 63: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/63.jpg)
![Page 64: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/64.jpg)
![Page 65: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/65.jpg)
![Page 66: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/66.jpg)
Begin with the end in mind
![Page 67: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/67.jpg)
![Page 68: Communicating UX Design through Storytelling - Refresh Dublin](https://reader033.vdocuments.mx/reader033/viewer/2022061102/53ee16f48d7f7289708b6026/html5/thumbnails/68.jpg)
A Twist