responsive web design - bringing your site to the masses
TRANSCRIPT
![Page 1: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/1.jpg)
Responsive Web Design:Bringing Your Site to the Masses
Matt Zimmermann
![Page 2: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/2.jpg)
![Page 3: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/3.jpg)
![Page 4: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/4.jpg)
MAJOR BROWSER COMPATIBILITY
![Page 5: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/5.jpg)
![Page 6: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/6.jpg)
❏ Single Codebase
❏ Easier to Maintain
❏ Improved SEO and Better Conversion Tracking
❏ Visitors want Access to Your Site Wherever THEY Are
“Day by day, the number of devices, platforms, and
browsers that need to work with your site grows.
Responsive web design represents a fundamental shift in
how we’ll build websites for the decade to come.”
- Jeffrey Veen
![Page 7: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/7.jpg)
![Page 8: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/8.jpg)
With the surge in usage of tablets andsmartphones, the demand formobile-friendly sites is higher than ever.
![Page 9: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/9.jpg)
❏ Generally higher initial design and development cost
❏ The codebase may require advanced tweaking to make
page loads faster
❏ Possibly more asset management needed
![Page 10: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/10.jpg)
Why Responsive Design Might Not Be Right For You
![Page 11: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/11.jpg)
❏ Your site is fine on a tablet and you mobile traffic is
basically non-existent.
❏ Your site content does not lend well to mobile devices.
❏ Your site is comprised of several, static systems making
updating the layout very costly or just not feasible
without re-platforming.
❏ You already have a mobile app.
Why Responsive Design Might Not Be Right For You
![Page 12: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/12.jpg)
![Page 13: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/13.jpg)
❏ Mobile-First...more importantly USERS first
❏ Large trigger areas
❏ Hidden or off-canvas menus
❏ Use only necessary imagery, rely more on SVG or icons
❏ Optimize the UX for touch
![Page 14: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/14.jpg)
Miva ReadyThemes
http://apps.miva.com/themes
![Page 15: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/15.jpg)
![Page 16: Responsive web design - bringing your site to the masses](https://reader033.vdocuments.us/reader033/viewer/2022042716/55a7ba5e1a28ab146d8b481d/html5/thumbnails/16.jpg)
Matt ZimmermannFollow me: @mivamatt
@influxweb
Slides: speakerdeck.com/mattz