SlideShare a Scribd company logo
Designing around storytelling
The power of stories & how they can be used in UX design
by Anna Dahlström | @annadahlstrom @UXFika
Digital	
  Pond,	
  06	
  Feb	
  2014
www.flickr.com/photos/katerha/8435321969
Once upon a time
in a city called ‘Lund’...

xxxxwww.flickr.com/photos/ulfk/7976687420
There where 

plenty of story time

www.flickr.com/photos/excomedia/sets/72157622519563566with/5233990438
We travelled 

through those stories

www.flickr.com/photos/conorkeller/7860288604
“ We are as a species addicted to stories. ”
- The Storytelling Animal by Jonathan Gottschall


www.flickr.com/photos/namkeng/3209117837
Storytelling




Storytelling 


Storytelling
Every brand wants 

to tell their story

www.flickr.com/photos/kelstew/3658900542
“ If you can’t tell it, you can’t sell it. ”
- Peter Guber


www.flickr.com/photos/g-ratphotos/3404474275
“ Results repeatedly shows that our attitudes, fears,
hopes, and values are strongly influenced by story. In fact,
fiction seems to be more effective at changing beliefs than
writing that is specifically designed to persuade through
argument and evidence."
Entering fictional worlds radically alters the way
information is processed. ”
- FastCompany, Why storytelling is the ultimate weapon

www.flickr.com/photos/g-ratphotos/3404474275
Stories 

as persuasion tools
Not just for messaging but also
an integral part of the design process

www.flickr.com/photos/saucef/7184615025
“ Storytelling is at the heart of everything ”
- Steve Levitt


www.flickr.com/photos/g-ratphotos/3404474275
There is an element 

of magic involved

www.flickr.com/photos/carlosfpardo/6791950592
www.flickr.com/photos/declanjewell/2181100986
‘ Now you see me. ’
Javier Perez via http://the-wonderist.com/2013/11/05/how-to-see-things-with-new-eyes
‘ Now you don’t. ’
Queenie Liao’s ‘Wengenn in Wonderland’ via www.boredpanda.org/wengenn-in-wonderland-sioin-queenie-liao
What do we want our users to see?


What is the story we want to tell?
Where do we want to take them?
“ Historically, stories have always been igniters 

of action, moving people to do things. ”
- Peter Guber


www.flickr.com/photos/g-ratphotos/3404474275
Every story 

takes us on a journey

Image via Shutterstock
Storytelling can 

provide powerful call to actions

www.flickr.com/photos/piermario/4188959762
Stories have the ability to motivate,
change and create connections

Image via Shutterstock
What 


makes for a good story?
The basic structure of a story

A beginning


A middle


The end

Dramaturgy 

knowing how to apply & structure
elements to tell a story
How a story is told impacts
the human experience of its audience

Image via Shutterstock
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
Three act structure - applied to UCD
PLOT POINT ONE
2. Starts to consider


inciting
incident

confronts the main
character

PLOT POINT TWO
4. Makes a decision


mid point

tries to solve the problem but
don’t yet have the skills

1. Becomes aware


3. Looks further into it


Act one


Act two


Setup

Confrontation

climax

the dramatic question
is answered
5. Takes action

/ no action


Act three

Resolution
I asked my dad for 

3 principles around good storytelling

www.flickr.com/photos/perolofforsberg/6691744587
01 


Captures the imagination
“ If you can imagine yourself in a situation, 

it’s infinitely scarier. ”
- Brad Falchuk


www.flickr.com/photos/g-ratphotos/3404474275
Users need to 

be able to relate

www.flickr.com/photos/estherase/1292315618
We need to
understand who they are

www.flickr.com/photos/cannedtuna/4852756417
“ I need to understand who has to get what out of
the thing I'm designing and I'm only satisfied a visual
has been executed well once I'm confident it's telling
the right story to the right person in the right way. ”
- Steve Whittington

Design Director 

Dare

www.flickr.com/photos/g-ratphotos/3404474275
02 


The dynamic of the story
What are the events

& people that tie it all together

www.flickr.com/photos/erin_ryan/2584551310
The ever important

red thread

www.flickr.com/photos/pulpolux/3692396234
03 


An element of surprise
“ In general there should be a basic idea of where
the story is going, but not for every character. You
don't know who's going to die and who's going to start
becoming more important.
Big picture-wise, there’s a basic idea, but you need
some surprises too. It’s like driving from New York to
LA: you know you’re going to get to LA, but there’s 10
different routes you could take. ”
- Brad Falchuck


www.flickr.com/photos/g-ratphotos/3404474275
Include an element of 

surprise & exploration

www.flickr.com/photos/conorkeller/4028043294
Let users 

find their way around your content

www.flickr.com/photos/conorkeller/3879321839
Consider non-linear 

& new forms of storytelling

Image via Shutterstock
How 


do we go about it?
It starts with this
PLOT POINT ONE
2. Starts to consider


inciting
incident

confronts the main
character

PLOT POINT TWO
4. Makes a decision


mid point

tries to solve the problem but
don’t yet have the skills

1. Becomes aware


3. Looks further into it


Act one


Act two


Setup

Confrontation

climax

the dramatic question
is answered
5. Takes action

/ no action


Act three

Resolution
Feel good

Delight

Identify key points
PLOT POINT ONE
2. Starts to consider


inciting
incident

confronts the main
character

PLOT POINT TWO
4. Makes a decision


mid point

tries to solve the problem but
don’t yet have the skills
3. Looks further into it


Act one


Act two


the dramatic question
is answered
5. Takes action

/ no action


Hygiene

1. Becomes aware


climax

Setup

Confrontation

Act three

Resolution
Look at where 

you want to delight them

www.flickr.com/photos/31878512@N06/4945216951/in/photostream
And also where 

the biggest barriers may be

