SlideShare uma empresa Scribd logo
1 de 21
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:
• 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 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.
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

Mais conteúdo relacionado

Semelhante a Responsive Web Design

Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppResponsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppPamela Ireri
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for BusinessFrancis Ibikunle
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for BusinessFrancis Ibikunle
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdfTECHCENTRAL3
 
Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13Chris Forhan
 
Mobile is the New Black
Mobile is the New Black Mobile is the New Black
Mobile is the New Black Duo Consulting
 
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...auexpo Conference
 
2013 Good Design is Good Business mobile and RSA
2013 Good Design is Good Business mobile and RSA2013 Good Design is Good Business mobile and RSA
2013 Good Design is Good Business mobile and RSARoger Snook
 
Vision mobile HTML5 and what it means for the mobile industry
Vision mobile   HTML5 and what it means for the mobile industryVision mobile   HTML5 and what it means for the mobile industry
Vision mobile HTML5 and what it means for the mobile industrybastila
 
How To Convert Website Into Mobile App
How To Convert Website Into Mobile AppHow To Convert Website Into Mobile App
How To Convert Website Into Mobile AppDeepanshuPuri3
 
Best Practices - Hybrid App Implementation V 03
Best Practices - Hybrid App Implementation V 03Best Practices - Hybrid App Implementation V 03
Best Practices - Hybrid App Implementation V 03Kam Rezvani
 
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile WebsitesBuild Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile WebsitesClickTecs
 
Top Trend To Design in Website Development and Design
Top Trend To Design in Website Development and DesignTop Trend To Design in Website Development and Design
Top Trend To Design in Website Development and Designengineermaste solution
 
SharePoint 2013 Mobile Strategy and Responsive Web Design
SharePoint 2013 Mobile Strategy and Responsive Web DesignSharePoint 2013 Mobile Strategy and Responsive Web Design
SharePoint 2013 Mobile Strategy and Responsive Web DesignJoel Oleson
 
Hawkins bedeyah mobile_presentation2
Hawkins bedeyah mobile_presentation2Hawkins bedeyah mobile_presentation2
Hawkins bedeyah mobile_presentation2Bhawk77
 
Figaro Digital Magazine
Figaro Digital MagazineFigaro Digital Magazine
Figaro Digital MagazineSpinning Top
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...affilinet
 

Semelhante a Responsive Web Design (20)

Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppResponsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web App
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for Business
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for Business
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdf
 
Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13
 
Mobile is the New Black
Mobile is the New Black Mobile is the New Black
Mobile is the New Black
 
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 
2013 Good Design is Good Business mobile and RSA
2013 Good Design is Good Business mobile and RSA2013 Good Design is Good Business mobile and RSA
2013 Good Design is Good Business mobile and RSA
 
Vision mobile HTML5 and what it means for the mobile industry
Vision mobile   HTML5 and what it means for the mobile industryVision mobile   HTML5 and what it means for the mobile industry
Vision mobile HTML5 and what it means for the mobile industry
 
How To Convert Website Into Mobile App
How To Convert Website Into Mobile AppHow To Convert Website Into Mobile App
How To Convert Website Into Mobile App
 
Best Practices - Hybrid App Implementation V 03
Best Practices - Hybrid App Implementation V 03Best Practices - Hybrid App Implementation V 03
Best Practices - Hybrid App Implementation V 03
 
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile WebsitesBuild Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
 
Mobile Web site options by Reactive
Mobile Web site options by ReactiveMobile Web site options by Reactive
Mobile Web site options by Reactive
 
MobileWebAppsDesign
MobileWebAppsDesignMobileWebAppsDesign
MobileWebAppsDesign
 
Top Trend To Design in Website Development and Design
Top Trend To Design in Website Development and DesignTop Trend To Design in Website Development and Design
Top Trend To Design in Website Development and Design
 
SharePoint 2013 Mobile Strategy and Responsive Web Design
SharePoint 2013 Mobile Strategy and Responsive Web DesignSharePoint 2013 Mobile Strategy and Responsive Web Design
SharePoint 2013 Mobile Strategy and Responsive Web Design
 
Why Go Mobile
Why Go MobileWhy Go Mobile
Why Go Mobile
 
Hawkins bedeyah mobile_presentation2
Hawkins bedeyah mobile_presentation2Hawkins bedeyah mobile_presentation2
Hawkins bedeyah mobile_presentation2
 
Figaro Digital Magazine
Figaro Digital MagazineFigaro Digital Magazine
Figaro Digital Magazine
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 

Último

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 

Último (20)

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 

Responsive Web Design

Notas do Editor

  1. 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
  2. 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
  3. 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
  4. 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
  5. Mention need to reduce panning, resizing and scrollingExperience Roaming- MicrosoftResponsive/environmental architecture
  6. //Mention Adaptive layouts
  7. 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
  8. 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
  9. Framelessvs Fluid Grid Debate
  10. Framelessvs Fluid Grid Debate
  11. ABST as well as responsive design