SlideShare une entreprise Scribd logo
1  sur  11
Responsive Design
It’s Not All About Eye Candy
Imagine you are on your phone and both of these mobile sites
feature Something Interesting you are browsing for.
Which would you choose?
Great Content, Distracting Navigation
On Mobile, compelling links don’t
always lead to usable content.
For mini websites like this, creative
mobile gestures (Press & Zoom,
Swipe, Drag) are required.
This adds TIME and WORK to the
user’s experience with your brand.
Responsive Design Saves Time
Consistency
It is an adaptation to the way we use devices.
 Responsive sites provide a seamless transition
for the multi-screen user.
Agnostic
Responsive sites react and format the content to the
device being used.
 Laptops / Desktops
 Smartphones
 Tablets
A Sizable Difference
We adjusted the size and shape of the browser on a PC to compare the Wall Street
Journal’s non-responsive website and Mashable’s responsive site.
Content Cut Off
Menu Options Harder to
Navigate
The Wall Street Journal site simply cuts off
content when the size and shape change.
If opened on an actual phone, the site shows
up as a tiny, less-usable version.
Call to Action
(“Subscribe”) Hidden
Usable Menu and Search
Options
Well Organized Visual
and Written Content
On the Mashable website, content adjusts as
the shape changes. Users can browse by
clicking a pull down menu and select articles
by swiping.
Accessible Call to Action
We live in a Multi-Screen World
87% of US adults own a cell phone, 45% own
Smartphones and 31% own Tablets
Tablet Sales Continue to Grow
$100 Million: Expected tablet sales for this year
Shipments are predicted to have a 28% compound
annual growth rate for the next five years.
Why is Responsive Design SO Important?
Consumers are using mobile devices as they
would a notebook or desktop
Close to 60% of tablet owners prefer to read news
articles on the web rather than through an app.
31% of mobile phone owners go online almost
exclusively with their mobile devices.
Mobile internet traffic makes up 13% of all global
internet traffic.
We access everything on mobile!
People want to access information on any
device, at any time, from anywhere.
Having a responsive site will ensure that Your
Content keeps consumers engaged via a
device of their choosing.

Contenu connexe

Tendances

Future Mobile Strategies You Can't Afford To Neglect
Future Mobile Strategies You Can't Afford To NeglectFuture Mobile Strategies You Can't Afford To Neglect
Future Mobile Strategies You Can't Afford To NeglectEmarketeers
 
Making the most of mobile
Making the most of mobileMaking the most of mobile
Making the most of mobileJames Luscombe
 
Why Apps? Retailers focusing on mobile apps
Why Apps? Retailers focusing on mobile appsWhy Apps? Retailers focusing on mobile apps
Why Apps? Retailers focusing on mobile appsAdRoll
 
Mobile Research: getting closer to the truth
Mobile Research: getting closer to the truthMobile Research: getting closer to the truth
Mobile Research: getting closer to the truthGabriella Bergaglio
 
Superfast mega trends dorset jan 2015
Superfast mega trends dorset jan 2015Superfast mega trends dorset jan 2015
Superfast mega trends dorset jan 2015Superfast Business
 
PG Connects 2015: How to Leverage TV to Build a Brand and Deliver ROI on Ad S...
PG Connects 2015: How to Leverage TV to Build a Brand and Deliver ROI on Ad S...PG Connects 2015: How to Leverage TV to Build a Brand and Deliver ROI on Ad S...
PG Connects 2015: How to Leverage TV to Build a Brand and Deliver ROI on Ad S...AppLift
 
iPad Advertising Best Practices
iPad Advertising Best PracticesiPad Advertising Best Practices
iPad Advertising Best PracticesCrisp Media
 
Affiliate Adventures in Mobile Commerce
Affiliate Adventures in Mobile CommerceAffiliate Adventures in Mobile Commerce
Affiliate Adventures in Mobile CommerceAffiliate Summit
 
ADV 420 Final Presentation
ADV 420 Final PresentationADV 420 Final Presentation
ADV 420 Final PresentationTyler Vens
 
