SlideShare a Scribd company logo
1 of 87
Download to read offline
mobile design
and the death
of narrative
   @timcaynes
@timcaynes




flow interactive
@timcaynes




flow interactive


Head of Interaction Design
 User Experience Designer
  Information Architect
@timcaynes




flow interactive
@timcaynes




flow interactive


Expert Colourer Innerer
@timcaynes




developers
@timcaynes




developers   Designers
@timcaynes



                          Other People
                         wOndering What
                           is actually
developers   Designers       going on




                             I thought this
                         would be interesting.
                          Yeah me too. This
                         guy looks like some
                          kind of stalker or
                                something
The version that
isn’t full of shit.
 Use this one for
 tricky audiences.
@timcaynes




flow interactive


Head of Interaction Design
 User Experience Designer
  Information Architect
@timcaynes




flow interactive


Expert Colourer Innerer
@timcaynes




developers
@timcaynes




developers   Designers
@timcaynes



                          Other People
                         wOndering What
                           is actually
developers   Designers       going on




                          I thought this would
                         be interesting. Yeah me
                           too. This guy looks
                             like some kind of
                         stalker or something
@timcaynes
@timcaynes




 I was advised
that you all like
     a bit of
  interaction.
@timcaynes



The corporate
  migration
@timcaynes



 The corporate
   migration
Mobile (guidelines)
      first
@timcaynes



 The corporate
   migration
Mobile (guidelines)
      first
Taking things to
 Breaking point
@timcaynes
The corporate migration
@timcaynes
The corporate migration



  127
 Sites
@timcaynes
The corporate migration



  127         17
 Sites    Languages
@timcaynes
The corporate migration



  127         17         34
 Sites    Languages   countries
@timcaynes
The corporate migration



  127         17         34
 Sites    Languages   countries



 “We don’t do mobile.
@timcaynes
The corporate migration



  127         17         34
 Sites    Languages   countries



 “We don’t do mobile.
We need a mobile site”
@timcaynes
@timcaynes
The corporate migration



  127         17         34
 Sites    Languages   countries



 “We don’t do mobile.
We need a mobile site”
@timcaynes
The corporate migration


  127 Sites    17 Languages   34 countries




              Mobile
               site
@timcaynes



 The corporate
   migration
Mobile (guidelines)
      first
Taking things to
 Breaking point
Mobile (guidelines) first
                            @timcaynes
Mobile (guidelines) first
                                        @timcaynes




                                    Mobile
            Mobile Mobile    Mobile phone
Mobile
             site            banana
 site               app

  Mobile Mobile     Mobile     Mobile
          site                 mobile Mobile
   App               app              disco
Mobile (guidelines) first
                                        @timcaynes




                                    Mobile
            Mobile Mobile    Mobile phone
Mobile
             site            banana
 site               app

  Mobile Mobile     Mobile     Mobile
          site                 mobile Mobile
   App               app              disco



   “We need a framework
Mobile (guidelines) first
                                        @timcaynes




                                    Mobile
            Mobile Mobile    Mobile phone
Mobile
             site            banana
 site               app

  Mobile Mobile     Mobile     Mobile
          site                 mobile Mobile
   App               app              disco



   “We need a framework
    that defines mobile”
@timcaynes
Mobile (guidelines) first
                                        @timcaynes




                                    Mobile
            Mobile Mobile    Mobile phone
Mobile
             site            banana
 site               app

  Mobile Mobile     Mobile     Mobile
          site                 mobile Mobile
   App               app              disco



   “We need a framework
    that defines mobile”
Mobile (guidelines) first
                                                                    @timcaynes



                                                         Mobile
                                             Mobile      phone
     Mobile site     Mobile site Mobile      banana
                                  app

                   Mobile                       Mobile
        Mobile App site         Mobile app      mobile     Mobile
                                                           disco




                       Mobile
                      Guidelines
@timcaynes



 The corporate
   migration
Mobile (guidelines)
      first
Taking things to
 Breaking point
@timcaynes
Taking things to breaking point
@timcaynes
Taking things to breaking point

                 1
               Site
@timcaynes
  Taking things to breaking point

                   1
                 Site

“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”
@timcaynes
@timcaynes
  Taking things to breaking point

                   1
                 Site

“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”
@timcaynes
Taking things to breaking point


                 1
               Site
@timcaynes
Taking things to breaking point


                 1
               Site




 DESKTOP
@timcaynes
Taking things to breaking point


                  1
                Site




 DESKTOP   TABLET
@timcaynes
Taking things to breaking point


                  1
                Site




 DESKTOP   TABLET   MOBILE
@timcaynes
Taking things to breaking point


                  1
                Site




 DESKTOP   TABLET   MOBILE   Pigeon
@timcaynes



The corporate
  migration
@timcaynes
@timcaynes




2002
5 sites
17 links
5 languages
@timcaynes




Mobile (guidelines)
      first
@timcaynes
     Faceted                 Recalcitrant   UX. No, IA. I mean,
    Framework                 Kraftwerk     UI. IXD. I DUNNO.




Navigation things              Oxford
  I dunno. You’ll           Bacon chafe       Can’t remember.
 probably try and                            This was going to
 put a carousel in          Apocalypses        be about, like,
here or something             Narrative      apps. Maybe. er...

This bit is critical.
 Don’t let James
anywhere near it                            LATIN
       FEET




                        An arrow
@timcaynes




Taking things to
 Breaking point
@timcaynes
@timcaynes




The responsive
framework game
@timcaynes
bootstrap
@timcaynes
GUMBY
@timcaynes
FOUNDATION
@timcaynes
@timcaynes
@timcaynes