Image via Shutterstock
Plan for multiple 

entry & exit points

www.flickr.com/photos/danieldslee/6913766642
Identify content, functional & interaction
elements to addresses the needs

www.flickr.com/photos/angietorres/4564135455
Ensure there is

a good balance

www.flickr.com/photos/17207222@N02/5601758478
Feel good

Delight

Not appropriate, or realistic
PLOT POINT ONE
2. Starts to consider


confronts the main
character

Hygiene

1. Becomes aware


PLOT POINT TWO
4. Makes a decision


mid point

tries to solve the problem but
don’t yet have the skills
3. Looks further into it


climax

the dramatic question
is answered
5. Takes action

/ no action


inciting
incident
Act one

Setup

Act two


Confrontation

Act three

Resolution
We cannot be at
the top all the time

www.flickr.com/photos/alexnormand/5992512756
Feel good

Delight

More realistic
PLOT POINT ONE
2. Starts to consider


inciting
incident

confronts the main
character

PLOT POINT TWO
4. Makes a decision


mid point

tries to solve the problem but
don’t yet have the skills
3. Looks further into it


Act one


Act two


the dramatic question
is answered
5. Takes action

/ no action


Hygiene

1. Becomes aware


climax

Setup

Confrontation

Act three

Resolution
Delivering 

the right content at the right time
We need to know:

What we want to say

What we want our users to do
Users 

are different

www.robotshop.com/blog/where-is-wall-e-1391
Identify 


content & functionality for each main user
Look at how to tailor views based on 

who the user is & their behaviour

Image via Shutterstock
Context 


& prior knowledge plays a key role
Tailor messaging 

& tone of voice

www.flickr.com/photos/pgoyette/168076182
Consider location 

& cultural differences

www.flickr.com/photos/scary_mary/5700384580
“ Visit intent is likely to vary between these two
segments. For example, new visitors are less likely to
trust your brand and understand the key benefits to
shopping with you. ”
- Econsultancy


www.flickr.com/photos/g-ratphotos/3404474275
Make use of different ways
to capture & engage the user

www.flickr.com/photos/snugglepup/5225953124
Tell a continuos story 

with delights along the way

www.maxfactor.co.uk
Consider & adapt
your message across touch points



Ensure the message 

is considered & delivered across devices

www.flickr.com/photos/visualpunch/7351572896
“ Content needs to be choreographed to 

ensure the intended message is preserved on any
device and at any width “
- Trent Walton

www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop/
“ A good piece of UX has a narrative and clearly
tells a story, or at least part of a story on a particular
journey. As a designer - everything I do and make is
communicating something to someone. ”
- Steve Whittington

Design Director 

Dare

www.flickr.com/photos/g-ratphotos/3404474275
Whoever it is for, 

we always need to sell it

www.flickr.com/photos/jox1989/5143301136
It all start with 

Once upon a time...

www.flickr.com/photos/snugglepup/3317051065
Or maybe

Once upon a design...

www.flickr.com/photos/snugglepup/3317051065
Any questions?

www.flickr.com/photos/perolofforsberg/6691744587
Thank you
@annadahlstrom @UXFika
www.annadahlstrom.com
www.flickr.com/photos/katerha/8435321969

More Related Content

What's hot

Infinite Possibilities - Groupon's GEEKon 2015
Infinite Possibilities - Groupon's GEEKon 2015Infinite Possibilities - Groupon's GEEKon 2015
Infinite Possibilities - Groupon's GEEKon 2015
Denise Jacobs
 
Infinite Possibilities - Digital PM Summit 2015
Infinite Possibilities - Digital PM Summit 2015Infinite Possibilities - Digital PM Summit 2015
Infinite Possibilities - Digital PM Summit 2015
Denise Jacobs
 
Transformational Impact of the Cloud
Transformational Impact of the CloudTransformational Impact of the Cloud
Transformational Impact of the Cloud
SalesChannel International
 
Nonprofit Technology #FAILS: How to “Fail Informatively” (11NTCfailinform)
Nonprofit Technology #FAILS: How to “Fail Informatively” (11NTCfailinform)Nonprofit Technology #FAILS: How to “Fail Informatively” (11NTCfailinform)
Nonprofit Technology #FAILS: How to “Fail Informatively” (11NTCfailinform)
Miminten
 
Driving Diversity & Success By Reframing Failure - SalesForce Women In Tech N...
Driving Diversity & Success By Reframing Failure - SalesForce Women In Tech N...Driving Diversity & Success By Reframing Failure - SalesForce Women In Tech N...
Driving Diversity & Success By Reframing Failure - SalesForce Women In Tech N...
Arianne Donoghue
 
The Creativity (R)Evolution - UX Week 2014
The Creativity (R)Evolution -  UX Week 2014The Creativity (R)Evolution -  UX Week 2014
The Creativity (R)Evolution - UX Week 2014
Denise Jacobs
 
Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Presentationcreativityrevolutionuxweek 140912120824-phpapp02Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Paula Marques
 
Selling Your Ideas VMA
Selling Your Ideas VMASelling Your Ideas VMA
Selling Your Ideas VMA
SalesChannel International
 
Infinite Possibilities - FIU Online's InnovEd Conference 2017
Infinite Possibilities - FIU Online's InnovEd Conference 2017Infinite Possibilities - FIU Online's InnovEd Conference 2017
Infinite Possibilities - FIU Online's InnovEd Conference 2017
Denise Jacobs
 
Banish Your Inner Critic to Unleash Creativity – edUi Conference 2015
Banish Your Inner Critic to Unleash Creativity – edUi Conference 2015Banish Your Inner Critic to Unleash Creativity – edUi Conference 2015
Banish Your Inner Critic to Unleash Creativity – edUi Conference 2015
Denise Jacobs
 