Why , Future is mobile ?
Why , Future is mobile ? Why , Future is mobile ?
Why , Future is mobile ? redwhy
 
Andrew Smith - Cord Cutting: Creating Media Experiences That Matter in an Age...
Andrew Smith - Cord Cutting: Creating Media Experiences That Matter in an Age...Andrew Smith - Cord Cutting: Creating Media Experiences That Matter in an Age...
Andrew Smith - Cord Cutting: Creating Media Experiences That Matter in an Age...Seattle Interactive Conference
 
How to Implement a Mobile First Digital Strategy - Tania Seif, Coral
How to Implement a Mobile First Digital Strategy - Tania Seif, CoralHow to Implement a Mobile First Digital Strategy - Tania Seif, Coral
How to Implement a Mobile First Digital Strategy - Tania Seif, CoralOnline Influence
 
ADV 420 Final Presentation
ADV 420 Final PresentationADV 420 Final Presentation
ADV 420 Final PresentationTyler Vens
 
Awsnapp3
Awsnapp3Awsnapp3
Awsnapp3AwSnapp
 
Mobile Convention Brussels - Mark Brill
Mobile Convention Brussels - Mark BrillMobile Convention Brussels - Mark Brill
Mobile Convention Brussels - Mark BrillMobile Convention
 
3 UA Megatrends 2015
3 UA Megatrends 20153 UA Megatrends 2015
3 UA Megatrends 2015Eric Seufert
 
The continuous experience, cumulating with the tablet.
The continuous experience, cumulating with  the tablet. The continuous experience, cumulating with  the tablet.
The continuous experience, cumulating with the tablet. silviogalea
 

Tendances (20)

Future Mobile Strategies You Can't Afford To Neglect
Future Mobile Strategies You Can't Afford To NeglectFuture Mobile Strategies You Can't Afford To Neglect
Future Mobile Strategies You Can't Afford To Neglect
 
Making the most of mobile
Making the most of mobileMaking the most of mobile
Making the most of mobile
 
Why Apps? Retailers focusing on mobile apps
Why Apps? Retailers focusing on mobile appsWhy Apps? Retailers focusing on mobile apps
Why Apps? Retailers focusing on mobile apps
 
Mobile Research: getting closer to the truth
Mobile Research: getting closer to the truthMobile Research: getting closer to the truth
Mobile Research: getting closer to the truth
 
Superfast mega trends dorset jan 2015
Superfast mega trends dorset jan 2015Superfast mega trends dorset jan 2015
Superfast mega trends dorset jan 2015
 
PG Connects 2015: How to Leverage TV to Build a Brand and Deliver ROI on Ad S...
PG Connects 2015: How to Leverage TV to Build a Brand and Deliver ROI on Ad S...PG Connects 2015: How to Leverage TV to Build a Brand and Deliver ROI on Ad S...
PG Connects 2015: How to Leverage TV to Build a Brand and Deliver ROI on Ad S...
 
iPad Advertising Best Practices
iPad Advertising Best PracticesiPad Advertising Best Practices
iPad Advertising Best Practices
 
Affiliate Adventures in Mobile Commerce
Affiliate Adventures in Mobile CommerceAffiliate Adventures in Mobile Commerce
Affiliate Adventures in Mobile Commerce
 
ADV 420 Final Presentation
ADV 420 Final PresentationADV 420 Final Presentation
ADV 420 Final Presentation
 
Why , Future is mobile ?
Why , Future is mobile ? Why , Future is mobile ?
Why , Future is mobile ?
 
Andrew Smith - Cord Cutting: Creating Media Experiences That Matter in an Age...
Andrew Smith - Cord Cutting: Creating Media Experiences That Matter in an Age...Andrew Smith - Cord Cutting: Creating Media Experiences That Matter in an Age...
Andrew Smith - Cord Cutting: Creating Media Experiences That Matter in an Age...
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
How to Implement a Mobile First Digital Strategy - Tania Seif, Coral
How to Implement a Mobile First Digital Strategy - Tania Seif, CoralHow to Implement a Mobile First Digital Strategy - Tania Seif, Coral
How to Implement a Mobile First Digital Strategy - Tania Seif, Coral
 
