RESPONSIVE WEB DESIGN

A website that responds to the device that accesses

it and delivers the appropriate output for it uses

rather than designing multiple sites for different-sized

devices, this approach designs one site but specifies

how it should appear on varied devices.

What is responsive design

There are currently 6 Billion mobile subscribers worldwide

This equals to 87% of the world’s population

China and India account for 30% of this growth

There are over 1.2 Billion people accessing the web from

their mobiles

Over 300,000 apps have been developed in past 3 years

Google earns 2.5 Billion in mobile ad revenue per year

Why mobile friendly ?

Source: www.digitalbuzzblog.com/infographic-2012-mobile-growth-statistics/

Why mobile friendly ?

Source: www.digitalbuzzblog.com/infographic-2012-mobile-growth-statistics/

Source: www.digitalbuzzblog.com/infographic-2012-mobile-growth-statistics/

Why mobile friendly ?

Source: googlemobileads.blogspot.com/2012/09/mobile-friendly-sites-turn-visitors.html

48% of users say they feel frustrated and annoyed when

they get to a site that’s not mobile-friendly.

52% of users said that a bad mobile experience made them

less likely to engage with a company.

48% said that if a site didn’t work well on their

smartphones, it made them feel like the company didn’t

care about their business.

Non-mobile friendly sites can hurt a company’s reputation !!

Source: googlemobileads.blogspot.com/2012/09/mobile-friendly-sites-turn-visitors.html

How many screen size actually?

Benefit of Responsive Website?

Support broad range of screen sizes.

Centralize website content, easy to update.

Full tracking code and URL management.

SEO friendly, better in result.

Get response and convert immediately from mobile

search result.

No need for App Store approval.

Mobile Web Best Practices?

Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

Mobile Web Best Practices?

Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

Mobile Web Best Practices?

Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

Mobile Web Best Practices?

Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

Mobile Web Best Practices?

Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

How much does it cost?

Start from open sources to $75,000

Source: http://www.iab.net/mobilevendors

Where should I get Start?

Source: http://www.howtogomo.com/en/d/get-started/#build-your-site

Where should I get Start?

Source: http://www.howtogomo.com/en/d/get-started/#build-your-site

Where should I get Start?

Source: http://www.howtogomo.com/en/d/get-started/#build-your-site

Mobile App VS Responsive Design?

Source: http://analytics.blogspot.com/2012/07/mobile-websites-vs-responsive-design.html

Which one to choose?

Source: http://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-

website-presidential-smackdown/

Mitt Romney’s dedicated

mobile website

VS Barack Obama’s

responsive website.

Thank you !!