Your SlideShare is downloading. ×
0
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
'Box Lunch: Responsive Web Design
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

'Box Lunch: Responsive Web Design

458

Published on

Jeb Banner shared some data on mobile traffic trends from 70 of our clients, providing a snapshot of what's happening in central Indiana. This presentation delves into the pros and cons of responsive …

Jeb Banner shared some data on mobile traffic trends from 70 of our clients, providing a snapshot of what's happening in central Indiana. This presentation delves into the pros and cons of responsive web design, with some examples of work included.

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

No Downloads
Views
Total Views
458
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
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. Responsive Web Design WITH Jeb Banner
  • 2. Quick Survey In the last 24 hours have you done the following on your phone or tablet? •  Checked or sent email •  Posted content to a social network •  Watched a video •  Searched (Google, Bing, etc) •  Purchased something
  • 3. It’s A Mobile World •  61% of people are more likely to leave a site if it’s not mobile-friendly •  67% are more likely to buy from a mobile friendly site. •  Moms with smartphones spend 6.1 hours a day on their smartphone (more than time spent on PC, newspaper, magazine, radio and TV) - Search Engine Watch
  • 4. It’s A Mobile World -KISSmetrics
  • 5. Mobile and Email “In the second half of 2012, over 40% of all commercial emails were opened via a smartphone or tablet gadget, which is up from 27% in 2011” -Knotice Mobile Email Opens Report
  • 6. Central Indiana Mobile Stats Compiled Data from over 70 Central Indiana SmallBox clients 2012 Q1/Q2 Mobile Traffic: 10.67% 2013 Q1/Q2 Mobile Traffic: 17.44% Mobile Growth from 2012 to 2013: 61%
  • 7. Ok, I get it, we need to go mobile…
  • 8. What is Responsive Web Design?
  • 9. What is Responsive Web Design? “Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones)” - Wikipedia
  • 10. What is Responsive Web Design? Translation: A responsive website adjusts fluidly to whatever browser/device you are viewing it on.
  • 11. What is Responsive Web Design? full screen
  • 12. What is Responsive Web Design? tablet
  • 13. What is Responsive Web Design? phone
  • 14. SEO and Responsive Google’s thoughts on Responsive Web Design: Sites that use responsive web design, i.e. sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device. This is Google’s recommended configuration. -Google Webmaster Guidelines June 6, 2012
  • 15. SEO and Responsive “46% of searchers use mobile exclusively to research” -Search Engine Watch, May 2013
  • 16. SEO and Responsive Client experience: "We saw a 40% increase in conversions when the responsive pages launched. Our search rankings have been increasing as well.” -Barrett Young, Angie's List SEO Strategist
  • 17. Angie’s List Responsive Example
  • 18. Responsive vs Mobile Optimized
  • 19. Responsive Pros and Cons Pros •  Works on almost all devices •  Future proofs website for unimagined devices •  Gold standard for search engines •  One set of code/CMS to maintain •  Looks awesome •  More expensive (usually) •  Takes longer to do •  Can be difficult with e- commerce •  Poor ROI for low mobile/ tablet traffic sites Cons
  • 20. Responsive Web Design Thank you and Q&A

×