A Collaborative Celebration of You
A Collaborative Celebration of YouA Collaborative Celebration of You
A Collaborative Celebration of You
Dean Shareski
 
The Creativity Imperative - Work Life Congress 2015
The Creativity Imperative - Work Life Congress 2015The Creativity Imperative - Work Life Congress 2015
The Creativity Imperative - Work Life Congress 2015
Denise Jacobs
 
Banish Your Inner Critic - Design & Content 2015
Banish Your Inner Critic - Design & Content 2015Banish Your Inner Critic - Design & Content 2015
Banish Your Inner Critic - Design & Content 2015
Denise Jacobs
 
The Creativity Imperative - Prototypes, Process, and Play 2015
The Creativity Imperative - Prototypes, Process, and Play 2015The Creativity Imperative - Prototypes, Process, and Play 2015
The Creativity Imperative - Prototypes, Process, and Play 2015
Denise Jacobs
 
Get Unblocked
Get UnblockedGet Unblocked
Get Unblocked
Denise Jacobs
 
The Creativity (R)Evolution - CREATE Festival 2015
The Creativity (R)Evolution - CREATE Festival 2015The Creativity (R)Evolution - CREATE Festival 2015
The Creativity (R)Evolution - CREATE Festival 2015
Denise Jacobs
 
How to get more than opinions: Interview techniques and advice
How to get more than opinions: Interview techniques and adviceHow to get more than opinions: Interview techniques and advice
How to get more than opinions: Interview techniques and advice
johanna kollmann
 
Infinite Possibilities - How Interactive Conference, San Francisco
Infinite Possibilities - How Interactive Conference, San FranciscoInfinite Possibilities - How Interactive Conference, San Francisco
Infinite Possibilities - How Interactive Conference, San Francisco
Denise Jacobs
 
Infinite Possibilities - FrontEnd Conf CH 2016
Infinite Possibilities - FrontEnd Conf CH 2016Infinite Possibilities - FrontEnd Conf CH 2016
Infinite Possibilities - FrontEnd Conf CH 2016
Denise Jacobs
 
#ltux: Using acting techniques to understand & predict human behaviour
#ltux: Using acting techniques to understand & predict human behaviour#ltux: Using acting techniques to understand & predict human behaviour
#ltux: Using acting techniques to understand & predict human behaviour
Sabrina Mach
 

What's hot (20)

Infinite Possibilities - Groupon's GEEKon 2015
Infinite Possibilities - Groupon's GEEKon 2015Infinite Possibilities - Groupon's GEEKon 2015
Infinite Possibilities - Groupon's GEEKon 2015
 
Infinite Possibilities - Digital PM Summit 2015
Infinite Possibilities - Digital PM Summit 2015Infinite Possibilities - Digital PM Summit 2015
Infinite Possibilities - Digital PM Summit 2015
 
Transformational Impact of the Cloud
Transformational Impact of the CloudTransformational Impact of the Cloud
Transformational Impact of the Cloud
 
Nonprofit Technology #FAILS: How to “Fail Informatively” (11NTCfailinform)
Nonprofit Technology #FAILS: How to “Fail Informatively” (11NTCfailinform)Nonprofit Technology #FAILS: How to “Fail Informatively” (11NTCfailinform)
Nonprofit Technology #FAILS: How to “Fail Informatively” (11NTCfailinform)
 
Driving Diversity & Success By Reframing Failure - SalesForce Women In Tech N...
Driving Diversity & Success By Reframing Failure - SalesForce Women In Tech N...Driving Diversity & Success By Reframing Failure - SalesForce Women In Tech N...
Driving Diversity & Success By Reframing Failure - SalesForce Women In Tech N...
 
The Creativity (R)Evolution - UX Week 2014
The Creativity (R)Evolution -  UX Week 2014The Creativity (R)Evolution -  UX Week 2014
The Creativity (R)Evolution - UX Week 2014
 
Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Presentationcreativityrevolutionuxweek 140912120824-phpapp02Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Presentationcreativityrevolutionuxweek 140912120824-phpapp02
 
Selling Your Ideas VMA
Selling Your Ideas VMASelling Your Ideas VMA
Selling Your Ideas VMA
 
Infinite Possibilities - FIU Online's InnovEd Conference 2017
Infinite Possibilities - FIU Online's InnovEd Conference 2017Infinite Possibilities - FIU Online's InnovEd Conference 2017
Infinite Possibilities - FIU Online's InnovEd Conference 2017
 
Banish Your Inner Critic to Unleash Creativity – edUi Conference 2015
Banish Your Inner Critic to Unleash Creativity – edUi Conference 2015Banish Your Inner Critic to Unleash Creativity – edUi Conference 2015
Banish Your Inner Critic to Unleash Creativity – edUi Conference 2015
 
A Collaborative Celebration of You
A Collaborative Celebration of YouA Collaborative Celebration of You
A Collaborative Celebration of You
 
The Creativity Imperative - Work Life Congress 2015
The Creativity Imperative - Work Life Congress 2015The Creativity Imperative - Work Life Congress 2015
The Creativity Imperative - Work Life Congress 2015
 
Banish Your Inner Critic - Design & Content 2015
Banish Your Inner Critic - Design & Content 2015Banish Your Inner Critic - Design & Content 2015
Banish Your Inner Critic - Design & Content 2015
 
The Creativity Imperative - Prototypes, Process, and Play 2015
The Creativity Imperative - Prototypes, Process, and Play 2015The Creativity Imperative - Prototypes, Process, and Play 2015
The Creativity Imperative - Prototypes, Process, and Play 2015
 
Get Unblocked
Get UnblockedGet Unblocked
Get Unblocked
 
The Creativity (R)Evolution - CREATE Festival 2015
The Creativity (R)Evolution - CREATE Festival 2015The Creativity (R)Evolution - CREATE Festival 2015
The Creativity (R)Evolution - CREATE Festival 2015
 
