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