Make Your Business
Mobile
with Responsive Web Design
Leisl Schrader, Remix Design
over 50%
of all traffic -- and is expected to grow
http://www.statista.com/statistics/284202/mobile-phone-internet-user-penetration-worldwide/
Mobile Internet access now accounts for
Mobile is the New Normal
64% of American adults own a smartphone.
Over 20% of Google searches are being performed on a mobile device.
In 2012, more than half of local searches were made on a mobile device.
Consumers spend more than 15 hours per week on mobile research for
products and services.
25% of internet users in the US only access the internet on a mobile device.
http://blog.hubspot.com/insiders/why-responsive-web-design, http://blog.g-design.net/post/114742498275/the-impact-of-responsive-web-design-on-your
What is the problem?
Mobile is a Difficult Transition
Seismic change โ€“ Desktop-only Web sites were built to be completely static, and
are ill-equipped to handle mobile users.
Costs of change โ€“ Mobile optimization may feel like spending money on fixing
something that isnโ€™t broken.
Enormous diversity โ€“ The number of Web-enabled mobile devices is continually
growing. ViewportSizes.com currently lists 286 unique screen resolutions.
Mobilegeddon 2015 โ€“ A site that is not mobile-optimized now negatively
impacts your Google pagerank.
Mobile is What Customers Want
โ€œ61% of people have a better opinion of
brands when they offer a good mobile
experienceโ€
โ€œKenticoโ€™s survey found that 40 percent
of respondents claimed they have
experienced difficulty in navigating
healthcare sites on their smartphones.โ€
http://www.uxbooth.com/articles/10-usability-lessons-from-steve-krugs-dont-make-me-think/
โ€œAs a rule, people donโ€™t like to puzzle
over how to do things. If people who
build a site donโ€™t care enough to make
things obvious, it can erode confidence
in the site and its publishers.โ€
http://blog.hubspot.com/insiders/why-responsive-web-design
http://www.mobilemarketer.com/cms/news/strategy/20907.html
What is the solution?
Many Devices โ€“
One Web Site
Responsive
Design
Responsive Web Design (RWD)
An approach where a single Web site is designed to be universally accessible on
any type of Web-enabled device.
It is is built to change and adjust its
format to best suit the userโ€™s
environment, based on screen size,
device type, operating system,
and bandwidth.
Benefits
Save time and money โ€“ Update your Web site once, reach multiple platforms.
Optimization โ€“ Tailor user experience based on context. Make sure users see
the most relevant content for their situation.
Expand reach โ€“ Support users who donโ€™t have access to desktop computers.
Improve SEO โ€“ RWD helps Google pagerank; mobile sites hurt it.
Future-proof โ€“ Account for screen sizes that donโ€™t exist today.
Better than the Alternatives
Minimize cost and workload โ€“ Building a mobile app, or a separate mobile-only
site, means building and maintaining two entirely different platforms
Better SEO โ€“ RWD is the method endorsed by Google
More customizable โ€“ Optimize user experiences on not only large and small
screens, and all screens in between
More consistent โ€“ Give users the same experience across devices, rather than
having them โ€œlearnโ€ different platforms
What are the results?
Success Stories
Time.com โ€“ Mobile and tablet traffic increased 10%; mobile Pages per visit
(PPV) increased 23%; homepage unique visits increased 15%, and time spent
went up 7.5%, with the mobile bounce rate decreasing by 26%.
1-800-CONTACTS โ€“ 8% increase in conversion rate vs. mobile site; dramatically
reduced maintenance costs and effort; SEO traffic boosted due to single URL.
State Farm โ€“ 56 percent mobile conversion rate increase vs. static site
http://engage.synecoretech.com/marketing-technology-for-growth/bid/204282/4-Success-Stories-that-Prove-Responsive-Web-Design-is-the-Future, https://econsultancy.com/blog/62260-five-brands-that-
reaped-rewards-after-adopting-responsive-design
Success Stories
http://v1.aberdeen.com/launch/report/knowledge_brief/9084-KB-responsive-design.asp
Success Stories
http://www.slideshare.net/marketingexperiments/responsive-design-tested-what-a-recent-experiment-reveals-about-the-potential-roi-of-mobile-design
Why healthcare?
Accessibility is a Virtue
Expanded options โ€“ Mobile and tablet devices are often the choice for those
with limited mobility.
Support for the visually impaired โ€“ RWD works great for screen readers or text-
resizing options.
Following established guidelines (Section 508 and WCAG) along with RWD will
allow patients with visual disabilities to access your information on the Web
without barriers.
HealthCare.gov
โ— Features a responsive design
โ— 7.5 million users used the site to sign
up for health insurance as of April 2014
โ— More than one-fourth of these users
signed up from mobile devices โ€“ over
1.8 million people
http://levohealth.com/responsive-design-healthcare-really-important/
Any Questions?
leisl@remixdesign.ws
Additional Sources
http://levohealth.com/responsive-design-healthcare-really-important/
http://www.antistaticdesign.com/blog/article/responsive-web-design-and-healthcare-organizations
http://finance.yahoo.com/news/kentico-global-survey-healthcare-provider-130000638.html?soc_src=mail&soc_trk=ma
http://www.ssbbartgroup.com/blog/what-does-responsive-web-design-have-to-do-with-accessibility/
http://www.forbes.com/sites/work-in-progress/2013/03/26/why-you-need-to-prioritize-responsive-design-right-now/
http://www.kunocreative.com/blog/responsive-website-design-higher-conversion-rates

(Healthcare) make your business mobile with responsive web design

Editor's Notes

  • #10ย RWD has steadily grown in popularity since its inception in 2009, following with a steady rise in mobile and tablet web browsing. In 2016, it is a well-established industry standard.
  • #11ย Users on mobile devices are likely in a different context; they are on the go, rather than sitting at a desk quietly. They have less bandwidth, less time, and less patience. Other ways to optimize are to load fewer or smaller assets, remove features, or change the emphasis of content.
  • #14ย These are just the big names; dozens and dozens of smaller companies reported successes
  • #18ย Section 508 is federal government, WCAG is W3C