How to Apply Responsive Design Correctly to Your Website

Marc Avila

Google’s announcement that it would use a site’s mobile friendliness as part of its search ranking algorithm has spurred many businesses to make changes to their sites. If you’re still looking into how to best apply responsive design principles to your web presence, check out these articles. They can help ensure that you get the most out of responsive design — and visitors get the most out of your website.

Applying Responsive Design Correctly to Your Website

Responsive Web Design Makes an Inefficient Design Too Darn Easy. Computerworld: “The problem with responsive design is that it makes it far too easy to sit back and let the algorithms make the decisions. To be fair, the resultant pages generally look fine. But what they almost never are is as efficient as possible, since that requires human judgment. With responsive design, there is a similar blind spot. The site/Web page looks good. But there’s no way for the e-commerce team to know how many customers left because of slow response. They’ll never know how many dollars would have otherwise been spent with them.”

Is Adaptive Better Than Responsive Design? The Next Web: “While responsive design is often one design that has slight variances from device to device — for an overall universal look and feel — adaptive design is a little different. With adaptive design the ‘magic’ is in that the device and device-specific features are detected and a website is served to the user based on that information. The result is a website custom-made for the user’s device, but it can sometimes result in a less consistent cross-device experience than with responsive design.”

Pros & Cons of Responsive Landing Pages For SEM. Search Engine Land: “A responsive page is much more effective at utilizing social/sharing SEM tactics. Because it is one page designed for all screen sizes, you don’t have to worry about how it is being shared and viewed on phones, laptops and other devices. If a user shares a mobile URL on Facebook, for example, friends on desktop devices may be directed to that mobile URL when they click, which makes for a poor user experience. Similarly, a visitor may be on the go and send themselves the URL to view at a later time (and potentially on a different device).”

5 Responsive Design Pitfalls and How to Avoid Them. SitePoint: “If you’re testing your websites with a browser-based mobile emulator, sometimes the emulator itself can become confused. This is one of the trickiest kinds of errors because you’ll see a problem even though nothing seems to be wrong with your code…In situations like these, it’s important to first ensure nothing is wrong with your code. I suggest isolating the problem area and seeing if the code works by itself. If the code works, then try it on a real mobile device. If it works there, then there’s a chance your emulator might be the source of the problem.”

5 Tips for Better Mobile Website Design: How to Prevent $2.5+ Million in Lost Sales. The SEM Post: “There’s no need to build and maintain an alternative mobile site. Any content you add to your main site will be automatically part of your mobile site and displayed at the optimum-viewing size for easy mobile consumption. Responsive website design is especially beneficial for e-commerce sites as a mobile-friendly shopping cart will result in a more intuitive checkout process.”

Questions to consider before you redesign your website

Related Posts

How An Agency Partner Can Support Your Fractional CMO Strategy
Google, Please Take Care Of This Post
We’re Giving Up on the Internet. It’s Time to Pivot.