ADV 420 Final Presentation
ADV 420 Final PresentationADV 420 Final Presentation
ADV 420 Final Presentation
 
MOBILESHOPPING2016
MOBILESHOPPING2016MOBILESHOPPING2016
MOBILESHOPPING2016
 
Awsnapp3
Awsnapp3Awsnapp3
Awsnapp3
 
Mobile Convention Brussels - Mark Brill
Mobile Convention Brussels - Mark BrillMobile Convention Brussels - Mark Brill
Mobile Convention Brussels - Mark Brill
 
Mobile webinarslides
Mobile webinarslidesMobile webinarslides
Mobile webinarslides
 
3 UA Megatrends 2015
3 UA Megatrends 20153 UA Megatrends 2015
3 UA Megatrends 2015
 
The continuous experience, cumulating with the tablet.
The continuous experience, cumulating with  the tablet. The continuous experience, cumulating with  the tablet.
The continuous experience, cumulating with the tablet.
 

Similaire à Responsive Design: It’s Not All About Eye Candy

optimize website for mobile marketing
optimize website for mobile marketingoptimize website for mobile marketing
optimize website for mobile marketingOlatunji Adetunji
 
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
 
Responsive website
Responsive websiteResponsive website
Responsive websiteborjanshoes
 
What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive websiteborjanshoes
 
What is Responsive Design and how does it help your business ?
What is Responsive Design and how does it help your business ?What is Responsive Design and how does it help your business ?
What is Responsive Design and how does it help your business ?Grapefruit
 
2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpages2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpagesChafik YAHOU
 
Google: Does your website work for the multi-screen UK consumer?
Google: Does your website work for the multi-screen UK consumer?Google: Does your website work for the multi-screen UK consumer?
Google: Does your website work for the multi-screen UK consumer?Matt Brocklehurst
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersBBDO
 
Trimax solutions article why your website must now be responsive for smartp...
Trimax solutions article   why your website must now be responsive for smartp...Trimax solutions article   why your website must now be responsive for smartp...
Trimax solutions article why your website must now be responsive for smartp...trimaxsolutions
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignJaneMuder
 
Carousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove DesignMike Vdovin
 
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing PagesEvgeny Tsarkov
 
Tablet Friendly Web Design - Best Practices for Financial Services
Tablet Friendly Web Design - Best Practices for Financial ServicesTablet Friendly Web Design - Best Practices for Financial Services
Tablet Friendly Web Design - Best Practices for Financial ServicesCorporate Insight
 
The ins and outs of Responsive Web Design
The ins and outs of Responsive Web DesignThe ins and outs of Responsive Web Design
The ins and outs of Responsive Web Designmeijun_corp
 
FINZ_Magazine_Article
FINZ_Magazine_ArticleFINZ_Magazine_Article
FINZ_Magazine_Articleeverydayhero
 
Mc neill marty_mobilepresentation
Mc neill marty_mobilepresentationMc neill marty_mobilepresentation
Mc neill marty_mobilepresentationmmcneill76
 
FWD Project 4
FWD Project 4FWD Project 4
FWD Project 4anij0822
 
How Digital Is Becoming A Mobile First Experience
How Digital Is Becoming A Mobile First ExperienceHow Digital Is Becoming A Mobile First Experience
How Digital Is Becoming A Mobile First ExperienceYuan Wang
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design AnalysisGamze Dede Pala
 

Similaire à Responsive Design: It’s Not All About Eye Candy (20)

optimize website for mobile marketing
optimize website for mobile marketingoptimize website for mobile marketing
optimize website for mobile marketing
 
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
 
Responsive website
Responsive websiteResponsive website
Responsive website
 
What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive website
 
