Michael Bellina en Entrepreneurs, Online Marketing, Web Designers Managing Partner/Web Designer • Migman Media, LLC 4/10/2016 · 2 min de lectura · +500

Why Responsive Websites Suck and Wordpress is at Fault

Why Responsive Websites Suck and Wordpress is at Fault

When responsive websites came on to the scene a few years ago they were a web designer's dream come through. They were an easy way to convert a desktop site into a mobile format quickly. Even better, many Wordpress themes came responsive right out of the box. Even less work and less having to think about it. Well that is where the problem is for me.

Don’t get me wrong, I made some pretty decent money converting sites to mobile by manipulating CSS (Cascading Style Sheets). However, as I worked more and more with responsive sites the more I realized that they don’t replace a planned out, mobile optimized website.

To review, responsive websites take the elements of the page, move them around and resize them to fit into different sized view windows. Typically this is done by collapsing the menu into a button at the top and taking the right column and dropping it below the left column to form one long column that you can scroll. Structurally, that makes perfect sense. You read left to right so naturally you would think that the left column is more important than the right. You would be right except for one major design issue, Wordpress.

Wordpress themes make it easy to have your mobile site fail

For example, Wordpress typically displays their sidebars on the right. Yes, there are themes that have the option for either right or left sidebars but most designers like the 60/40 split with the left column being the larger column and besides when you are looking at themes most display it that way by default. That is how you envision your site to be as well.

Because the sidebar allows you to add all different kinds of snippets, the contact phone number, the sign-up forms and additional information goes in that column reserving the larger column for the main text of the page. When that responsive design converts to mobile, guess where all that information goes? Right to the bottom of the page. If you rationalize it by saying visitors will scroll, you would be right about 25% of the time.

Another issue for me with Wordpress is that big hero slider at the top. It looks really great on your 27 inch monitor but when it shrinks down to a phone size, it becomes really small images with really small text. I would say that visually they look great but as my dad would say, “it’s about as useful as tits on a bull.” The slider is usually a dead zone for clicks. Worse is many visitors will not scroll past them so thereby pretty much leaving the text on the homepage unread. This goes for mobile as well as these sliders just end up taking one third of the screen where you could be enticing a visitor to read on.

Finally, these themes provide very little customization for the mobile version of the theme. This usually leads to having your developer run through hoops to make it work or you being told that work is additional time and money. This could be avoided.

You should plan your mobile site separately

Yes, even though your Wordpress theme comes with a very nice mobile version there’s a good chance that once you load your content into the theme it is not going to display what is important in the proper order. Once your content is decided on, it is time to sketch out the mobile display of that information. Even if you purchase a pre-built theme, this is essential. Mobile needs to be simple and fast. Nothing is more frustrating than trying to scroll down the page to read and being met with roadblocks along the way.

It is important to not fall in love with how a theme looks when you purchase it. In many cases they are a solution to someone else’s problem. Not yours. I’m not here to discount the hard work of theme designers. Themes are a great starting point for many websites but they should be just that, a starting point. Even the best theme has flaws. Not necessarily in their creation but rather in how your information and content fits into them. It is like buying a suit off the rack and not getting it altered. Generally it fits but not the way you had hoped.

In the end, it is up to you to take a step back and really think what your website design needs to do for your business. An off the rack solution can get it done quick but my guess you aren’t going to be totally happy with it and will have to spend more money and time fixing it to work. If you are going with a pre-built theme, I would sketch out what you want to see then find a theme that fits that solution rather than the other way around. Simply put, those who fail to plan will, in the end, plan to fail.

Michael Bellina 6/10/2016 · #4

#1 I develop mostly in Wordpress and as a CMS it is fine. I agree that many don't take the time to plan out a website. They fall in love with a look of a theme then try to fit their content into a theme that isn't quite right. I've seen many designers fall into that trap. If anything they should do the opposite which is try to find a theme that fits their plan. But, as always, budgets and timing usually rule the day. Thanks for your comments.

+1 +1

Agreed, responsive sites are not a replacement for a pure mobile experience. Still, they have their place. Not every site has enough volume to warrant a true mobile-first version.

It's a compromise solution. Sometimes it's good 'nuff, sometimes not.

+2 +2
James O'Connell 5/10/2016 · #2

Sorry for the long comment there but thanks because I think I've just discovered the topic of my first honey production (` ' ,)

James O'Connell 5/10/2016 · #1

I don't think WordPress is at fault for sucking responsive sites. WordPress is a great CMS, there a number of reasons which make it better than its competitors, not least for example- Google seems to prefer content delivered from WP sites. Of there are exceptions where other systems make for a better job.
The fault for sucky responsive sites should fall to those who don't see the relevance to investing in a professional designer/developer.
These entities create demand for cheaply available themes with a skewed view of how their 'small' web budget actually impacts ROI down the line. They seem to miss the point that their site is the most crucial part of their marketing objectives, digital or otherwise.
So you're very right @Michael Bellina, there is too many sucky responsive sites out there.
Personally I like to take each web project on an individual basis by which I mean I try to refrain from buzz words like 'responsive', 'mobile first's or any other term the client has picked up. Individual on the basis of the clients web goals & end users. I will usually map out a complete design process demonstrating user experience, content delivery & often digital marketing aspects. But as you might expect, the budget will rarely allow for a thorough execution of all parts of the brief. Interestingly, more often then not, more budget gets awarded to digital marketing(non design stuff) (' ' ,)

+2 +2