How to get more than opinions: Interview techniques and advice
How to get more than opinions: Interview techniques and adviceHow to get more than opinions: Interview techniques and advice
How to get more than opinions: Interview techniques and advice
 
Infinite Possibilities - How Interactive Conference, San Francisco
Infinite Possibilities - How Interactive Conference, San FranciscoInfinite Possibilities - How Interactive Conference, San Francisco
Infinite Possibilities - How Interactive Conference, San Francisco
 
Infinite Possibilities - FrontEnd Conf CH 2016
Infinite Possibilities - FrontEnd Conf CH 2016Infinite Possibilities - FrontEnd Conf CH 2016
Infinite Possibilities - FrontEnd Conf CH 2016
 
#ltux: Using acting techniques to understand & predict human behaviour
#ltux: Using acting techniques to understand & predict human behaviour#ltux: Using acting techniques to understand & predict human behaviour
#ltux: Using acting techniques to understand & predict human behaviour
 

Viewers also liked

Digital Storytelling for Social Impact
Digital Storytelling for Social ImpactDigital Storytelling for Social Impact
Digital Storytelling for Social Impact
The Rockefeller Foundation
 
Working better with clients - Digital Pond - Feb 2014
Working better with clients - Digital Pond - Feb 2014Working better with clients - Digital Pond - Feb 2014
Working better with clients - Digital Pond - Feb 2014
Matt Gibson
 
Strategic Storytelling for Social Impact Webinar
Strategic Storytelling for Social Impact WebinarStrategic Storytelling for Social Impact Webinar
Strategic Storytelling for Social Impact Webinar
Social Media for Nonprofits
 
Digital Storytelling for Impact
Digital Storytelling for ImpactDigital Storytelling for Impact
Digital Storytelling for Impact
Social Media for Nonprofits
 
Digital Storytelling Power Point
Digital Storytelling Power PointDigital Storytelling Power Point
Digital Storytelling Power Point
dos113
 
Storytelling 2.0 - La narrazione al tempo dei social media
Storytelling 2.0 - La narrazione al tempo dei social mediaStorytelling 2.0 - La narrazione al tempo dei social media
Storytelling 2.0 - La narrazione al tempo dei social media
Raffaele Cirullo
 
Wow Experience nel turismo
Wow Experience nel turismoWow Experience nel turismo
Wow Experience nel turismo
Maurizio Battelli
 
Critical race theory
Critical race theory Critical race theory
Critical race theory
cloganwashington
 
Dramaturgy
DramaturgyDramaturgy
Dramaturgy
Danielle Dirks
 
Hospitality Tales. Dieci opinioni e casi di studio sullo storytelling nel ric...
Hospitality Tales. Dieci opinioni e casi di studio sullo storytelling nel ric...Hospitality Tales. Dieci opinioni e casi di studio sullo storytelling nel ric...
Hospitality Tales. Dieci opinioni e casi di studio sullo storytelling nel ric...
Studio Giaccardi & Associati - Consulenti di Direzione
 
Digital Storytelling
Digital StorytellingDigital Storytelling
Digital Storytelling
Jackie Gerstein, Ed.D
 
Digital Storytelling Through Crowdsourced Video
Digital Storytelling Through Crowdsourced VideoDigital Storytelling Through Crowdsourced Video
Digital Storytelling Through Crowdsourced Video
Crowdsourcing Week
 
The Power of Digital Storytelling in Marketing
The Power of Digital Storytelling in MarketingThe Power of Digital Storytelling in Marketing
The Power of Digital Storytelling in Marketing
Angela LaGamba
 
Visual Storytelling For Web: Tips And Techniques
Visual Storytelling For Web: Tips And TechniquesVisual Storytelling For Web: Tips And Techniques
Visual Storytelling For Web: Tips And Techniques
Filiz Efe
 
Storytelling and digital media
Storytelling and digital mediaStorytelling and digital media
Storytelling and digital media
Erfgoed 2.0
 
Storytelling, arte del narrare e strumento di comunità
Storytelling, arte del narrare e strumento di comunitàStorytelling, arte del narrare e strumento di comunità
Storytelling, arte del narrare e strumento di comunità
Matteo Adamoli
 
Digital Storytelling For Brands
Digital Storytelling For BrandsDigital Storytelling For Brands
Digital Storytelling For Brands
Lynne d Johnson
 
Designing Big Data Interactions Using the Language of Discovery
Designing Big Data Interactions Using the Language of DiscoveryDesigning Big Data Interactions Using the Language of Discovery
Designing Big Data Interactions Using the Language of Discovery
Joe Lamantia
 
Gli strumenti degli Storytelling Specialist: scopri il Corso Ninja Academy
Gli strumenti degli Storytelling Specialist: scopri il Corso Ninja Academy Gli strumenti degli Storytelling Specialist: scopri il Corso Ninja Academy
Gli strumenti degli Storytelling Specialist: scopri il Corso Ninja Academy
Ninja Academy
 
Lo Storytelling per comunicare efficacemente un buon perchè
Lo Storytelling per comunicare efficacemente un buon perchèLo Storytelling per comunicare efficacemente un buon perchè
Lo Storytelling per comunicare efficacemente un buon perchè
Alessia Mantovani Orsetti
 

Viewers also liked (20)

Digital Storytelling for Social Impact
Digital Storytelling for Social ImpactDigital Storytelling for Social Impact
Digital Storytelling for Social Impact
 
Working better with clients - Digital Pond - Feb 2014
Working better with clients - Digital Pond - Feb 2014Working better with clients - Digital Pond - Feb 2014
Working better with clients - Digital Pond - Feb 2014
 
Strategic Storytelling for Social Impact Webinar
Strategic Storytelling for Social Impact WebinarStrategic Storytelling for Social Impact Webinar
Strategic Storytelling for Social Impact Webinar
 
