What is Responsive Webdesign and Why You Should Care
Post on 14-Jul-2015
Embed Size (px)
Responsive Web Design
Presentation by: Jonathan Passley
About Us Founded in 2008 by Jonathan Passley (me)Website Design & Online MarketingYour strategic partner in generating customers We service SMBwww. pdrwebsolutions.com
Services optimized for CRO 2Today we will talk aboutWhat is responsive web design?The difference between responsive design and a mobile websiteBenefits of responsive designDesign tips and best practices with live examples
What is Responsive Design?Responsive = responds & adjusts to the environment (size of the screen)One website for every screenEasy reading with minimal zooming and scrollingSimplified navigation Custom layoutDesigned for touchscreens
The Goal of responsive web design is to provide the best viewing experience across a wide range of devices.
Why Bother?58% of all US consumers already own a smartphone. Source:comScore61% of people have a better opinion of brands when they offer a good mobile experience. Source:Latitude90% of people move between devices to accomplish a goal. Source:Google
Look at your analytics on your website to see visitors using mobile devices Latitude creative research company6Responsive vs. MobileSimplicity: manage one site instead of twoAdaptable to all screens, not just smartphonesResponsive design is recommended by GoogleEasy to maintain and updateFaster loading times
A mobile website is a separate site with different code and URL. Your main site will redirect to the mobile version when accessed via a mobile phone. Example: m.yourwebsite.com Advantages of Responsive Design
Best PracticesReadable font sizeProminent navigation with easy-to-touch buttonsBack-to-top link to reduce scrollingSimplified contentClick-to-call phone numberCustom layouts for portrait and landscape viewsEasily accessible address with a map viewPredict user intent and adjust design, content and calls to action accordingly
Follow & Read Our Blog for More Tips!