• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Digital Bites: Responsive design - one size fits all?
 

Digital Bites: Responsive design - one size fits all?

on

  • 314 views

With so many devices and screen sizes available to access the web, how can you ensure that your customers get the best possible user experience regardless of how they view your site? At Digital Bites, ...

With so many devices and screen sizes available to access the web, how can you ensure that your customers get the best possible user experience regardless of how they view your site? At Digital Bites, Crafted’s Head of Design, Barnie Mills, takes a closer look at Responsive Design, a key trend of 2013.

Statistics

Views

Total Views
314
Views on SlideShare
314
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Digital Bites: Responsive design - one size fits all? Digital Bites: Responsive design - one size fits all? Presentation Transcript

    • CraftedPRESENTATIONResponsive design: one size fits all?presented by Barnie Mills, Head of Design at CraftedIpswich-based integrated digital marketing agencyEASILYDIGESTIBLEDIGITALINSIGHT
    • CraftedPRESENTATIONThe way we access theweb has changed…
    • 20% of adultsown a tabletMobile OperatorsAssociation (MOA)and YouGovCraftedPRESENTATIONOver half ofBritain ownsa smartphone(Ofcom)Xbox One…what will thefuture hold?
    • CraftedPRESENTATIONThat causes designerssome problems…
    • CraftedPRESENTATIONWe no longer knowthe size of the page
    • CraftedPRESENTATIONWe don’tknow howeffectivelyit will bedelivered…
    • CraftedPRESENTATIONWe don’t knowhow the user willinteract with it
    • CraftedPRESENTATIONWhich in turn can causethe user some problems…
    • DifficultyinteractingCraftedPRESENTATION
    • DifficultyexploringCraftedPRESENTATION
    • Painfulpage loadtimeCraftedPRESENTATION
    • CraftedPRESENTATIONSo, is there an answer?
    • You could havea mobile site…CraftedPRESENTATION
    • But what about tablets?  www.econsultancy.com/Conversion rate by deviceCraftedPRESENTATION
    • You couldhave an app…CraftedPRESENTATION
    • But which platform?It’s starting to sound expensive!And who is going to manage them all?CraftedPRESENTATION
    • You could just hopethat your desktop sitedoes the job…CraftedPRESENTATION
    • Hopefully users won’tbe too frustrated(There could be consequences)Youtargetingme?!CraftedPRESENTATION
    • Or you could havea responsive site!(it only took me 20 slides to get to the point!)CraftedPRESENTATION
    • So, what’s that then?CraftedPRESENTATION
    • Breakpoint 1
    • Breakpoint 1
    • Breakpoint 1
    • Breakpoint 2
    • Breakpoint 2
    • Breakpoint 2
    • Breakpoint 2
    • Breakpoint 3
    • Breakpoint 3
    • Breakpoint 3
    • Breakpoint 3
    • Breakpoint 4
    • Breakpoint 4
    • Breakpoint 4
    • Breakpoint 4
    • Breakpoint 4
    • Breakpoint 4
    • CraftedPRESENTATIONSome real life examples…
    • CraftedPRESENTATION
    • O’NeilliOS•  Conversions increased by 65%•  Transactions up 112.5%•  Revenue increased by 101.25%Android•  Conversions increased by 407.32%•  Transactions up 333.3%•  Revenue increased by 591.42%CraftedPRESENTATIONwww.econsultancy.com/uk/blog/62260-five-brands-that-reaped-rewards-after-adopting-responsive-design
    • CraftedPRESENTATION
    • Time Magazine•  Mobile and tablet traffic up by 10%•  Mobile pages per visit (PPV) up by 23%•  Mobile bounce rate decreased by 26%CraftedPRESENTATIONwww.econsultancy.com/uk/blog/62260-five-brands-that-reaped-rewards-after-adopting-responsive-design
    • CraftedPRESENTATION
    • CraftedPRESENTATION
    • CraftedPRESENTATIONHow is this relevant to me?
    • CraftedPRESENTATIONMake your customer’s life easierDifficultyinteractingDifficultyexploringPainfulpage load
    • CraftedPRESENTATIONMake your life easierA single siteto manageand maintainAnalyticsin one place,a single reportto analyseGooglerecommendsresponsive design
    • CraftedPRESENTATIONFutureproof(I tried so hard to avoid buzzwords!)?
    • CraftedPRESENTATIONThank youAny questions?Ipswich Studio32 Fore Street,Ipswich, IP4 1JUT: +44 (0) 1473 322841E: hello@crafted.co.ukLondon OfficeClerkenwell Workshops,27/31 Clerkenwell Close,London, EC1R 0ATT: +44 (0) 20 3393 3852www.crafted.co.uk
    • CraftedPRESENTATIONCreditsIconography from The Noun ProjectiPad (Andreas Bjurenborg), iPhone, Computer