responsive web design & miva merchant by matt zimmermann

15
RESPONSIVE WEB DESIGN & MIVA MERCHANT MATT ZIMMERMANN

Upload: miva

Post on 20-May-2015

297 views

Category:

Design


0 download

DESCRIPTION

MivaCon 2014 Breakout Session: Responsive Web Design & Miva Merchant Presented by Matt Zimmermann

TRANSCRIPT

Page 1: Responsive Web Design & Miva Merchant by Matt Zimmermann

RESPONSIVE WEB DESIGN & MIVA MERCHANTMATT ZIMMERMANN

Page 2: Responsive Web Design & Miva Merchant by Matt Zimmermann
Page 3: Responsive Web Design & Miva Merchant by Matt Zimmermann

Do I need a responsive website?

Page 4: Responsive Web Design & Miva Merchant by Matt Zimmermann

Dedicated Mobile Website

Page 5: Responsive Web Design & Miva Merchant by Matt Zimmermann

Native Mobile App

Page 6: Responsive Web Design & Miva Merchant by Matt Zimmermann

What is responsive web design then?

Page 7: Responsive Web Design & Miva Merchant by Matt Zimmermann

The Good

• A single site• Coexists with other mobile strategies• Improved search ranking• Simpler maintenance

Page 8: Responsive Web Design & Miva Merchant by Matt Zimmermann

The Bad

• Smartphones are frustrating• Page load time can increase• Imprecise or generic looking content• Starting over

Page 9: Responsive Web Design & Miva Merchant by Matt Zimmermann

The Ugly

Page 10: Responsive Web Design & Miva Merchant by Matt Zimmermann

Okay, so why should I care?• 60% of the average global mobile Web users now use mobile as either their

primary or exclusive means of going online.

• Multi-screen behavior is common, 61% of mobile web users engage in mobile activities (e.g., social networking, text messaging) while watching TV.

• Mobile is an important companion particularly for in-between times, 83% of respondents use mobile while waiting for something, and 81% while lying in bed.

Page 11: Responsive Web Design & Miva Merchant by Matt Zimmermann

The Prediction

Page 12: Responsive Web Design & Miva Merchant by Matt Zimmermann

The Reality

Page 13: Responsive Web Design & Miva Merchant by Matt Zimmermann

How does responsive web design help me?

Page 14: Responsive Web Design & Miva Merchant by Matt Zimmermann

Where to start?

• Bootstrap by Twitter [http://getbootstrap.com/]

• Foundation by Zurb [http://foundation.zurb.com/]

• Pure by Yahoo [http://purecss.io/]

• Create Your Own

Page 15: Responsive Web Design & Miva Merchant by Matt Zimmermann

Miva Merchant Bootstrap Framework

http://www.mivamerchant.com/bootstrap-framework