Your SlideShare is downloading. ×
0
RESPONSIVE WEB DESIGN
What is responsive designA website that responds to the device that accesses   it and delivers the appropriate output for ...
Why mobile friendly ? There are currently 6 Billion mobile subscribers worldwide This equals to 87% of the world’s popul...
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
Non-mobile friendly sites can hurt a company’s reputation !! 48% of users say they feel frustrated and annoyed when  they...
How many screen size actually?
Benefit of Responsive Website? Support broad range of screen sizes. Centralize website content, easy to update. Full tr...
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...
Which one to choose?                                                    Mitt Romney’s dedicated                           ...
Thank you !!
Upcoming SlideShare
Loading in...5
×

WWTH 11.0: Responsive Web Design by Komjak, Co-Founder Flexmedia

727

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
727
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "WWTH 11.0: Responsive Web Design by Komjak, Co-Founder Flexmedia"

  1. 1. RESPONSIVE WEB DESIGN
  2. 2. What is responsive designA website that responds to the device that accesses it and delivers the appropriate output for it usesrather than designing multiple sites for different-sizeddevices, this approach designs one site but specifies how it should appear on varied devices.
  3. 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. 4. Why mobile friendly ? Source: www.digitalbuzzblog.com/infographic-2012-mobile-growth-statistics/
  5. 5. Source: www.digitalbuzzblog.com/infographic-2012-mobile-growth-statistics/
  6. 6. Why mobile friendly ? Source: googlemobileads.blogspot.com/2012/09/mobile-friendly-sites-turn-visitors.html
  7. 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. 8. How many screen size actually?
  9. 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. 10. Mobile Web Best Practices? Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices
  11. 11. Mobile Web Best Practices? Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices
  12. 12. Mobile Web Best Practices? Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices
  13. 13. Mobile Web Best Practices? Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices
  14. 14. Mobile Web Best Practices? Source: http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices
  15. 15. How much does it cost?Start from open sources to $75,000 Source: http://www.iab.net/mobilevendors
  16. 16. Where should I get Start? Source: http://www.howtogomo.com/en/d/get-started/#build-your-site
  17. 17. Where should I get Start? Source: http://www.howtogomo.com/en/d/get-started/#build-your-site
  18. 18. Where should I get Start? Source: http://www.howtogomo.com/en/d/get-started/#build-your-site
  19. 19. Mobile App VS Responsive Design? Source: http://analytics.blogspot.com/2012/07/mobile-websites-vs-responsive-design.html
  20. 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. 21. Thank you !!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×