Responsive web design allows a single website to be accessed from any device but display content optimized for that device's screen size. It has become important as mobile internet usage grows significantly worldwide. Some key benefits of responsive design are supporting all screen sizes from a single code base, improving search engine optimization, and providing a better user experience for mobile users. Best practices for responsive design include keeping pages lightweight, using fluid grids and images, and prioritizing above-the-fold content. While separate mobile sites can also be effective, responsive design allows for centralized content management and tracking across devices.

1. RESPONSIVE WEB DESIGN

2. What is responsive 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.

3. Why mobile friendly ?
 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
Source: www.digitalbuzzblog.com/infographic-2012-mobile-growth-statistics/

4. Why mobile friendly ?
Source: www.digitalbuzzblog.com/infographic-2012-mobile-growth-statistics/

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

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

7. Non-mobile friendly sites can hurt a
company’s reputation !!
 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.
Source: googlemobileads.blogspot.com/2012/09/mobile-friendly-sites-turn-visitors.html

8. How many screen size actually?

9. 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.

10. Mobile Web Best Practices?
Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

11. Mobile Web Best Practices?
Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

12. Mobile Web Best Practices?
Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

13. Mobile Web Best Practices?
Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

14. Mobile Web Best Practices?
Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices

15. How much does it cost?
Start from open sources to $75,000
Source: http://www.iab.net/mobilevendors

16. Where should I get Start?
Source: http://www.howtogomo.com/en/d/get-started/#build-your-site

17. Where should I get Start?
Source: http://www.howtogomo.com/en/d/get-started/#build-your-site

18. Where should I get Start?
Source: http://www.howtogomo.com/en/d/get-started/#build-your-site

19. Mobile App VS Responsive Design?
Source: http://analytics.blogspot.com/2012/07/mobile-websites-vs-responsive-design.html

20. Which one to choose?
Mitt Romney’s dedicated
mobile website
VS Barack Obama’s
responsive website.
Source: http://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-
website-presidential-smackdown/

21. Thank you !!