Is Responsive Design the Future?

Is Responsive Design the Future?

Is Responsive Design the Future?

Consider the Future

You are embarking upon a website redesign for your business or organization, and you want to invest your time and money wisely.

You know that next year there will be a slew of snazzy new devices that people are using to access the Internet, and you don’t want your website to suddenly be obsolete just because Google Glass is finally on the market.

Good news: you are already ahead of the curve in considering how future-proof your website will be.

This is not a new problem, by the way. As long as there has been an Internet, there has been a wide variety of ever changing devices (hardware) and browsers (software) used to access it. And for just as long, the smartest people in our industry have advocated techniques that embrace this essential nature of the web.

But the issue has more urgency now, as mobile devices and tablets have penetrated the market to such a degree that some are heralding the end of the PC. One of our clients in higher education is regularly handing out iPads to students and staff alike. If you are creating a web site or web application, making sure it looks great and works well on phones and tablets is a sine qua non.

What is Responsive Design?

So how do you get there? The basics remain the same: start with content first, and make sure you and the people you are working with are designing with web standards and using best practices such as progressive enhancement. Then take it to the next level using responsive design.

Responsive design is just what it sounds like: your website responds well to different situations. For most of your viewers, this is dominated by differences in screen size, pixel density (eg retina displays), and orientation (landscape or portrait). Viewing a web site on a desktop computer with a large monitor is a different experience than viewing it on an iPad, or an iPhone, or an android tablet, or a kindle, or a blackberry, etc, etc, ad infinitum.

How Does Responsive Design Work?

Responsive design utilizes three main techniques:

  1. Fluid Grids: a common example would be a two column layout that collapses to one column on smaller devices.
  2. Flexible Images: not only changing the size of an image as the layout changes, but also providing the correct resolution image for the device and making sure you aren’t forcing phone users on cell networks to download images that are sized for the desktop.
  3. Media Queries: attributes of the viewing device (e.g. maximum device width) that allow styles to transition between different states

Here’s an easy way to see how responsive a website is. Pull up your favorite site in a browser on your desktop computer. Maximize your browser window. Now start to scale down the size of your browser. You’re approaching tablet territory. What happens to the site? Does it break? Is it readable? Continue to scale the browser window down horizontally until you can’t go any further. You’re in cell phone territory. How does it look now? Is it usable at all or do you have to scroll to see anything?

The site you’re on right now has been designed with responsive principles, so you can do that demo if you’re on a desktop computer. If you’re on a phone or tablet, you should be having an enjoyable reading experience that feels like it was meant for your device. This is the main goal of responsive design.

Get Moving, Responsively

There are a lot of other considerations that come into play when you are making decisions about how to design or redesign your site or application. There are even use cases where separate sites for specific devices might make sense. But it’s hard to go wrong with web standards and responsive design, which are not only the quickest solutions to building a site that can be comfortably viewed by anyone, but also the most future proof.

Further Resources

Learning Responsive Design

Responsive Design Templates

Related Blogs

have a question?

Send us a message

stay informed
Subscribe to 2m2x! Get the latest insights on innovation from our CEO, Rajiv Menon

We love making an impact!

To request a call, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Time To Reinvent Your Company?​

Time to reinvent your company but not sure where to start? Download or free Innovation Workbook to get started today!

* You will be automatically redirected to the Workbook after you complete the form.

Process Automation

To learn more about our Process Automation solutions, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Code Review

To learn more about our Code Review, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Process Audit

To learn more about our Process Audit, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Salesforce Architecture Review

To learn more about our Salesforce Architecture Review, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Digital Transformation

To learn more about our Digital Transformation solutions, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Product Development

To learn more about our Product Development solutions, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Team Enrichment

To learn more about our Team Enrichment solutions, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Business Intelligence

To learn more about our Business Intelligence solutions, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Salesforce Consulting

To learn more about our Salesforce Consulting solutions, fill out the form below and an Informulate team member will reach out to discuss your project needs.

We are ready to help you succeed!

To request a call, fill out the form below and an Informulate team member will reach out to discuss your project needs.

We love making an impact!

To request a call, fill out the form below and an Informulate team member will reach out to discuss your project needs.

We love making an impact!

To request a call, fill out the form below and an Informulate team member will reach out to discuss your project needs.

We love making an impact!

To request a call, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Digital Transformation

To learn more about our Digital Transformation solutions, fill out the form below and an Informulate team member will reach out to discuss your project needs.

We love making an impact!

To request a call, fill out the form below and an Informulate team member will reach out to discuss your project needs.

Submit Your Resume

To apply for this position, fill out the form below and attach your resume in PDF format. A member of our HR team will review your submission and reply accordingly.

We love building things!

To request a call, fill out the form below and an Informulate team member will reach out to discuss your project needs.