The Content First Approach to Responsive Design
Author: Rain Michaels
Summary: Responsive Design is a basic requirement for any new project in this day and age, however, the way we approach responsive design can vary widely depending upon priorities. At Stauffer, we follow the Progressive Enhancement(or Content First) model.
What does this mean?
As Responsive Design has become a basic principle for web application design, there is simply zero excuse for any contemporary site accessible today to not beautifully render well across a multitude of different devices and screen sizes.
Today, Search Engines penalize sites that are not yet responsive, and many are now seeing analytics with over 50% mobile usage. In fact, an increasing number of web application users are mobile-only — in 2017, approximately 15% of all users in the US — meaning, their entire experience of the web is small-format.
While responsive design may no longer be an option for today's web application, it is also not simple. It requires web application owners to think very critically about the nature and presentation of their content. It also requires designers — a demographic that often cares about pixel perfection — to forgo control of how the end consumer will experience their work.
This presents a complex challenge, and like most good challenges, there are different paths to approach the solution. In the last few years, three distinct methods for making a site friendly across devices have emerged, and whichever you choose says a lot about your priorities.
These methods include:
- Seperate Web Applications Built For Each Environment
- Graceful Degradation (most common)
- Progressive Enhancement (also known as Content First and/or Mobile First)