Digital Storytelling for Impact
Digital Storytelling for ImpactDigital Storytelling for Impact
Digital Storytelling for Impact
 
Digital Storytelling Power Point
Digital Storytelling Power PointDigital Storytelling Power Point
Digital Storytelling Power Point
 
Storytelling 2.0 - La narrazione al tempo dei social media
Storytelling 2.0 - La narrazione al tempo dei social mediaStorytelling 2.0 - La narrazione al tempo dei social media
Storytelling 2.0 - La narrazione al tempo dei social media
 
Wow Experience nel turismo
Wow Experience nel turismoWow Experience nel turismo
Wow Experience nel turismo
 
Critical race theory
Critical race theory Critical race theory
Critical race theory
 
Dramaturgy
DramaturgyDramaturgy
Dramaturgy
 
Hospitality Tales. Dieci opinioni e casi di studio sullo storytelling nel ric...
Hospitality Tales. Dieci opinioni e casi di studio sullo storytelling nel ric...Hospitality Tales. Dieci opinioni e casi di studio sullo storytelling nel ric...
Hospitality Tales. Dieci opinioni e casi di studio sullo storytelling nel ric...
 
Digital Storytelling
Digital StorytellingDigital Storytelling
Digital Storytelling
 
Digital Storytelling Through Crowdsourced Video
Digital Storytelling Through Crowdsourced VideoDigital Storytelling Through Crowdsourced Video
Digital Storytelling Through Crowdsourced Video
 
The Power of Digital Storytelling in Marketing
The Power of Digital Storytelling in MarketingThe Power of Digital Storytelling in Marketing
The Power of Digital Storytelling in Marketing
 
Visual Storytelling For Web: Tips And Techniques
Visual Storytelling For Web: Tips And TechniquesVisual Storytelling For Web: Tips And Techniques
Visual Storytelling For Web: Tips And Techniques
 
Storytelling and digital media
Storytelling and digital mediaStorytelling and digital media
Storytelling and digital media
 
Storytelling, arte del narrare e strumento di comunità
Storytelling, arte del narrare e strumento di comunitàStorytelling, arte del narrare e strumento di comunità
Storytelling, arte del narrare e strumento di comunità
 
Digital Storytelling For Brands
Digital Storytelling For BrandsDigital Storytelling For Brands
Digital Storytelling For Brands
 
Designing Big Data Interactions Using the Language of Discovery
Designing Big Data Interactions Using the Language of DiscoveryDesigning Big Data Interactions Using the Language of Discovery
Designing Big Data Interactions Using the Language of Discovery
 
Gli strumenti degli Storytelling Specialist: scopri il Corso Ninja Academy
Gli strumenti degli Storytelling Specialist: scopri il Corso Ninja Academy Gli strumenti degli Storytelling Specialist: scopri il Corso Ninja Academy
Gli strumenti degli Storytelling Specialist: scopri il Corso Ninja Academy
 
Lo Storytelling per comunicare efficacemente un buon perchè
Lo Storytelling per comunicare efficacemente un buon perchèLo Storytelling per comunicare efficacemente un buon perchè
Lo Storytelling per comunicare efficacemente un buon perchè
 

Similar to Designing Around Storytelling - Digital Pond, London 06 Feb 2014

Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Anna Dahlström
 
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Anna Dahlström
 
Conversion Hotel 2016 - Anna Dahlström
Conversion Hotel 2016 - Anna DahlströmConversion Hotel 2016 - Anna Dahlström
Conversion Hotel 2016 - Anna Dahlström
Webanalisten .nl
 
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Anna Dahlström
 
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Anna Dahlström
 
Fmp proposal
Fmp proposalFmp proposal
Fmp proposal
Louisbiddles7
 
Proposal sf 2017
Proposal sf 2017Proposal sf 2017
Proposal sf 2017
Mel Nuttall
 
Ideation,demos
Ideation,demosIdeation,demos
Ideation,demos
Abhinav Neelam
 
Interviewing With Swag; 5 Keys To Getting A Job In Tech
Interviewing With Swag; 5 Keys To Getting A Job In TechInterviewing With Swag; 5 Keys To Getting A Job In Tech
Interviewing With Swag; 5 Keys To Getting A Job In Tech
Charles Kunken
 
Esposo storylines plot
Esposo storylines plotEsposo storylines plot
Esposo storylines plot
ChelseaAnneEsposo
 
Fmp proposal (2)
Fmp proposal (2)Fmp proposal (2)
Fmp proposal (2)
MaxJones48
 
Fmp proposal
Fmp proposalFmp proposal
Fmp proposal
MaxJones48
 
Fmp proposal (3)
Fmp proposal (3)Fmp proposal (3)
Fmp proposal (3)
MaxJones48
 
Storyline and plot by: Monique Astillero (CEU)
Storyline and plot by: Monique Astillero (CEU)Storyline and plot by: Monique Astillero (CEU)
Storyline and plot by: Monique Astillero (CEU)
Monique Catherine Mae Astillero
 
The 8 steps for a short film 7/09/17
The 8 steps for a short film 7/09/17The 8 steps for a short film 7/09/17
The 8 steps for a short film 7/09/17
Bruna Martins
 
Shorter Version of BbWorld 09 Forensics Presentation
Shorter Version of BbWorld 09 Forensics PresentationShorter Version of BbWorld 09 Forensics Presentation
Shorter Version of BbWorld 09 Forensics Presentation
Steve Feldman
 
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web MarketingOnce Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
Georgiana Cohen
 
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Anna Dahlström
 
Fmp proposal(1) (1)
Fmp proposal(1) (1)Fmp proposal(1) (1)
Fmp proposal(1) (1)
kiandevine
 
