Responsive Web Design
Zilojo© Team
The situation
Zilojo© Team
Mobile Usage: Fixed Vs Mobile
Access
0
500
1000
1500
2000
2500
3000
2009 2010 2011 2012 2013 2014 2015
Fixed
Mobile
Global Device Share
//Graph
Mobile Usage: Site Traffic
Insights
A dipstick research report by Zilojo showed that upon
optimization for mobile revealed...
What did this growth lead to?
The need to design for optimal mobile sites that
capture the audience in the “new” platform....
Responsive Web design
An approach to websites that allows developers
to create sites that load as per the device
environme...
Responsive Vs Adaptive design
Elements: Responsive Web design
Media
Queries
Flexible
Images
Fluid
Grids
Media Queries
Fluid Grids
Flexible Images
Considerations: Responsive Web
Design
Mobile
First
Call to
Action
Columns Branding
Pros: Responsive Web Design
Increased Conversions
Easy to maintain
Improves SEO
Saves Time and Money
Competitive Advantage
Cons: Responsive Web Design
Increase Development Time- Pioneer Phase
Advertising
Complex Testing
Relevance to the East Africa
Region
Relevance to the East Africa
Region
Figure: Estimated Number of Internet Users and Internet Penetration
Case Study: Tusky’s Supermarket
Thank You.
Contact us: info@zilojo.com
Responsive Web Design
Upcoming SlideShare
Loading in...5
×

Responsive Web Design

225

Published on

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
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
225
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

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
  • Responsive Web Design

    1. 1. Responsive Web Design Zilojo© Team
    2. 2. The situation Zilojo© Team
    3. 3. Mobile Usage: Fixed Vs Mobile Access 0 500 1000 1500 2000 2500 3000 2009 2010 2011 2012 2013 2014 2015 Fixed Mobile
    4. 4. Global Device Share //Graph
    5. 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. 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. 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. 8. Responsive Vs Adaptive design
    9. 9. Elements: Responsive Web design Media Queries Flexible Images Fluid Grids
    10. 10. Media Queries
    11. 11. Fluid Grids
    12. 12. Flexible Images
    13. 13. Considerations: Responsive Web Design Mobile First Call to Action Columns Branding
    14. 14. Pros: Responsive Web Design Increased Conversions Easy to maintain Improves SEO Saves Time and Money Competitive Advantage
    15. 15. Cons: Responsive Web Design Increase Development Time- Pioneer Phase Advertising Complex Testing
    16. 16. Relevance to the East Africa Region
    17. 17. Relevance to the East Africa Region
    18. 18. Figure: Estimated Number of Internet Users and Internet Penetration
    19. 19. Case Study: Tusky’s Supermarket
    20. 20. Thank You. Contact us: info@zilojo.com
    1. A particular slide catching your eye?

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

    ×