Designing Around Storytelling - UCD2013, London 08 Oct 2013
-
Upload
anna-dahlstroem -
Category
Design
-
view
2.240 -
download
0
description
Transcript of Designing Around Storytelling - UCD2013, London 08 Oct 2013
![Page 1: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/1.jpg)
D!"#$%#%$ &r'(%) "*'r+*!,,#%$ The power of stories & how they can be used in user centred design
by Anna Dahlström | @annadahlstrom@ucduk #ucd2013
![Page 2: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/2.jpg)
O%-! (p'% & *#.! in a city called ‘Lund’...
xxxxwww.flickr.com/photos/ulfk/7976687420
![Page 3: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/3.jpg)
/!r! w0!r! plenty of story time
www.flickr.com/photos/excomedia/sets/72157622519563566with/5233990438
![Page 4: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/4.jpg)
W! *r&v!,,!) through those stories
www.flickr.com/photos/conorkeller/7860288604
![Page 5: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/5.jpg)
“ W! &r! &" & "p!-#!" addicted to stories. ”- /! S*'r+*!,,#%$ A%#.&, b+ J'%&*0&% G'**"-0&,,
www.flickr.com/photos/namkeng/3209117837
![Page 6: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/6.jpg)
S*'r+*!,,#%$ Storytelling
S*'r+*!,,#%$
![Page 7: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/7.jpg)
Ev!r+ br&%) wants to tell their story
www.flickr.com/photos/kelstew/3658900542
![Page 8: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/8.jpg)
www.flickr.com/photos/g-ratphotos/3404474275
“ If +'( -&%’* *!,, #*, you can’t sell it. ”- P!*!r G(b!r
![Page 9: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/9.jpg)
www.flickr.com/photos/g-ratphotos/3404474275
“ R!"(,*" r!p!&*!),+ "0'w" 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."
E%*!r#%$ 1-*#'%&, w'r,)" radically alters the way information is processed. ”
- F&"*C'.p&%+, W0+ "*'r+*!,,#%$ #" *0! (,*#.&*! w!&p'%
![Page 10: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/10.jpg)
S*'r#!" as persuasion tools
![Page 11: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/11.jpg)
www.flickr.com/photos/saucef/7184615025
N'* 2("* for messaging but alsoan integral part of the design process
![Page 12: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/12.jpg)
www.flickr.com/photos/g-ratphotos/3404474275
“ S*'r+*!,,#%$ is at the heart of everything ”- S*!v! L!v#**
![Page 13: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/13.jpg)
www.flickr.com/photos/carlosfpardo/6791950592
/!r! #" an element of magic involved
![Page 14: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/14.jpg)
www.flickr.com/photos/declanjewell/2181100986
![Page 15: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/15.jpg)
‘ N'w +'( "!! .!. ’
![Page 16: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/16.jpg)
J&v#!r P!r3 via http://the-wonderist.com/2013/11/05/how-to-see-things-with-new-eyes
![Page 17: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/17.jpg)
‘ Now you don’t. ’
![Page 18: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/18.jpg)
Q(!!%#! L#&'’" ‘W!%$!%% #% W'%)!r,&%)’ via www.boredpanda.org/wengenn-in-wonderland-sioin-queenie-liao
![Page 19: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/19.jpg)
W0&* )' w! w&%* '(r ("!r" *' "!!?What is the story we want to tell?
![Page 20: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/20.jpg)
W0!r! )' w! w&%* to take them?
![Page 21: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/21.jpg)
www.flickr.com/photos/g-ratphotos/3404474275
“ H#"*'r#-&,,+, stories have always been igniters of action, moving people to do things. ”
- P!*!r G(b!r
![Page 22: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/22.jpg)
Ev!r+ "*'r+ takes us on a journey
www.flickr.com/photos/photomequickbooth/3966382067
![Page 23: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/23.jpg)
S*'r+*!,,#%$ can provide powerful call to actions
www.flickr.com/photos/piermario/4188959762
![Page 24: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/24.jpg)
W0&* makes for a good story?
![Page 25: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/25.jpg)
/! !%)
/! b&"#- structure of a story
A b!$#%%#%$ A .#)),!
![Page 26: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/26.jpg)
Dr&.&*(r$+ knowing how to apply & structure
elements to tell a story
![Page 27: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/27.jpg)
A-* *0r!!
/r!! act structure
A-* '%!Setup Resolution
A-* *w'Confrontation
inciting incident mid point climax
confronts the main character
tries to solve the problem but don’t yet have the skills
the dramatic question is answered
PLOT POINT ONE PLOT POINT TWO
![Page 28: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/28.jpg)
A-* *0r!!
/r!! act structure - applied to UCD
A-* '%!Setup Resolution
A-* *w'Confrontation
inciting incident mid point climax
confronts the main character
tries to solve the problem but don’t yet have the skills
the dramatic question is answered
PLOT POINT ONE PLOT POINT TWO
1. B!-'.!" &w&r! 5. T&4!" &-*#'%/ %' &-*#'%
4. M&4!" & )!-#"#'%
3. L''4" 5r*0!r #%*' #*
2. S*&r*" *' -'%"#)!r
![Page 29: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/29.jpg)
www.flickr.com/photos/perolofforsberg/6691744587
I &"4!) .+ )&) for 3 principles around good storytelling
![Page 30: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/30.jpg)
01 Captures the imagination
![Page 31: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/31.jpg)
www.flickr.com/photos/g-ratphotos/3404474275
“ If +'( -&% imagine yourself in a situation, it’s infinitely scarier. ”
- Br&) F&,-0(4
![Page 32: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/32.jpg)
U"!r" %!!) to be able to relate
www.flickr.com/photos/estherase/1292315618
![Page 33: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/33.jpg)
W! %!!) *' understand who they are
www.flickr.com/photos/cannedtuna/4852756417
![Page 34: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/34.jpg)
www.flickr.com/photos/g-ratphotos/3404474275
“ I %!!) *' (%)!r"*&%) 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. ”
- S*!v! W0#**#%$*'%Design Director
Dare
![Page 35: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/35.jpg)
02 The dynamic of the story
![Page 36: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/36.jpg)
W0&* &r! *0! !v!%*"& people that tie it all together
www.flickr.com/photos/erin_ryan/2584551310
![Page 37: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/37.jpg)
/! !v!r #.p'r*&%*red thread
www.flickr.com/photos/pulpolux/3692396234
![Page 38: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/38.jpg)
03 An element of surprise
![Page 39: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/39.jpg)
www.flickr.com/photos/g-ratphotos/3404474275
“ I% $!%!r&, 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. ”
- Br&) F&,-0(-4
![Page 40: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/40.jpg)
I%-,()! an element of surprise & exploration
www.flickr.com/photos/conorkeller/4028043294
![Page 41: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/41.jpg)
L!* users find their way around your content
www.flickr.com/photos/conorkeller/3879321839
![Page 42: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/42.jpg)
www.flickr.com/photos/soundslogical/4255801733
C'%"#)!r non-linear & new forms of storytelling
![Page 43: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/43.jpg)
H'w do we go about it?
![Page 44: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/44.jpg)
A-* *0r!!
I* "*&r*" with this
A-* '%!Setup Resolution
A-* *w'Confrontation
inciting incident mid point climax
confronts the main character
tries to solve the problem but don’t yet have the skills
the dramatic question is answered
PLOT POINT ONE PLOT POINT TWO
1. B!-'.!" &w&r! 5. T&4!" &-*#'%/ %' &-*#'%
4. M&4!" & )!-#"#'%
3. L''4" 5r*0!r #%*' #*
2. S*&r*" *' -'%"#)!r
![Page 45: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/45.jpg)
A-* *0r!!
I)!%*#f+ key points
A-* '%!Setup Resolution
A-* *w'Confrontation
inciting incident mid point climax
confronts the main character
tries to solve the problem but don’t yet have the skills
the dramatic question is answered
PLOT POINT ONE PLOT POINT TWO
1. B!-'.!" &w&r! 5. T&4!" &-*#'%/ %' &-*#'%
4. M&4!" & )!-#"#'%
3. L''4" 5r*0!r #%*' #*
2. S*&r*" *' -'%"#)!r
Hygie
neFe
el go
odDe
light
![Page 46: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/46.jpg)
www.flickr.com/photos/31878512@N06/4945216951/in/photostream
L''4 &* where you want to delight them
![Page 47: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/47.jpg)
www.flickr.com/photos/kruger_otto/5581886586
A%) &,"' where the biggest barriers may be
![Page 48: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/48.jpg)
P,&% f'r multiple entry & exit points
www.flickr.com/photos/danieldslee/6913766642
![Page 49: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/49.jpg)
I)!%*#f+ content, functional & interaction elements to addresses the needs
www.flickr.com/photos/angietorres/4564135455
![Page 50: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/50.jpg)
E%"(r! there is a good balance
www.flickr.com/photos/17207222@N02/5601758478
![Page 51: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/51.jpg)
A-* *0r!!
N'* appropriate, or realistic
A-* '%!Setup Resolution
A-* *w'Confrontation
inciting incident
mid point climaxconfronts the main
charactertries to solve the problem but
don’t yet have the skillsthe dramatic question
is answered
PLOT POINT ONE PLOT POINT TWO
1. B!-'.!" &w&r! 5. T&4!" &-*#'%/ %' &-*#'%
4. M&4!" & )!-#"#'%
3. L''4" 5r*0!r #%*' #*
2. S*&r*" *' -'%"#)!r
Hygie
neFe
el go
odDe
light
![Page 52: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/52.jpg)
W! -&%%'* be at the top all the time
www.flickr.com/photos/alexnormand/5992512756
![Page 53: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/53.jpg)
A-* *0r!!
M'r! realistic
A-* '%!Setup Resolution
A-* *w'Confrontation
inciting incident mid point climax
confronts the main character
tries to solve the problem but don’t yet have the skills
the dramatic question is answered
PLOT POINT ONE PLOT POINT TWO
1. B!-'.!" &w&r! 5. T&4!" &-*#'%/ %' &-*#'%
4. M&4!" & )!-#"#'%
3. L''4" 5r*0!r #%*' #*
2. S*&r*" *' -'%"#)!r
Hygie
neFe
el go
odDe
light
![Page 54: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/54.jpg)
D!,#v!r#%$ the right content at the right time
![Page 55: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/55.jpg)
W! %!!) to know:
W0&* w! w&%* to say
W0&* w! w&%* our users to do
![Page 56: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/56.jpg)
U"!r" are different
www.robotshop.com/blog/where-is-wall-e-1391
![Page 57: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/57.jpg)
I)!%*#f+ content & functionality for each main user
![Page 58: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/58.jpg)
www.flickr.com/photos/soundslogical/4255801733
L''4 &* how to tailor views based on who the user is & their behaviour
![Page 59: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/59.jpg)
C'%*6* & prior knowledge plays a key role
![Page 60: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/60.jpg)
www.flickr.com/photos/pgoyette/168076182
T&#,'r messaging & tone of voice
![Page 61: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/61.jpg)
C'%"#)!r location & cultural differences
www.flickr.com/photos/scary_mary/5700384580
![Page 62: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/62.jpg)
www.flickr.com/photos/g-ratphotos/3404474275
“ V#"#* #%*!%* 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. ”
- E-'%"(,*&%-+
![Page 63: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/63.jpg)
M&4! ("! 'f different ways to capture & engage the user
www.flickr.com/photos/snugglepup/5225953124
![Page 64: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/64.jpg)
T!,, & continuos story with delights along the way
www.maxfactor.co.uk
![Page 65: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/65.jpg)
C'%"#)!r & &)&p* your message across touch points
![Page 66: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/66.jpg)
www.flickr.com/photos/visualpunch/7351572896
E%"(r! *0! .!""&$! is considered & delivered across devices
![Page 67: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/67.jpg)
www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop/
“ C'%*!%* %!!)" *' b! -0'r!'$r&p0!) to ensure the intended message is preserved on any
device and at any width “- Tr!%* W&,*'%
![Page 68: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/68.jpg)
www.flickr.com/photos/g-ratphotos/3404474275
“ A $'') p#!-! 'f 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. ”
- S*!v! W0#**#%$*'%Design Director
Dare
![Page 69: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/69.jpg)
www.flickr.com/photos/jox1989/5143301136
W0'!v!r our work is for, we always need to sell it
![Page 70: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/70.jpg)
I* &,, "*&r* w#*0 Once upon a time...
www.flickr.com/photos/snugglepup/3317051065
![Page 71: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/71.jpg)
Or maybeO%-! (p'% & )!"#$%...
www.flickr.com/photos/snugglepup/3317051065
![Page 72: Designing Around Storytelling - UCD2013, London 08 Oct 2013](https://reader037.fdocuments.us/reader037/viewer/2022110113/53f00ca08d7f72a64f8b45db/html5/thumbnails/72.jpg)
www.flickr.com/photos/perolofforsberg/6691744587
A%+ questions?