Houston Technology Center: Intro to Blogging - Top Tips for How to Blog Efffe...
Houston Technology Center: Intro to Blogging - Top Tips for How to Blog Efffe...Houston Technology Center: Intro to Blogging - Top Tips for How to Blog Efffe...
Houston Technology Center: Intro to Blogging - Top Tips for How to Blog Efffe...
JJ Lassberg
 

Similar to Designing Around Storytelling - Digital Pond, London 06 Feb 2014 (20)

Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017
 
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
 
Conversion Hotel 2016 - Anna Dahlström
Conversion Hotel 2016 - Anna DahlströmConversion Hotel 2016 - Anna Dahlström
Conversion Hotel 2016 - Anna Dahlström
 
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
 
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
 
Fmp proposal
Fmp proposalFmp proposal
Fmp proposal
 
Proposal sf 2017
Proposal sf 2017Proposal sf 2017
Proposal sf 2017
 
Ideation,demos
Ideation,demosIdeation,demos
Ideation,demos
 
Interviewing With Swag; 5 Keys To Getting A Job In Tech
Interviewing With Swag; 5 Keys To Getting A Job In TechInterviewing With Swag; 5 Keys To Getting A Job In Tech
Interviewing With Swag; 5 Keys To Getting A Job In Tech
 
Esposo storylines plot
Esposo storylines plotEsposo storylines plot
Esposo storylines plot
 
Fmp proposal (2)
Fmp proposal (2)Fmp proposal (2)
Fmp proposal (2)
 
Fmp proposal
Fmp proposalFmp proposal
Fmp proposal
 
Fmp proposal (3)
Fmp proposal (3)Fmp proposal (3)
Fmp proposal (3)
 
Storyline and plot by: Monique Astillero (CEU)
Storyline and plot by: Monique Astillero (CEU)Storyline and plot by: Monique Astillero (CEU)
Storyline and plot by: Monique Astillero (CEU)
 
The 8 steps for a short film 7/09/17
The 8 steps for a short film 7/09/17The 8 steps for a short film 7/09/17
The 8 steps for a short film 7/09/17
 
Shorter Version of BbWorld 09 Forensics Presentation
Shorter Version of BbWorld 09 Forensics PresentationShorter Version of BbWorld 09 Forensics Presentation
Shorter Version of BbWorld 09 Forensics Presentation
 
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web MarketingOnce Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
 
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
 
Fmp proposal(1) (1)
Fmp proposal(1) (1)Fmp proposal(1) (1)
Fmp proposal(1) (1)
 
Houston Technology Center: Intro to Blogging - Top Tips for How to Blog Efffe...
Houston Technology Center: Intro to Blogging - Top Tips for How to Blog Efffe...Houston Technology Center: Intro to Blogging - Top Tips for How to Blog Efffe...
Houston Technology Center: Intro to Blogging - Top Tips for How to Blog Efffe...
 

More from Anna Dahlström

Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Anna Dahlström
 
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Anna Dahlström
 
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...
Anna Dahlström
 
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Anna Dahlström
 
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Anna Dahlström
 
Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017
Anna Dahlström
 
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Anna Dahlström
 
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Anna Dahlström
 
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Anna Dahlström
 
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Anna Dahlström
 
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Anna Dahlström
 
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Anna Dahlström
 
Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014
Anna Dahlström
 
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Anna Dahlström
 
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Anna Dahlström
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Anna Dahlström
 
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Anna Dahlström
 
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Anna Dahlström
 
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Anna Dahlström
 
Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013
Anna Dahlström
 

More from Anna Dahlström (20)

Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
 
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
 
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...
 
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
 
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
 
Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017
 
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
 
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
 
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
 
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
 
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
 
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
 
Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014
 
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
 
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
 
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
 
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
 
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
 
Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013
 

Recently uploaded

Google UX Design Certificate - Portfolio Project 1 - Case study slide deck -T...
Google UX Design Certificate - Portfolio Project 1 - Case study slide deck -T...Google UX Design Certificate - Portfolio Project 1 - Case study slide deck -T...
Google UX Design Certificate - Portfolio Project 1 - Case study slide deck -T...
philipjuuu
 
Overview to the Oracle Fixed Assets Module
Overview to the Oracle Fixed Assets ModuleOverview to the Oracle Fixed Assets Module
Overview to the Oracle Fixed Assets Module
lakshmichitra031
 
Design Impulse: Boost the power of design
Design Impulse: Boost the power of designDesign Impulse: Boost the power of design
Design Impulse: Boost the power of design
Pieter van Langen
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
Surface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different toolsSurface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different tools
ManashChatterjee3
 
Glasgow University degree Certificate
Glasgow University degree CertificateGlasgow University degree Certificate
Glasgow University degree Certificate
tezeqes
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
taranenkovictoria
 
The Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for EntrepreneursThe Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for Entrepreneurs
illuminz
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
Kal-el Shows
 
Carleton University degree offer diploma Transcript
Carleton University degree offer diploma TranscriptCarleton University degree offer diploma Transcript
Carleton University degree offer diploma Transcript
eamhs
 
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Aditi Sh.
 
Pranay Mhatre Introduction cum Portfolio
Pranay Mhatre Introduction cum PortfolioPranay Mhatre Introduction cum Portfolio
Pranay Mhatre Introduction cum Portfolio
Pranay Мhatre
 
bedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptxbedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptx
gameransh001
 
Maria Reginalda Alifia's Creative Portfolio 2024
Maria Reginalda Alifia's Creative Portfolio 2024Maria Reginalda Alifia's Creative Portfolio 2024
Maria Reginalda Alifia's Creative Portfolio 2024
alifia97
 
Introduction of Stone Display Stand.pptx
Introduction of Stone Display Stand.pptxIntroduction of Stone Display Stand.pptx
Introduction of Stone Display Stand.pptx
Xiamen Tsianfan Industrial & Trading Co.,Ltd.
 
A Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainabilityA Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainability
Mostafa Abd Elrahman
 
Arch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural PortfolioArch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural Portfolio
ssusere235001
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
92nqjwr76x
 
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdfAcclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
ssuserdee4d8
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Mostafa Abd Elrahman
 

Recently uploaded (20)

Google UX Design Certificate - Portfolio Project 1 - Case study slide deck -T...
Google UX Design Certificate - Portfolio Project 1 - Case study slide deck -T...Google UX Design Certificate - Portfolio Project 1 - Case study slide deck -T...
Google UX Design Certificate - Portfolio Project 1 - Case study slide deck -T...
 
Overview to the Oracle Fixed Assets Module
Overview to the Oracle Fixed Assets ModuleOverview to the Oracle Fixed Assets Module
Overview to the Oracle Fixed Assets Module
 
Design Impulse: Boost the power of design
Design Impulse: Boost the power of designDesign Impulse: Boost the power of design
Design Impulse: Boost the power of design
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
 
Surface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different toolsSurface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different tools
 
Glasgow University degree Certificate
Glasgow University degree CertificateGlasgow University degree Certificate
Glasgow University degree Certificate
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
 
The Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for EntrepreneursThe Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for Entrepreneurs
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
 
Carleton University degree offer diploma Transcript
Carleton University degree offer diploma TranscriptCarleton University degree offer diploma Transcript
Carleton University degree offer diploma Transcript
 
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
 
Pranay Mhatre Introduction cum Portfolio
Pranay Mhatre Introduction cum PortfolioPranay Mhatre Introduction cum Portfolio
Pranay Mhatre Introduction cum Portfolio
 
bedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptxbedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptx
 
Maria Reginalda Alifia's Creative Portfolio 2024
Maria Reginalda Alifia's Creative Portfolio 2024Maria Reginalda Alifia's Creative Portfolio 2024
Maria Reginalda Alifia's Creative Portfolio 2024
 
Introduction of Stone Display Stand.pptx
Introduction of Stone Display Stand.pptxIntroduction of Stone Display Stand.pptx
Introduction of Stone Display Stand.pptx
 
A Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainabilityA Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainability
 
Arch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural PortfolioArch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural Portfolio
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
 
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdfAcclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
 

