Responsive web design part 1


Download PDF here

Download exercise file here

NEXT TUTORIAL – responsive images,videos, menus, backgrounds and hiding elements


Google Crome device mode and mobile emulation

Test your website

Google Survey

Here are some results of the Google survey.

Most interestingly, 61% of people said that they’d quickly move onto another site if they didn’t find what they were looking for right away on a mobile site.
The bottom line: Without a mobile-friendly site you’ll be driving users to your competition.
In fact, 67% of users are more likely to buy from a mobile-friendly site, so if that site’s not yours, you’ll be missing out in a big way.

Below are the most important tasks users perform on mobile websites per catergory.

Banking & Finance:
- Check account balances: 77 percent
- Get directions or operating hours: 65 percent
- Log into an account: 61 percent
- Pay bills: 51 percent
- Transfer money: 51 percent

- Check flight status: 78 percent
- Get directions or operating hours: 74 percent
- Check in for a flight or confirm a reservation: 69 percent
- Find a business location: 65 percent
- Log in to an account: 64 percent
- Search for flight times, hotels, car rentals: 63 percent
- Find a phone number or email address: 57 percent

- Get directions or operating hours: 74 percent
- Contact the store: 64 percent
- Find product information: 61 percent
- Make a purchase or order a service: 50 percent

- Get directions or operating hours: 66 percent
- Contact a dealer: 62 percent
- Make a service appointment: 55 percent

Why Responsive Web Design?

Google recommend using responsive web design because it has many good aspects:

Using a single URL for a piece of content makes it easier for your users to interact with, share, and link to your content, and a single URL for the content helps Google's algorithms assign the indexing properties for the content.

No redirection is needed for users to get to the device-optimized view, which reduces loading time. Also, user agent-based redirection is error-prone and can degrade your site's user experience.

It saves resources for both your site and Google's crawlers. For responsive web design pages, any Googlebot user agents needs to crawl your pages once, as opposed to crawling multiple times with different user agents, to retrieve your content.
This improvement in crawling efficiency can indirectly help Google index more of the site's contents and keep it appropriately fresh.


Google Survey