Responsive Web Design: Remembering What We’ve Already Learned
If you haven’t heard much about “Responsive Web Design” yet, you should get reading. The original article was published on A List Apart almost a year ago, and the movement has slowly been building since. Its practically a buzzword now.
The idea is fairly straightforward: With all the new internet devices coming out, people are accessing websites in many different ways and viewing them on many different screen sizes. Monitors are getting bigger, smartphones are (mostly) getting smaller, and tablets are, well, somewhere in the middle. So why develop sites at just one size? If people are viewing sites at different times in different ways, shouldn’t the design—and in some cases the content—change as well?
The idea is a great one. The executions, however, are easy to screw up. Yesterday on Twitter I briefly discussed the blog post More Responsive Design, Please and some of the problems I see with many mobile sites. With Responsive Web Design starting to gain momentum, I fear we will start to see many designers getting caught up in the idea and trying to implement responsive designs just for the sake of it, throwing away many principles that still hold true.
This post is not an attack on Responsive Web Design. I think the idea is great. This post, rather, is to make sure designers are thinking things through before acting. A word of caution, and a reminder of some of the design and development principles that should still hold true regardless of how “responsive” a site is.
Grids are good
While technology and devices will always change, good design principles will not. Proper grid alignment will always be key, and the Golden Ratio will always be golden. Similarly, the ideal number of characters-per-line of text is still 66.
For these reasons, fluid layouts, while they can be great, can also be very dangerous. Extra attention needs to be placed on these kinds of details for such layouts, otherwise good design is simply being sacrificed in the name of a web design movement. Adapt.js looks to be another interesting idea for using multiple grid layouts.
Mobile users don’t always want to be mobile users
This was the main subject of my tweet yesterday. A growing trend is to create mobile versions of websites, often at 320 pixels. Back before smartphones ran complete browsers, mobile versions were actually necessary. Today, however, they’re generally not. They can still be a great idea, but if designers aren’t careful, they can often just make the situation worse.
To create a solid mobile site, a designer needs to nail exactly why users are accessing the site on a mobile device. And assumptions on this issue are not always correct. For me personally, when I access a site, generally the first thing I do is search for the “full site” link. This is especially true for Facebook’s mobile site. Why? Because I already have their iPhone app that essentially has the same features as the mobile site. If I’m accessing Facebook via Mobile Safari, it’s because I’m looking for something only accessible via the full site.
If I’m accessing a site via my iPhone that I also regularly visit in a full browser, chances are I know what I want and where it is. Changing anything, regardless of intent, does not help. I already know where everything is—don’t make me find it again.
We can’t reliably determine a user’s intention based on the capability information we collect from her device or internet connection.
Unless you are sure beyond a reasonable doubt that you know exactly what your mobile users want, there needs to be a better way of determining which content to show than simply checking for the type of device.
Things change
Remember back when people used to do this awful thing called browser detection? It sounded like a good idea at the time, then we realized it only complicates things.
Developing sites based on set resolutions may work for the time being, but it is important to remember that screens and resolutions, even on mobile devices, will change.
Analytics are your friend
There are a lot of great analytics options out there, and they’re not only useful for determining ROI.
Want to know for sure exactly what mobile users do on your site? You can find out. If more designers looked at actual data before making design decisions, we’d have a lot more excellent mobile sites out there (and a few less bad ones).
Use your brain
In summary, we just need to remember to use our brains. It’s the best design tool we have.
And yes, I am still alive. I realize this is the first time I’ve posted here in almost 2 years, but things have been a little busy. I hope to get back into the habit of posting more regularly, and I can always be caught over on Twitter.












