Download - Mobile design and the death of narrative
![Page 1: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/1.jpg)
@timcaynes
mobile designand the deathof narrative
![Page 2: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/2.jpg)
@timcaynes
flow interactive
![Page 3: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/3.jpg)
@timcaynes
flow interactive
Head of Interaction DesignUser Experience DesignerInformation Architect
![Page 4: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/4.jpg)
@timcaynes
flow interactive
![Page 5: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/5.jpg)
@timcaynes
flow interactive
Expert Colourer Innerer
![Page 6: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/6.jpg)
@timcaynes
developers
![Page 7: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/7.jpg)
developers
@timcaynes
Designers
![Page 8: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/8.jpg)
developers
@timcaynes
Designers
Other People wOndering What
is actually going on
I thought this would be interesting.
Yeah me too. This guy looks like some kind of stalker or
something
![Page 9: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/9.jpg)
![Page 10: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/10.jpg)
![Page 11: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/11.jpg)
The version that
isn’t full of shit.Use this one for tricky audiences.
![Page 12: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/12.jpg)
@timcaynes
flow interactive
Head of Interaction DesignUser Experience DesignerInformation Architect
![Page 13: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/13.jpg)
@timcaynes
flow interactive
Expert Colourer Innerer
![Page 14: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/14.jpg)
@timcaynes
developers
![Page 15: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/15.jpg)
developers
@timcaynes
Designers
![Page 16: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/16.jpg)
developers
@timcaynes
Designers
Other People wOndering What
is actually going on
I thought this would be interesting. Yeah me
too. This guy looks like some kind of
stalker or something
![Page 17: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/17.jpg)
@timcaynes
![Page 18: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/18.jpg)
@timcaynes
I was advised that you all like
a bit of interaction.
![Page 19: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/19.jpg)
@timcaynes
The corporate migration
![Page 20: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/20.jpg)
@timcaynes
The corporate migration
Mobile (guidelines) first
![Page 21: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/21.jpg)
@timcaynes
The corporate migration
Mobile (guidelines) first
Taking things to Breaking point
![Page 22: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/22.jpg)
@timcaynes
The corporate migration
![Page 23: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/23.jpg)
@timcaynes
The corporate migration
127Sites
![Page 24: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/24.jpg)
@timcaynes
The corporate migration
127Sites
17 Languages
![Page 25: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/25.jpg)
@timcaynes
The corporate migration
127Sites
17 Languages
34 countries
![Page 26: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/26.jpg)
@timcaynes
The corporate migration
127Sites
17 Languages
34 countries
“We don’t do mobile.
![Page 27: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/27.jpg)
@timcaynes
The corporate migration
127Sites
17 Languages
34 countries
“We don’t do mobile.
We need a mobile site”
![Page 28: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/28.jpg)
@timcaynes
![Page 29: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/29.jpg)
@timcaynes
The corporate migration
127Sites
17 Languages
34 countries
“We don’t do mobile.
We need a mobile site”
![Page 30: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/30.jpg)
Mobile site
@timcaynes
The corporate migration
127 Sites 17 Languages 34 countries
![Page 31: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/31.jpg)
@timcaynes
The corporate migration
Mobile (guidelines) first
Taking things to Breaking point
![Page 32: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/32.jpg)
@timcaynesMobile (guidelines) first
![Page 33: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/33.jpg)
@timcaynesMobile (guidelines) first
Mobile site
Mobile site
Mobile site
Mobile app
Mobilebanana
Mobile mobile
Mobile phone
Mobile App
Mobile app
Mobile disco
![Page 34: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/34.jpg)
@timcaynesMobile (guidelines) first
Mobile site
Mobile site
Mobile site
Mobile app
Mobilebanana
Mobile mobile
Mobile phone
Mobile App
Mobile app
Mobile disco
“We need a framework
![Page 35: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/35.jpg)
@timcaynesMobile (guidelines) first
Mobile site
Mobile site
Mobile site
Mobile app
Mobilebanana
Mobile mobile
Mobile phone
Mobile App
Mobile app
Mobile disco
“We need a framework
that defines mobile”
![Page 36: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/36.jpg)
@timcaynes
![Page 37: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/37.jpg)
@timcaynesMobile (guidelines) first
Mobile site
Mobile site
Mobile site
Mobile app
Mobilebanana
Mobile mobile
Mobile phone
Mobile App
Mobile app
Mobile disco
“We need a framework
that defines mobile”
![Page 38: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/38.jpg)
@timcaynesMobile (guidelines) first
Mobile site
Mobile site
Mobile site Mobile app
Mobilebanana
Mobile mobile
Mobile phone
Mobile App Mobile app Mobile disco
Mobile Guidelines
![Page 39: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/39.jpg)
@timcaynes
The corporate migration
Mobile (guidelines) first
Taking things to Breaking point
![Page 40: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/40.jpg)
@timcaynesTaking things to breaking point
![Page 41: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/41.jpg)
@timcaynesTaking things to breaking point
1Site
![Page 42: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/42.jpg)
@timcaynesTaking things to breaking point
1Site
“We're redesigning our site. We want it to be fully responsive.
We've got the build team ready
and they've told us how the break points should work and
everything”
![Page 43: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/43.jpg)
@timcaynes
![Page 44: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/44.jpg)
@timcaynesTaking things to breaking point
1Site
“We're redesigning our site. We want it to be fully responsive.
We've got the build team ready
and they've told us how the break points should work and
everything”
![Page 45: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/45.jpg)
@timcaynesTaking things to breaking point
1Site
![Page 46: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/46.jpg)
@timcaynesTaking things to breaking point
1Site
DESKTOP
![Page 47: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/47.jpg)
@timcaynesTaking things to breaking point
1Site
DESKTOP TABLET
![Page 48: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/48.jpg)
@timcaynesTaking things to breaking point
1Site
DESKTOP TABLET MOBILE
![Page 49: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/49.jpg)
@timcaynesTaking things to breaking point
1Site
DESKTOP TABLET MOBILE Pigeon
![Page 50: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/50.jpg)
@timcaynes
The corporate migration
![Page 51: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/51.jpg)
@timcaynes
![Page 52: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/52.jpg)
20025 sites17 links5 languages
@timcaynes
![Page 53: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/53.jpg)
@timcaynes
Mobile (guidelines) first
![Page 54: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/54.jpg)
Can’t remember. This was going to
be about, like, apps. Maybe. er...
LATIN
I dunno. You’ll probably try and put a carousel in
here or something
This bit is critical. Don’t let James anywhere near it
FEET
Navigation things
Bacon chafe
Oxford
ApocalypsesNarrative
@timcaynes
FacetedFramework
RecalcitrantKraftwerk
UX. No, IA. I mean, UI. IXD. I DUNNO.
An arrow
![Page 55: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/55.jpg)
@timcaynes
Taking things to Breaking point
![Page 56: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/56.jpg)
@timcaynes
![Page 57: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/57.jpg)
@timcaynes
The responsive framework game
![Page 58: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/58.jpg)
@timcaynes
![Page 59: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/59.jpg)
bootstrap
![Page 60: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/60.jpg)
@timcaynes
![Page 61: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/61.jpg)
GUMBY
![Page 62: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/62.jpg)
@timcaynes
![Page 63: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/63.jpg)
FOUNDATION
![Page 64: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/64.jpg)
@timcaynes
![Page 65: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/65.jpg)
@timcaynes
![Page 66: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/66.jpg)
@timcaynes
Bored
![Page 67: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/67.jpg)
@timcaynes
Bored
![Page 68: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/68.jpg)
@timcaynes
Bored“I don’t buy the book to admire the book. I buy the book to get lost in the
story.”
![Page 69: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/69.jpg)
@timcaynes
Solutionizing
![Page 70: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/70.jpg)
@timcaynes
Deliverizing
![Page 71: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/71.jpg)
@timcaynes
Deliverizing
![Page 72: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/72.jpg)
@timcaynes
DeliverizingExecutionating
![Page 73: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/73.jpg)
@timcaynes
DeliverizingExecutionatingFramewanking
![Page 74: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/74.jpg)
@timcaynes
DeliverizingExecutionatingFramewanking
ikealizing
![Page 75: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/75.jpg)
@timcaynes
DeliverizingExecutionatingFramewanking
ikealizing
Implemental
![Page 76: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/76.jpg)
@timcaynes
Bored
![Page 77: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/77.jpg)
@timcaynes
Bored“We are thinking mobile
first. but we’re also
thinking story last”
![Page 78: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/78.jpg)
@timcaynes
![Page 79: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/79.jpg)
@timcaynes
We’re facilitating the death of
narrative
![Page 80: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/80.jpg)
Talk about Karen's workshop
To lead into content strategy first
@timcaynes
![Page 81: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/81.jpg)
narrative
@timcaynes
![Page 82: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/82.jpg)
narrative
@timcaynes
its about the story, innit
![Page 83: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/83.jpg)
narrative
@timcaynes
innovation in the
proposition, not specifics of the execution
![Page 84: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/84.jpg)
@timcaynes
or something
![Page 85: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/85.jpg)
@timcaynes
or something
![Page 86: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/86.jpg)
@timcaynes
thanks
![Page 87: Mobile design and the death of narrative](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c7935d4a795958578b4584/html5/thumbnails/87.jpg)
@timcaynes
thanks