what is responsive webdesign and why you should care
TRANSCRIPT
RESPONSIVEWebsite Design
Presentation by: Jonathan Passley
About Us
• Founded in 2008 by
Jonathan Passley (me)
• Website Design &
Online Marketing
• Your strategic partner in
generating customers
• We service SMB
• www. pdrwebsolutions.com
Today we will talk about
• What is responsive web design?
• The difference between responsive design
and a mobile website
• Benefits of responsive design
• Design 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 screen
• Easy reading with minimal zooming and scrolling
• Simplified navigation
• Custom layout
• Designed 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: comScore
• 61% of people have a better opinion of brands when they offer a good mobile experience. Source: Latitude
• 90% of people move between devices to accomplish a goal.Source: Google
Responsive vs. Mobile
• Simplicity: manage one site instead of two
• Adaptable to all screens, not just smartphones
• Responsive design is recommended by Google
• Easy to maintain and update
• Faster 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 Practices
• Readable font size
• Prominent navigation with easy-to-touch buttons
• Back-to-top link to reduce scrolling
• Simplified content
• Click-to-call phone number
• Custom layouts for portrait and landscape views
• Easily accessible address with a map view
Predict user intent and adjust design, content and calls to action
accordingly
Questions?
www.pdrwebsolutions.com
www.facebook.com/pdrwebsolutions
@pdrwebsolutions
Follow & Read Our Blog for More Tips!