Your SlideShare is downloading. ×
0
CraftedPRESENTATIONResponsive design: one size fits all?presented by Barnie Mills, Head of Design at CraftedIpswich-based ...
CraftedPRESENTATIONThe way we access theweb has changed…
20% of adultsown a tabletMobile OperatorsAssociation (MOA)and YouGovCraftedPRESENTATIONOver half ofBritain ownsa smartphon...
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 inc...
CraftedPRESENTATION
Time Magazine•  Mobile and tablet traffic up by 10%•  Mobile pages per visit (PPV) up by 23%•  Mobile bounce rate decrease...
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 analyseG...
CraftedPRESENTATIONFutureproof(I tried so hard to avoid buzzwords!)?
CraftedPRESENTATIONThank youAny questions?Ipswich Studio32 Fore Street,Ipswich, IP4 1JUT: +44 (0) 1473 322841E: hello@craf...
CraftedPRESENTATIONCreditsIconography from The Noun ProjectiPad (Andreas Bjurenborg), iPhone, Computer
Digital Bites: Responsive design - one size fits all?
Digital Bites: Responsive design - one size fits all?
Digital Bites: Responsive design - one size fits all?
Digital Bites: Responsive design - one size fits all?
Digital Bites: Responsive design - one size fits all?
Digital Bites: Responsive design - one size fits all?
Upcoming SlideShare
Loading in...5
×

Digital Bites: Responsive design - one size fits all?

198

Published on

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.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
198
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. CraftedPRESENTATIONResponsive design: one size fits all?presented by Barnie Mills, Head of Design at CraftedIpswich-based integrated digital marketing agencyEASILYDIGESTIBLEDIGITALINSIGHT
  2. 2. CraftedPRESENTATIONThe way we access theweb has changed…
  3. 3. 20% of adultsown a tabletMobile OperatorsAssociation (MOA)and YouGovCraftedPRESENTATIONOver half ofBritain ownsa smartphone(Ofcom)Xbox One…what will thefuture hold?
  4. 4. CraftedPRESENTATIONThat causes designerssome problems…
  5. 5. CraftedPRESENTATIONWe no longer knowthe size of the page
  6. 6. CraftedPRESENTATIONWe don’tknow howeffectivelyit will bedelivered…
  7. 7. CraftedPRESENTATIONWe don’t knowhow the user willinteract with it
  8. 8. CraftedPRESENTATIONWhich in turn can causethe user some problems…
  9. 9. DifficultyinteractingCraftedPRESENTATION
  10. 10. DifficultyexploringCraftedPRESENTATION
  11. 11. Painfulpage loadtimeCraftedPRESENTATION
  12. 12. CraftedPRESENTATIONSo, is there an answer?
  13. 13. You could havea mobile site…CraftedPRESENTATION
  14. 14. But what about tablets?  www.econsultancy.com/Conversion rate by deviceCraftedPRESENTATION
  15. 15. You couldhave an app…CraftedPRESENTATION
  16. 16. But which platform?It’s starting to sound expensive!And who is going to manage them all?CraftedPRESENTATION
  17. 17. You could just hopethat your desktop sitedoes the job…CraftedPRESENTATION
  18. 18. Hopefully users won’tbe too frustrated(There could be consequences)Youtargetingme?!CraftedPRESENTATION
  19. 19. Or you could havea responsive site!(it only took me 20 slides to get to the point!)CraftedPRESENTATION
  20. 20. So, what’s that then?CraftedPRESENTATION
  21. 21. Breakpoint 1
  22. 22. Breakpoint 1
  23. 23. Breakpoint 1
  24. 24. Breakpoint 2
  25. 25. Breakpoint 2
  26. 26. Breakpoint 2
  27. 27. Breakpoint 2
  28. 28. Breakpoint 3
  29. 29. Breakpoint 3
  30. 30. Breakpoint 3
  31. 31. Breakpoint 3
  32. 32. Breakpoint 4
  33. 33. Breakpoint 4
  34. 34. Breakpoint 4
  35. 35. Breakpoint 4
  36. 36. Breakpoint 4
  37. 37. Breakpoint 4
  38. 38. CraftedPRESENTATIONSome real life examples…
  39. 39. CraftedPRESENTATION
  40. 40. 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
  41. 41. CraftedPRESENTATION
  42. 42. 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
  43. 43. CraftedPRESENTATION
  44. 44. CraftedPRESENTATION
  45. 45. CraftedPRESENTATIONHow is this relevant to me?
  46. 46. CraftedPRESENTATIONMake your customer’s life easierDifficultyinteractingDifficultyexploringPainfulpage load
  47. 47. CraftedPRESENTATIONMake your life easierA single siteto manageand maintainAnalyticsin one place,a single reportto analyseGooglerecommendsresponsive design
  48. 48. CraftedPRESENTATIONFutureproof(I tried so hard to avoid buzzwords!)?
  49. 49. 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
  50. 50. CraftedPRESENTATIONCreditsIconography from The Noun ProjectiPad (Andreas Bjurenborg), iPhone, Computer
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×