Your SlideShare is downloading. ×
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?
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?
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?
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?
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?
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?
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?
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?
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?
Digital Bites: Responsive design - one size fits all?
Digital Bites: Responsive design - one size fits all?
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Digital Bites: Responsive design - one size fits all?

142

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, …

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
142
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×