Perspectives

Advanced Responsive Web Design Considerations

By , Posted September 7, 2016

Have you ever visited a website on your phone and been so frustrated that you just gave up and left? Why were you frustrated? Was it because things didn’t work correctly? Was the site hard to navigate or use? Or did it just take so long to load that you gave up? Here’s some good news – it’s not your fault. Frustrating mobile experiences are often a result of the company or site’s failure to properly plan for and build experiences that work across all screen sizes.

Web design is in the middle of the biggest shift in its history – transitioning from designing for one screen to designing for an unlimited number of screens. Gone are the days when a designer could make a reasonable assumption about how the user was going to be viewing their design. Now, users might be accessing your website from a phone, tablet, desktop, laptop, car display, refrigerator (I’m not kidding), or any number of other devices.

Approximately 50-60% of all web traffic is now mobile traffic, so your users are more likely to be viewing on a mobile device than a desktop. The reality is that users now expect sites to look, load, and work great on all their devices.

This presents us with a challenge – how do we make sure that everyone viewing our site gets a great experience?

The answer to this is responsive design. Responsive design essentially means building the design to respond to the size of the browser or device. The goal is to provide a pleasant user experience across a multitude of devices and contexts. This philosophy has quickly become the standard in the web design industry, and anyone not practicing it risks being left behind.

As with any web design, responsive design can be done well, or it can be done poorly. There are many things to take into consideration when designing responsively, and if you ignore them you may risk confusing, frustrating, or even losing your users.

Here are a few of the main things you should be thinking about when undertaking a responsive design.

Ultimately, responsive design is about making the user’s experience the best it can be on all devices and screen sizes. The user won’t care how you’ve done it, they’ll just be thankful that you did.

I’ll end with some advanced tips and resources specifically for designers and developers to help with your responsive design projects.

Responsive Considerations for Designers:

Responsive Considerations for Developers:

Responsive Design Resources:

Here are some helpful resources for designers and developers to learn more about responsive design:

Looking for more web design tips? Check out our post: 5 Major Considerations When Rebuilding Your Website.

Our Latest Thoughts

Culture

The Internet is Stalking Us and We Have Mixed Feelings About It

Read Article

Perspectives

How Good Loyalty Programs Can Be Addicting

Read Article

News

Meet Katie Maloney

Read Article
Close

Your Browser is Out of Date

The browser you are using is currently out of date and this site may not display correctly. Please update your browser.

We recommend the Google Chrome, Mozilla Firefox or Microsoft Edge browsers.