--- title: The Ethos of Responsive Design description: Are we grasping the full meaning of Responsive Web Design? What if there is a deeper meaning to this paradigm shift than fluid-widths, breakpoints and retina-caliber images? --- [Home](https://mutuallyhuman-pr-605.herokuapp.com/) - [Team](https://mutuallyhuman-pr-605.herokuapp.com/team) - [Work](https://mutuallyhuman-pr-605.herokuapp.com/work) - [Blog](https://mutuallyhuman-pr-605.herokuapp.com/blog) - [Contact](https://mutuallyhuman-pr-605.herokuapp.com/contacts) # The Ethos of Responsive Design By [Jonah Bailey](https://resources.mutuallyhuman.com/test/author/jonah-bailey) on 30 12 2013 A lot of what is written and talked about these days in reference to "responsive web design" is technology-focused. We're using new frameworks and grid-systems designed to help us display our designs on a surfeit of new devices. We concentrate on the density and size of our images so we can be sure they are rendered beautifully on retina-caliber screens without clogging up the pipe of bandwidth-constrained mobile devices. Navigation paradigms seem to be a new area of exploration and experimentation that are bringing interesting ideas to the surface. In the midst of engaging with all these new challenges, I think we are in danger of missing the most exciting element of design exposed by responsive web design. What fascinates me about responsive design isn't the "how" or the "what", it's the "why". Why this new push toward responsive design on the web? [Raymond Loewy](http://www.raymondloewy.com) was the father of modern industrial design. In many respects, he designed much of American life from ~1930 to the early 60s. Loewy's accomplishments are too prolific to list here, but among them are the famous [S1 steam locomotive](http://en.wikipedia.org/wiki/PRR_S1), several different [Studebaker automobiles](http://en.wikipedia.org/wiki/Studebaker_Avanti), and the look and feel of [Air Force One](http://en.wikipedia.org/wiki/Air_Force_One). His most iconic designs are probably the [glass Coca-Cola bottle](https://www.google.com/search?q=coca+cola+glass+bottle&client=safari&rls=en&tbm=isch&tbo=u&source=univ&sa=X&ei=4QLDUoXRN-GIygHZwoHACw&ved=0CC4QsAQ&biw=1300&bih=764) and the original [Harley Davidson knucklehead engine](http://en.wikipedia.org/wiki/Harley-Davidson_Knucklehead_engine). One of my biggest takeaways from Loewy's design philosophy was that he wasn't overly concerned with specific functions, e.g., how an engine worked or how a bottle kept carbonation. He cared about what these things were **like**. For him, the priority was the feeling his designs evoked when one experienced them. What did it feel **like** to hold that cold Coca-Cola bottle and take a drink? What was it **like** to see a Studebaker slide by on a misty morning in suburban Detroit? Therefore, my question is: What is responsive web design **like**? To start with, I'd like to take a step back and look at its parent discipline (web design) as a subset of the general design field. What differentiates web design from other disciplines of design? There are the obvious differences: it's modular, it must be adaptable to different states, interactions, and contexts, and it has a entire technological component that greatly effects execution. But in my experience, web design is really different in the types of people it attracts. Those who successfully make web design their career are a highly consultative and collaborative group. When I look at pioneers of the medium like [Jeffrey Zeldman](http://www.zeldman.com), [Christina Wodtke](http://www.eleganthack.com), [Derek Powazek](http://powazek.com), [Leanne Waldal](http://leannewaldal.com), [Karen Holtzblatt](http://incontextdesign.com/people/karen-holtzblatt-3/) and [Veerle Pieters](http://veerle.duoh.com), I see people who are humble, transparent, open and generous with their knowledge. They value inclusivity and accessibility. This is exactly what initially attracted me to the field: a commitment to openness, inclusivity, and accessibility. The aforementioned values have a really interesting affinity with current patterns of internet usage. Pew Internet's [2012 survey of Cell Internet Use](http://www.pewinternet.org/Reports/2012/Cell-Internet-Use-2012.aspx) reveals where a commitment to accessibility on the web ties into why responsive design it is so important. Pew's survey concluded that *"...young adults and non-whites are especially likely to use their cell phones for the majority of their online activity:* - Nearly half of all 18-29 year olds (45%) who use the internet on their cell phones do most of their online browsing on their mobile device. - Half (51%) of African-American cell internet users do most of their online browsing on their phone, double the proportion for whites (24%). Two in five Latino cell internet users (42%) also fall into the 'cell-mostly' category. Additionally, those with an annual household income of less than $50,000 per year and those who have not graduated college are more likely than those with higher levels of income and education to use their phones for most of their online browsing." I would venture that responsive web design is important not just because it makes business sense going forward, but because it makes the world a better place. We all know that people are increasingly using devices with various screen resolutions to interact online. Engaging with responsive design is hugely important because you're opening up services and content to groups of people that are just beginning to find the Internet relevant. The divide between those that are "cell-mostly" users and those that aren't clearly has socio-economic roots and, thus, disproportionately affects certain populations. Following the lead of our predecessors, we should be using responsive web design to actively create a more just and inclusive digital world. Responsive Web Design isn't just about making our content and function look good at various screen sizes. It's about entering into a richer understanding of our users' contexts and utilizing our increasing ability to understand their wants and needs through all the different mediums of feedback that these new hand-held supercomputers offer us. As designers and developers of the information age, we have the ability to make this next evolution of the web be about openness, inclusivity, accessibility, and context. ## [Let us help you with your responsive project.](https://resources.mutuallyhuman.com/contact/) We're incredibly passionate about teaching the things we know, learning the things we don't, and using technology to enhance the human experience. If you're interested in learning more about responsive web design and how it's changing the landscape of the web, please reach out to us here at Mutually Human. [Contact Us »](https://resources.mutuallyhuman.com/contact/) ### Related Topics - [Uncategorized (106)](https://resources.mutuallyhuman.com/test/topic/uncategorized) - [User Experience (20)](https://resources.mutuallyhuman.com/test/topic/user-experience) - [Ruby (11)](https://resources.mutuallyhuman.com/test/topic/ruby) - [Interaction Design (10)](https://resources.mutuallyhuman.com/test/topic/interaction-design) - [JavaScript (9)](https://resources.mutuallyhuman.com/test/topic/javascript) ### Related Posts ### About Mutually Human Mutually Human is a custom software design and development consultancy specializing in mobile and web-based products and services. We help our clients design, develop and bring to market innovative products and services based on insightful research and strategy aligned with business objectives. We’ve helped Fortune 500 companies, state governments, and startups. - [Home](https://www.mutuallyhuman.com) - [Team](https://www.mutuallyhuman.com/team) - [Work](https://www.mutuallyhuman.com/work) - [Blog](https://www.mutuallyhuman.com/blog) - [Contact](https://www.mutuallyhuman.com/contacts) logo [Mutually Human Grand Rapids: 401 Hall St. SW Suite 430 Grand Rapids, MI 49503 USA](https://www.mutuallyhuman.com/contacts#grand-rapids) [Mutually Human Columbus: 243 N. Fifth Street Suite 300 Columbus, OH 43215 USA](https://www.mutuallyhuman.com/contacts#columbus) +1 616 475-4225 [hello@mutuallyhuman.com](mailto:hello@mutuallyhuman.com) © 2017 Mutually Human