Your SlideShare is downloading. ×
  • Like
Responsive Web Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Responsive Web Design

  • 181 views
Published

This was a presentation done by Zilojo Ltd during the Mobile Web East Africa Conference. MWEA is East Africa’s premier mobile conference.

This was a presentation done by Zilojo Ltd during the Mobile Web East Africa Conference. MWEA is East Africa’s premier mobile conference.

Published in Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
181
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
1

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
  • Globally the number of mobile internet users should reach 2.1 billion in 2013 overtaking the number of users of fixed Internet (1.9 billion).This growth is being driven by emerging markets
  • Globally the number of mobile internet users should reach 2.1 billion in 2013 overtaking the number of users of fixed Internet (1.9 billion).This growth is being driven by emerging markets
  • Globally the number of mobile internet users should reach 2.1 billion in 2013 overtaking the number of users of fixed Internet (1.9 billion).This growth is being driven by emerging markets
  • Globally the number of mobile internet users should reach 2.1 billion in 2013 overtaking the number of users of fixed Internet (1.9 billion).This growth is being driven by emerging markets
  • Mention need to reduce panning, resizing and scrollingExperience Roaming- MicrosoftResponsive/environmental architecture
  • //Mention Adaptive layouts
  • Globally the number of mobile internet users should reach 2.1 billion in 2013 overtaking the number of users of fixed Internet (1.9 billion).This growth is being driven by emerging markets
  • Globally the number of mobile internet users should reach 2.1 billion in 2013 overtaking the number of users of fixed Internet (1.9 billion).This growth is being driven by emerging markets
  • Framelessvs Fluid Grid Debate
  • Framelessvs Fluid Grid Debate
  • ABST as well as responsive design

Transcript

  • 1. Responsive Web Design Zilojo© Team
  • 2. The situation Zilojo© Team
  • 3. Mobile Usage: Fixed Vs Mobile Access 0 500 1000 1500 2000 2500 3000 2009 2010 2011 2012 2013 2014 2015 Fixed Mobile
  • 4. Global Device Share //Graph
  • 5. Mobile Usage: Site Traffic Insights A dipstick research report by Zilojo showed that upon optimization for mobile revealed: • Number of visits through mobile surpassed desktop visits by 15% • 20% increase in dwell time • Visitors accessed more pages during site visits via mobile when responsive than before
  • 6. What did this growth lead to? The need to design for optimal mobile sites that capture the audience in the “new” platform. However this raised a problem as one had to design as per several mobile technologies such as HTML, XHTML Mobile Profile (WAP 2.0) or WML (a subset of HDML).
  • 7. Responsive Web design An approach to websites that allows developers to create sites that load as per the device environment. The sites are sensitive to factors such as the screen size, orientation, browser settings and orientation. This is in line with optimizing the viewer experience.
  • 8. Responsive Vs Adaptive design
  • 9. Elements: Responsive Web design Media Queries Flexible Images Fluid Grids
  • 10. Media Queries
  • 11. Fluid Grids
  • 12. Flexible Images
  • 13. Considerations: Responsive Web Design Mobile First Call to Action Columns Branding
  • 14. Pros: Responsive Web Design Increased Conversions Easy to maintain Improves SEO Saves Time and Money Competitive Advantage
  • 15. Cons: Responsive Web Design Increase Development Time- Pioneer Phase Advertising Complex Testing
  • 16. Relevance to the East Africa Region
  • 17. Relevance to the East Africa Region
  • 18. Figure: Estimated Number of Internet Users and Internet Penetration
  • 19. Case Study: Tusky’s Supermarket
  • 20. Thank You. Contact us: info@zilojo.com