Jan 15, 2015
Responsive Web Design
Zilojo© Team
The situation
Zilojo© Team
Mobile Usage: Fixed Vs Mobile Access
2009 2010 2011 2012 2013 2014 20150
500
1000
1500
2000
2500
3000
Fixed Mobile
Global Device Share
//Graph
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
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).
Responsive Web designAn 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.
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 DesignIncreased 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: [email protected]