Your SlideShare is downloading. ×
WWTH 11.0: Responsive Web Design by Komjak, Co-Founder Flexmedia
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

707
views

Published on


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

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. RESPONSIVE WEB DESIGN
  • 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. 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 !!

×