4 Responsive Web Design Mistakes That You Want to Avoid

As responsive design becomes more popular, more businesses have migrated to it—for good reason. It offers the best user experience and accessibility, and users have started to expect responsive websites when they’re surfing the web. Businesses have started to overhaul their web presence with brand new responsive websites, which is great, but some have poorly performing sites because they ignored certain design principles and standards. If you’re building a responsive website, you should know what to avoid, so that your site functions without a hitch.

  1. Sluggish loading times

Larger files take longer to download; huge files on a responsive website will slow down the loading times of your web pages. In today’s day and age, that’s something that you want to avoid. Regardless of their internet speed, people expect web pages to be opened quickly. Here’s the problem: People on different devices may experience different internet speeds. Someone on a desktop or a laptop may be connected to a speedy wifi connection, while someone on a mobile device may be using a slow 2g or 3g connection. This divide in speed capabilities means that your site needs to be able to load across all devices, and all internet connections. As a rule, your site only has a few seconds to load before web visitors become disinterested. If it cannot load quickly, you will lose traffic. That’s almost a guarantee, and you can expect it to hurt your bottom line. Make sure that your site loads in 3 seconds or less.

Over resourcing your site will dramatically slow it down. You can remedy this by compressing your CSS and Javascript resources. If you’re not using a designer/developer, you can do this yourself by using tools like SASS (CSS compression) or Uglify (Javascript compression).

  1. Ignoring Touch

People on their phones or tablets will interact with your website differently than someone who is on a desktop computer. With this in mind, every link on your site needs to be easily accessible by someone who is using their thumbs to navigate. In fact, on mobile devices, links should be large buttons that are easily seen and simple to click on. Create icons that have a minimum of 44×44 pixels (as recommended by Apple). The navigation should be user-friendly; on mobile devices incorporate the use of drop down menus if you have a good amount of items in your navigation. Your website should be contextually inclusive—its functionality should make logical sense when being used on any device.

  1. Hiding content

If someone is browsing a site on a mobile device, that doesn’t necessarily mean that they want a less immersive experience. Mobile devices offer far less real estate than traditional computers, true, but your web visitors will still come to your site with certain expectations. If those expectations cannot be met, then they will bounce from your site. Don’t do yourself any disservice by hiding content; the same content shown on a desktop computer needs to be displayed on a mobile device—no exceptions.

  1. Beginning the design process desktop-first

Designing for the desktop is a fatal error. You should begin the process mobile-first. This will allow you to properly account for all of the problems that the mobile design process causes. Transforming a desktop-only site into a mobile-friendly one is tricky, and you will surely run into frustrating setbacks. Designing the site with mobile in mind seems counterintuitive, but it really helps to set your design on the right path. If it can work for mobile, it’ll be able to be translated to desktop functionality.

Responsive design in the future

Responsive design is still in its fledgling stages. People have become acquainted with its power and have started to see its usefulness in a mobile-dominated world. But it’s not perfect just yet. As we learn more about responsive design, we will discover new ways to optimize it. What’s clear now is that it is the best solution that bridges the divide between desktop and mobile devices. Instead of having separate site for different devices, just create one responsive website that will work universally. Elevate the functionality of your site by designing your site to work seamlessly across any device.

As always, if you need help with your responsive website, please don’t hesitate to contact Zen Agency today.

Want more digital strategy advice and insights?

Sign up for our newsletter.
Something went wrong. Please check your entries and try again.

Joseph Riviello

Joseph L. Riviello is the CEO and Founder of Zen Agency. Joe's agency builds websites and web applications that attract, engage, and convert. Joe has over 30 years of experience in entrepreneurship and he is an expert digital marketing strategist who specializes in conversion-centric e-commerce experiences and cutting-edge solutions that maximize growth and profit. Check out Joe featured on: Business.com, Redbooth.com, Kabbage.com, MaterialDesignBlog.com

Leave a Comment

You must be logged in to post a comment.

More Posts By Joseph Riviello

E-Commerce Experts Thoughts on New Instagram Checkout Feature

By Joseph Riviello

Facebook is at it again, innovating the social media landscape … this time with its uber-popular platform, Instagram. In a March 19th press release, the company unveiled the new Instagram Checkout feature, an e-commerce extension of the app. Since it’s currently in beta with only 25 companies, not much is known about it, and businesses…

Why You Need a WooCommerce Store

By Joseph Riviello

According to a study published by the U.S. Census Bureau’s Department of Commerce, total e-commerce sales in the United States were estimated at $513.6 billion in 2018, a 14.2% increase from 2017. This data has been on an upward trend since 2009. Future projections globally cement e-commerce as the primary shopping method. Now, more than…

4 Tactics Marketing Automation Companies Use to Improve ROI

By Joseph Riviello

The most exciting part of doing business in this day in age is how much technology is available. This elevates the potential of what you can do with your marketing since it opens up a world of opportunities. While technology won’t be the magic button that will fix all of your problems, it helps accelerate…

The 3 Tenets of Lead Generation: How You Can Produce Sales On-Demand

By Joseph Riviello

Sales are the lifeblood of any business. Without a steady stream of sales, you don’t have revenue. And without revenue, you don’t have a thriving business. In today’s post, we’re going to look at the three tenets of lead generation, and how you can use them to exponentially grow your business. Tenet 1: You Must…

Zen Agency is Now a Sharpspring Silver Partner!

By Joseph Riviello

Zen Agency has earned the Sharpspring Silver Partner Certification from Sharpspring, a leading marketing automation platform. Why Does Marketing Automation Matter? The marketing automation tools provided by Zen Agency as a Sharpspring Silver Partner allows you to deliver the right message to the right leads. Track your content, who is seeing it, and craft an…

How to Create a Successful Law Firm Marketing Funnel

By Joseph Riviello

If you were to go back 20 years, you would see that law firm marketing was starkly different than it is today. You would see more billboards, late-night infomercials, neighborhood flyers, and newspaper ads. These days, we have websites, SEO, pay-per-click ads, and social media marketing. The options available to lawyers today give them countless…

What Is Content Marketing? How You Can Get Started Today

By Joseph Riviello

Almost every successful website has one thing in common: Great content. You can have an extremely beautiful website with all the bells and whistles, but if you don’t have content, your web presence is woefully incomplete. You must learn how to start content marketing the proper way. There are no shortcuts: You need good content.…

5 Steps for Creating a Successful Marketing Strategy

By Joseph Riviello

Many businesses jump straight into marketing without a plan. This is a big mistake. Going into battle without a strategy will leave you with a poorly spent marketing budget and lackluster results. Often enough, the difference between companies who dominate the marketplace and companies who fail to get off the ground is simple: A clear,…

The 5 Step Cheat-Sheet for Using Youtube for Your Local Business

By Joseph Riviello

If I were to ask you, “what’s the #1 search engine?”, you would automatically say, “Google”, and you’d be right. But what if I were to ask you to state the #2 search engine? Some would say Bing or Yahoo, but the truth is that Youtube is the second largest search engine in the world.…

Why Call Tracking Is Critical for Local Businesses

By Joseph Riviello

Let’s say you’re a business that’s running different online and marketing channels like SEO, PPC, email marketing and direct mail. You notice a remarkable uptick in sales, but you’re not precisely sure where they are coming from, as you’re using a variety of different marketing methods. If many of your leads contact you via the…