responsive web design - bringing your site to the masses

16
Responsive Web Design: Bringing Your Site to the Masses Matt Zimmermann

Upload: miva

Post on 16-Jul-2015

217 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Responsive web design - bringing your site to the masses

Responsive Web Design:Bringing Your Site to the Masses

Matt Zimmermann

Page 2: Responsive web design - bringing your site to the masses
Page 3: Responsive web design - bringing your site to the masses
Page 4: Responsive web design - bringing your site to the masses

MAJOR BROWSER COMPATIBILITY

Page 5: Responsive web design - bringing your site to the masses
Page 6: Responsive web design - bringing your site to the masses

❏ 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
Page 8: Responsive web design - bringing your site to the masses

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

❏ 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

Why Responsive Design Might Not Be Right For You

Page 11: Responsive web design - bringing your site to the masses

❏ 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
Page 13: Responsive web design - bringing your site to the masses

❏ 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

Miva ReadyThemes

http://apps.miva.com/themes

Page 15: Responsive web design - bringing your site to the masses
Page 16: Responsive web design - bringing your site to the masses

Matt ZimmermannFollow me: @mivamatt

@influxweb

Slides: speakerdeck.com/mattz