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

Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 

Recently uploaded (20)

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...
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
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...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLHingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
 
💫✅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...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service AvailableCall Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
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 ...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
 

Mobile design and the death of narrative