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

怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 

Recently uploaded (20)

怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
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
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 

Mobile design and the death of narrative