What is Responsive Design and how does it help your business ?
What is Responsive Design and how does it help your business ?What is Responsive Design and how does it help your business ?
What is Responsive Design and how does it help your business ?
 
2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpages2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpages
 
Google: Does your website work for the multi-screen UK consumer?
Google: Does your website work for the multi-screen UK consumer?Google: Does your website work for the multi-screen UK consumer?
Google: Does your website work for the multi-screen UK consumer?
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
 
Trimax solutions article why your website must now be responsive for smartp...
Trimax solutions article   why your website must now be responsive for smartp...Trimax solutions article   why your website must now be responsive for smartp...
Trimax solutions article why your website must now be responsive for smartp...
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Carousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaper
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing Pages
 
Tablet Friendly Web Design - Best Practices for Financial Services
Tablet Friendly Web Design - Best Practices for Financial ServicesTablet Friendly Web Design - Best Practices for Financial Services
Tablet Friendly Web Design - Best Practices for Financial Services
 
The ins and outs of Responsive Web Design
The ins and outs of Responsive Web DesignThe ins and outs of Responsive Web Design
The ins and outs of Responsive Web Design
 
FINZ_Magazine_Article
FINZ_Magazine_ArticleFINZ_Magazine_Article
FINZ_Magazine_Article
 
Mc neill marty_mobilepresentation
Mc neill marty_mobilepresentationMc neill marty_mobilepresentation
Mc neill marty_mobilepresentation
 
FWD Project 4
FWD Project 4FWD Project 4
FWD Project 4
 
How Digital Is Becoming A Mobile First Experience
How Digital Is Becoming A Mobile First ExperienceHow Digital Is Becoming A Mobile First Experience
How Digital Is Becoming A Mobile First Experience
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design Analysis
 

Dernier

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
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
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
[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
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
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
 
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
 
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
 
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
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 

Dernier (20)

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
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
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
[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
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
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
 
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
 
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
 
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
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 

Responsive Design: It’s Not All About Eye Candy

  • 1. Responsive Design It’s Not All About Eye Candy
  • 2. Imagine you are on your phone and both of these mobile sites feature Something Interesting you are browsing for. Which would you choose?
  • 3. Great Content, Distracting Navigation On Mobile, compelling links don’t always lead to usable content. For mini websites like this, creative mobile gestures (Press & Zoom, Swipe, Drag) are required. This adds TIME and WORK to the user’s experience with your brand.
  • 4. Responsive Design Saves Time Consistency It is an adaptation to the way we use devices.  Responsive sites provide a seamless transition for the multi-screen user. Agnostic Responsive sites react and format the content to the device being used.  Laptops / Desktops  Smartphones  Tablets
  • 5. A Sizable Difference We adjusted the size and shape of the browser on a PC to compare the Wall Street Journal’s non-responsive website and Mashable’s responsive site.
  • 6. Content Cut Off Menu Options Harder to Navigate The Wall Street Journal site simply cuts off content when the size and shape change. If opened on an actual phone, the site shows up as a tiny, less-usable version. Call to Action (“Subscribe”) Hidden
  • 7.
  • 8. Usable Menu and Search Options Well Organized Visual and Written Content On the Mashable website, content adjusts as the shape changes. Users can browse by clicking a pull down menu and select articles by swiping. Accessible Call to Action
  • 9. We live in a Multi-Screen World 87% of US adults own a cell phone, 45% own Smartphones and 31% own Tablets Tablet Sales Continue to Grow $100 Million: Expected tablet sales for this year Shipments are predicted to have a 28% compound annual growth rate for the next five years. Why is Responsive Design SO Important?
  • 10. Consumers are using mobile devices as they would a notebook or desktop Close to 60% of tablet owners prefer to read news articles on the web rather than through an app. 31% of mobile phone owners go online almost exclusively with their mobile devices. Mobile internet traffic makes up 13% of all global internet traffic. We access everything on mobile!
  • 11. People want to access information on any device, at any time, from anywhere. Having a responsive site will ensure that Your Content keeps consumers engaged via a device of their choosing.