Designing Around Storytelling - Digital Pond, London 06 Feb 2014

  • 1. Designing around storytelling The power of stories & how they can be used in UX design by Anna Dahlström | @annadahlstrom @UXFika Digital  Pond,  06  Feb  2014 www.flickr.com/photos/katerha/8435321969
  • 2. Once upon a time in a city called ‘Lund’... xxxxwww.flickr.com/photos/ulfk/7976687420
  • 3. There where 
 plenty of story time www.flickr.com/photos/excomedia/sets/72157622519563566with/5233990438
  • 4. We travelled 
 through those stories www.flickr.com/photos/conorkeller/7860288604
  • 5. “ We are as a species addicted to stories. ” - The Storytelling Animal by Jonathan Gottschall
 www.flickr.com/photos/namkeng/3209117837
  • 7. Every brand wants 
 to tell their story www.flickr.com/photos/kelstew/3658900542
  • 8. “ If you can’t tell it, you can’t sell it. ” - Peter Guber
 www.flickr.com/photos/g-ratphotos/3404474275
  • 9. “ Results repeatedly shows that our attitudes, fears, hopes, and values are strongly influenced by story. In fact, fiction seems to be more effective at changing beliefs than writing that is specifically designed to persuade through argument and evidence." Entering fictional worlds radically alters the way information is processed. ” - FastCompany, Why storytelling is the ultimate weapon www.flickr.com/photos/g-ratphotos/3404474275
  • 11. Not just for messaging but also an integral part of the design process www.flickr.com/photos/saucef/7184615025
  • 12. “ Storytelling is at the heart of everything ” - Steve Levitt
 www.flickr.com/photos/g-ratphotos/3404474275
  • 13. There is an element 
 of magic involved www.flickr.com/photos/carlosfpardo/6791950592
  • 15. ‘ Now you see me. ’
  • 16. Javier Perez via http://the-wonderist.com/2013/11/05/how-to-see-things-with-new-eyes
  • 17. ‘ Now you don’t. ’
  • 18. Queenie Liao’s ‘Wengenn in Wonderland’ via www.boredpanda.org/wengenn-in-wonderland-sioin-queenie-liao
  • 19. What do we want our users to see?
 What is the story we want to tell?
  • 20. Where do we want to take them?
  • 21. “ Historically, stories have always been igniters 
 of action, moving people to do things. ” - Peter Guber
 www.flickr.com/photos/g-ratphotos/3404474275
  • 22. Every story 
 takes us on a journey Image via Shutterstock
  • 23. Storytelling can 
 provide powerful call to actions www.flickr.com/photos/piermario/4188959762
  • 24. Stories have the ability to motivate, change and create connections Image via Shutterstock
  • 25. What 
 makes for a good story?
  • 26. The basic structure of a story A beginning
 A middle
 The end

  • 27. Dramaturgy 
 knowing how to apply & structure elements to tell a story
  • 28. How a story is told impacts the human experience of its audience Image via Shutterstock
  • 29. 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
  • 30. Three act structure - applied to UCD PLOT POINT ONE 2. Starts to consider
 inciting incident confronts the main character PLOT POINT TWO 4. Makes a decision
 mid point tries to solve the problem but don’t yet have the skills 1. Becomes aware
 3. Looks further into it
 Act one
 Act two
 Setup Confrontation climax the dramatic question is answered 5. Takes action
 / no action
 Act three
 Resolution
  • 31. I asked my dad for 
 3 principles around good storytelling www.flickr.com/photos/perolofforsberg/6691744587
  • 32. 01 
 Captures the imagination
  • 33. “ If you can imagine yourself in a situation, 
 it’s infinitely scarier. ” - Brad Falchuk
 www.flickr.com/photos/g-ratphotos/3404474275
  • 34. Users need to 
 be able to relate www.flickr.com/photos/estherase/1292315618
  • 35. We need to understand who they are www.flickr.com/photos/cannedtuna/4852756417
  • 36. “ I need to understand who has to get what out of the thing I'm designing and I'm only satisfied a visual has been executed well once I'm confident it's telling the right story to the right person in the right way. ” - Steve Whittington
 Design Director 
 Dare www.flickr.com/photos/g-ratphotos/3404474275
  • 37. 02 
 The dynamic of the story
  • 38. What are the events
 & people that tie it all together www.flickr.com/photos/erin_ryan/2584551310
  • 39. The ever important
 red thread www.flickr.com/photos/pulpolux/3692396234
  • 40. 03 
 An element of surprise
  • 41. “ In general there should be a basic idea of where the story is going, but not for every character. You don't know who's going to die and who's going to start becoming more important. Big picture-wise, there’s a basic idea, but you need some surprises too. It’s like driving from New York to LA: you know you’re going to get to LA, but there’s 10 different routes you could take. ” - Brad Falchuck
 www.flickr.com/photos/g-ratphotos/3404474275
  • 42. Include an element of 
 surprise & exploration www.flickr.com/photos/conorkeller/4028043294
  • 43. Let users 
 find their way around your content www.flickr.com/photos/conorkeller/3879321839
  • 44. Consider non-linear 
 & new forms of storytelling Image via Shutterstock
  • 45. How 
 do we go about it?
  • 46. It starts with this PLOT POINT ONE 2. Starts to consider
 inciting incident confronts the main character PLOT POINT TWO 4. Makes a decision
 mid point tries to solve the problem but don’t yet have the skills 1. Becomes aware
 3. Looks further into it
 Act one
 Act two
 Setup Confrontation climax the dramatic question is answered 5. Takes action
 / no action
 Act three
 Resolution
  • 47. Feel good Delight Identify key points PLOT POINT ONE 2. Starts to consider
 inciting incident confronts the main character PLOT POINT TWO 4. Makes a decision
 mid point tries to solve the problem but don’t yet have the skills 3. Looks further into it
 Act one
 Act two
 the dramatic question is answered 5. Takes action
 / no action
 Hygiene 1. Becomes aware
 climax Setup Confrontation Act three
 Resolution
  • 48. Look at where 
 you want to delight them www.flickr.com/photos/31878512@N06/4945216951/in/photostream
  • 49. And also where 
 the biggest barriers may be Image via Shutterstock
  • 50. Plan for multiple 
 entry & exit points www.flickr.com/photos/danieldslee/6913766642
  • 51. Identify content, functional & interaction elements to addresses the needs www.flickr.com/photos/angietorres/4564135455
  • 52. Ensure there is
 a good balance www.flickr.com/photos/17207222@N02/5601758478
  • 53. Feel good Delight Not appropriate, or realistic PLOT POINT ONE 2. Starts to consider
 confronts the main character Hygiene 1. Becomes aware
 PLOT POINT TWO 4. Makes a decision
 mid point tries to solve the problem but don’t yet have the skills 3. Looks further into it
 climax the dramatic question is answered 5. Takes action
 / no action
 inciting incident Act one
 Setup Act two
 Confrontation Act three
 Resolution
  • 54. We cannot be at the top all the time www.flickr.com/photos/alexnormand/5992512756
  • 55. Feel good Delight More realistic PLOT POINT ONE 2. Starts to consider
 inciting incident confronts the main character PLOT POINT TWO 4. Makes a decision
 mid point tries to solve the problem but don’t yet have the skills 3. Looks further into it
 Act one
 Act two
 the dramatic question is answered 5. Takes action
 / no action
 Hygiene 1. Becomes aware
 climax Setup Confrontation Act three
 Resolution
  • 56. Delivering 
 the right content at the right time
  • 57. We need to know:
 What we want to say
 What we want our users to do
  • 59. Identify 
 content & functionality for each main user
  • 60. Look at how to tailor views based on 
 who the user is & their behaviour Image via Shutterstock
  • 61. Context 
 & prior knowledge plays a key role
  • 62. Tailor messaging 
 & tone of voice www.flickr.com/photos/pgoyette/168076182
  • 63. Consider location 
 & cultural differences www.flickr.com/photos/scary_mary/5700384580
  • 64. “ Visit intent is likely to vary between these two segments. For example, new visitors are less likely to trust your brand and understand the key benefits to shopping with you. ” - Econsultancy
 www.flickr.com/photos/g-ratphotos/3404474275
  • 65. Make use of different ways to capture & engage the user www.flickr.com/photos/snugglepup/5225953124
  • 66. Tell a continuos story 
 with delights along the way www.maxfactor.co.uk
  • 67. Consider & adapt your message across touch points 

  • 68. Ensure the message 
 is considered & delivered across devices www.flickr.com/photos/visualpunch/7351572896
  • 69. “ Content needs to be choreographed to 
 ensure the intended message is preserved on any device and at any width “ - Trent Walton www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop/
  • 70. “ A good piece of UX has a narrative and clearly tells a story, or at least part of a story on a particular journey. As a designer - everything I do and make is communicating something to someone. ” - Steve Whittington
 Design Director 
 Dare www.flickr.com/photos/g-ratphotos/3404474275
  • 71. Whoever it is for, 
 we always need to sell it www.flickr.com/photos/jox1989/5143301136
  • 72. It all start with 
 Once upon a time... www.flickr.com/photos/snugglepup/3317051065
  • 73. Or maybe
 Once upon a design... www.flickr.com/photos/snugglepup/3317051065