The rise of tablets   how responsive web design is in your future
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

The rise of tablets how responsive web design is in your future

  • 474 views
Uploaded on

Your web site needs to be accessible and usable for everyone even as the number of devices, platforms and browsers that are used to access it continue to expand every day. Incorporating a......

Your web site needs to be accessible and usable for everyone even as the number of devices, platforms and browsers that are used to access it continue to expand every day. Incorporating a responsive web design represents a fundamental shift in how web sites are built now – and into the future.

Join Rick Wilson, President of Miva Merchant as he discusses the explosive growth in tablets and how you need to be making changes to your site now along with things you need to consider as you redesign your ecommerce web site in the future.

More in: Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
474
On Slideshare
474
From Embeds
0
Number of Embeds
0

Actions

Shares
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. The Rise of Tablets - How Responsive Web Design Is In Your Future Rick Wilson President/COO Miva Merchant ASD/IMA March 2013 – Las Vegas, Nevada
  • 2. Not a Buzz-Word
  • 3. There is no such thing as the“mobile” internet!
  • 4. So…What is RWD• Progressive enhancement based on browser-, device- , or feature-detection• Flexible, grid-based layouts• Flexible images and media• Utilize CSS3 media queries
  • 5. CSS3 Media What??? • Device agnostic • Media queries look at physical characteristics: – Browser viewport – Device screen size – Device orientation @media only screen and (min-width: 480px) { /* CSS FOR SCREENS WIDER THAN 480PX GOES HERE */ } @media only screen and (min-width: 600px) { /* CSS FOR SCREENS WIDER THAN 600PX GOES HERE */ }
  • 6. Future FriendlyResponsive Web Design + Adaptive Web Design =Progressive Web Design
  • 7. Mobile vs. Responsive• Should you build a separate mobile site or a responsive Web site?• Instead of mobile last, build mobile first.• Tablets are NOT mobile!
  • 8. PROS• Your site is available to everyone regardless of the device they use.• You only have one set of content to update and track analytics for.• Endorsed by Google.• Future Friendly
  • 9. CONS• Higher initial development costs.• Updates must be tested on a variety of devices.• Possible page performance issues on slower networks.• Video, third-party code and banners can pose challenges.
  • 10. How does this affect me?• 79% of US smartphone and tablet owners have used their mobile devices for shopping- related activities.• 42% of tablet owners have “used their device to purchase an item,” compared to 29% of smartphone owners. Source: http://blog.nielsen.com/nielsenwire/online_mobile/how-us-smartphone-and-tablet-owners-use-their-devices-for-shopping/
  • 11. Tablets Are The Future
  • 12. Desktop
  • 13. Laptop
  • 14. Tablet
  • 15. Smartphone
  • 16. Queries &Responses
  • 17. Credits• http://www.smashingmagazine.com/2013/02/25/there-is-no-mobile-internet/• http://en.wikipedia.org/wiki/Responsive_web_design• http://www.webdesignerdepot.com/2013/01/the-new-rules-of-the-responsive-web/• http://www.universalmind.com/mindshare/entry/mobile-users-will-exceed-desktop-users-by- 2014• http://www.lukew.com/ff/entry.asp?1631• http://www.lukew.com/ff/entry.asp?1551• http://blog.nielsen.com/nielsenwire/online_mobile/how-us-smartphone-and-tablet-owners- use-their-devices-for-shopping• http://www.mivamerchant.com/blog/ecommerce-and-tablet-users-on-the-rise