Thanks for the post! I’m updating my website right now so this is definitely something to keep in mind. I also find it funny that I found your blog last week in a search and was disappointed when I saw you had not been posting recently. I was wrong, yes you are alive — I’m happy for that
stechseo.com an online marketing and seo optimization company provides quality link building, best and cheap seo services across india and blog.
“Use your brain” – this is the best advice you can give)
very nice post, totally agree with you :p
yeah I think totally as you.
Kreativ, innovativ und engagiert arbeiten wir für Ihren Erfolg. Als aufstrebendes Unternehmen der Internetbranche hilft basemedia Ihnen, Ihr Unternehmen beziehungsweise Ihre Produkte werbewirksam auf dem öffentlichen Markt zu positionieren.
довольно таки не плохо
I think choice is the key. I’m making a mobile subdomain for one of my sites at the moment and people can choose to use it for a more streamlined and bandwidth light experience. It provides the same functionality (if required) as the full site but only provides the user what they ask for and nothing else.
It is optimised for slow connections, small screens or those on limited download plans. Being a separate subdomain users have to choose to use it over the main site and are not forced into it by browser/platform detection.
There will be times when people will use the full site on smartphones and tablets but there will also be times when they’ll use the mobile site. I know I will happily use the mobile site when I’m on the go and just need quick access to some information.
When I originally commented I clicked the -Notify me when new comments are added- checkbox and now each time a comment is added I get four emails with the same comment. Is there any way you can remove me from that service? Thanks!
Thank you for every other informative website. The place else could I am getting that kind of info written in such an ideal approach? I’ve a challenge that I’m just now operating on, and I’ve been on the look out for such information.
http://venaproreviews43.onsugar.com/Venapro-Reviews—Get-Rid-Hemorrhoids-Venapro-20845866
I think that Responsive Design is so much the buzz word of the moment. Most people don’t even know what it means and with despite the fascination with it the amount of mobile web users who it impacts is still relatiely small.
I admit I don’t understand it fully either but there is definitely room for a Dummies Guide to it out there. Hmmm maybe I will write it.
So many so called designers aren’t even doing a good job with their standard tools that it it like asking a family car driver to drive a Formula 1 -
Lastly customers need to pay for the additional effort and coding involved.
End of rant –
Good post etc etc….
I do believe all of the ideas you’ve offered to your post. They are very convincing and will definitely work. Still, the posts are too short for newbies. May you please prolong them a little from subsequent time? Thanks for the post.
can you explain more about your post? actually, i cannot understand it fully.http://www.jogosdoxmen.com
i am glad to read this post, its an interesting one. i am always searching for quality posts and articles and this is what i found here, i hope you will be adding more in future. thanks,http://www.camisaxadrezmasculina.com
Nice, use your brain – good advice.
not bad, interesting
Branched Chain Amino Acids or BCAA are very useful specially if you are working out heavily and wanted to build muscles as fast as possible. *;’.’
Thanks again http://www.foodsupplementdigest.com“>
Good work, thanks for sharing. very nice. Very successful work …
Loved the post. Very cool. Totally agree with you.
BCAA is great if you are doing some heavy workouts and building your muscles. ^
My current blog page
http://www.healthmedicinelab.com/wheat-allergy-symptoms/
Thank you so much for sharing. Very useful. I’m looking for the full issue. Project at the university of homework on this topic.
BCAA stands for branched chain amino acids and is increasingly being recognized as an important supplement in the field of sports nutrition. In short the term refers to three essential amino acids – leucine, isoleucine and valine.Amino acids are widely known as the building blocks of protein. When protein food is eaten it gets digested into individual amino acids and short chains of amino acids that are sufficiently small to be absorbed into the bloodstream. They are then used by the body to build and repair tissues amongst other things.:
Most current article content on our very own web-site
<,http://www.healthmedicinecentral.com/nanda-nursing-diagnosis-list/
Hi there,
We are providing complete Web solutions and consultancy for over a decade. Ours is a team of energetic, dynamic and hardworking professionals. We have a complete team for web designing, web development, IT Outsourcing, E-Commerce solution and graphic designing.
“We are WordPress & Joomla Experts”
We are expert in following Technologies
Jquery
Parallax
PHP
Joomla
Wordpress
Megento
Zencart
Oscommerce
If you have any projects or Need us in any above technologies then Kindly Hire us
Service Description
Sterling Web services include:
- Web Design Services
- Flash Multimedia Development
- E-commerce Solutions
- Web Promotion Services (SEO)
- Backup office Support
- Corporate identity and print graphics ( Branding )
We provide IT services on following technologies.
PHP, Joomla, Drupal, Wordpress, MySQL, Magento, Oscommerce, zencart, OpenCart, Cs Cart, ubercart, Bigcommerce, Custom Shopping Cart etc
Adobe Macromedia Flash, Flex, Photoshop
HTML, DHTML, CSS
JavaScript
Best Regards
wdesigner