Bored
@timcaynes




Bored
@timcaynes




Bored
“I don’t buy the book to
admire the book. I buy the
book to get lost in the
          story.”
@timcaynes




Solutionizing
@timcaynes




Deliverizing
@timcaynes




Deliverizing
@timcaynes




  Deliverizing
Executionating
@timcaynes




  Deliverizing
Executionating
 Framewanking
@timcaynes




  Deliverizing
Executionating
 Framewanking
   ikealizing
@timcaynes




   Deliverizing
Executionating
 Framewanking
    ikealizing
  Implemental
@timcaynes




Bored
@timcaynes




Bored
“We are thinking mobile
 first. but we’re also
 thinking story last”
@timcaynes
@timcaynes




We’re facilitating
 the death of
    narrative
@timcaynes




Talk about Karen's
     workshop
  To lead into content strategy first
@timcaynes




narrative
@timcaynes




      narrative


its about the story, innit
@timcaynes




      narrative


    innovation in the
proposition, not specifics
    of the execution
@timcaynes




or something
@timcaynes




or something
@timcaynes




thanks
@timcaynes




thanks

More Related Content

Similar to Mobile design and the death of narrative

Why should I care about Responsive Design?
Why should I care about Responsive Design?Why should I care about Responsive Design?
Why should I care about Responsive Design?
Fabricio Teixeira
 

Similar to Mobile design and the death of narrative (8)

What I Learned about Mobile UX... The Hard Way
What I Learned about Mobile UX... The Hard WayWhat I Learned about Mobile UX... The Hard Way
What I Learned about Mobile UX... The Hard Way
 
Hybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stackHybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stack
 
Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...
Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...
Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...
 
Thiago de Faria - AI with a devops mindset - experimentation, sharing and eas...
Thiago de Faria - AI with a devops mindset - experimentation, sharing and eas...Thiago de Faria - AI with a devops mindset - experimentation, sharing and eas...
Thiago de Faria - AI with a devops mindset - experimentation, sharing and eas...
 
Human Interaction Keynote Brushfire Interactive July 2015
Human Interaction Keynote Brushfire Interactive July 2015Human Interaction Keynote Brushfire Interactive July 2015
Human Interaction Keynote Brushfire Interactive July 2015
 
Why should I care about Responsive Design?
Why should I care about Responsive Design?Why should I care about Responsive Design?
Why should I care about Responsive Design?
 
To Make Your Chatbot Smart, You Need to Feed It Right: How to Write for Chatb...
To Make Your Chatbot Smart, You Need to Feed It Right: How to Write for Chatb...To Make Your Chatbot Smart, You Need to Feed It Right: How to Write for Chatb...
To Make Your Chatbot Smart, You Need to Feed It Right: How to Write for Chatb...
 
The Future Friendly Campus
The Future Friendly CampusThe Future Friendly Campus
The Future Friendly Campus
 

More from Tim Caynes

Intelligent Guides: Architecting systems for context-driven interactions
Intelligent Guides: Architecting systems for context-driven interactionsIntelligent Guides: Architecting systems for context-driven interactions
Intelligent Guides: Architecting systems for context-driven interactions
Tim Caynes
 
Architecting a Sustainable Experience Design Team for Long-Term Growth
Architecting a Sustainable Experience Design Team for Long-Term GrowthArchitecting a Sustainable Experience Design Team for Long-Term Growth
Architecting a Sustainable Experience Design Team for Long-Term Growth
Tim Caynes
 

More from Tim Caynes (8)

Intelligent Guides: Architecting Systems for Context-driven Interactions
Intelligent Guides: Architecting Systems for Context-driven InteractionsIntelligent Guides: Architecting Systems for Context-driven Interactions
Intelligent Guides: Architecting Systems for Context-driven Interactions
 
Intelligent Guides: Architecting systems for context-driven interactions
Intelligent Guides: Architecting systems for context-driven interactionsIntelligent Guides: Architecting systems for context-driven interactions
Intelligent Guides: Architecting systems for context-driven interactions
 
Insight to Design: Developing the Design Brief. Workshop for UCDUK 2014
Insight to Design: Developing the Design Brief. Workshop for UCDUK 2014Insight to Design: Developing the Design Brief. Workshop for UCDUK 2014
Insight to Design: Developing the Design Brief. Workshop for UCDUK 2014
 
Architecting a Sustainable Experience Design Team for Long-Term Growth
Architecting a Sustainable Experience Design Team for Long-Term GrowthArchitecting a Sustainable Experience Design Team for Long-Term Growth
Architecting a Sustainable Experience Design Team for Long-Term Growth
 
UEA Creative Edge Conference: Working With Words
UEA Creative Edge Conference: Working With WordsUEA Creative Edge Conference: Working With Words
UEA Creative Edge Conference: Working With Words
 
How I overcame the fear of being an artist - Dare Conf 2013
How I overcame the fear of being an artist - Dare Conf 2013How I overcame the fear of being an artist - Dare Conf 2013
How I overcame the fear of being an artist - Dare Conf 2013
 
Cognitive Disentropy Theory - A grid for UX thinking
Cognitive Disentropy Theory - A grid for UX thinkingCognitive Disentropy Theory - A grid for UX thinking
Cognitive Disentropy Theory - A grid for UX thinking
 
Designing the mobile wallet - A case study
Designing the mobile wallet - A case studyDesigning the mobile wallet - A case study
Designing the mobile wallet - A case study
 

Recently uploaded

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 

Recently uploaded (20)

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 

Mobile design and the death of narrative