what is responsive webdesign and why you should care

9
RESPONSIVE Website Design Presentation by: Jonathan Passley

Upload: pdrslide

Post on 14-Jul-2015

287 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: What is Responsive Webdesign and Why You Should Care

RESPONSIVEWebsite Design

Presentation by: Jonathan Passley

Page 2: What is Responsive Webdesign and Why You Should Care

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

Page 3: What is Responsive Webdesign and Why You Should Care

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

Page 4: What is Responsive Webdesign and Why You Should Care

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.

Page 5: What is Responsive Webdesign and Why You Should Care
Page 6: What is Responsive Webdesign and Why You Should Care

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

Page 7: What is Responsive Webdesign and Why You Should Care

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

Page 8: What is Responsive Webdesign and Why You Should Care

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

Page 9: What is Responsive Webdesign and Why You Should Care

Questions?

www.pdrwebsolutions.com

www.facebook.com/pdrwebsolutions

@pdrwebsolutions

Follow & Read Our Blog for More Tips!