4 Pitfalls To Avoid With Responsive Web Design

Suzanne McKee
Suzanne McKee

Responsive web design, mobile-first, Google algorithms — the list of technology that you need to stay current seems unending, and it can get a bit overwhelming trying to stay at the forefront of it all. Tech words aside, the end result is a simple concept — create an online presence where you can connect with customers and prospects from their device of choice.

In order to stay relevant, your company needs to be available and accessible where your customers are looking, whether it be on a full-sized desktop, a tablet, or a phone. Not only is responsive design critical for your customers, but Google has all but made it a requirement if you want your company to appear in their search results.

When moving from a static web design to responsive design, here are four pitfalls to avoid from a project management standpoint.

Pitfall #1: Phasing It In

In theory, it sounds like a good idea to focus on certain parts of your site first and then move on to others and approach the project in phases. In practice, going from a static design to a responsive design changes everything, so it is best to be prepared to tackle it all to prevent surprises and roadblocks along the way.

Think of static design like a fishbowl. The glass container creates a definite border that holds in the water, fish, and rocks. If you take away the container (responsive design) and the water can take any shape, the fish are flopping and the rocks are everywhere. In other words, when the contents can take any shape it changes more than just the look and feel of it, but the entire structure around your website, as well.

Instead, start off the project by detailing out every section and design element that will be affected, and make a plan before you dive in to the redesign.

A few of the big elements to make sure you consider:
• Header/navigation design
• Footer design
• Internal page layouts: Try to create a package of templates instead of having a unique design for every single page
• Images: Be sure to keep aspect ratios and maximum sizes of images in mind to prevent stretching and image distortion.

Pitfall #2: Creating Your Desktop Design First

This is where mobile-first thinking comes in. It is so much easier to give something small more room than it is to cram something big into a tiny space. With that in mind, create a site that is appealing and user friendly at that smallest screen size first, and then build the design out so it works on larger screens, as well.

There are almost as many device sizes as there are people viewing them. Pick the size breaks (i.e., mobile phone, tablet, laptop, desktop) that will impact your customers most and then build out your designs utilizing those media sizes.

Pitfall #3: Going It Alone

It is critical to hire a web designer who is proficient in both UI (user-interface) concepts and coding best practices. You need someone on your team who truly understands how all of the responsive design elements interact with each other and who knows how to make a site that is both visually appealing and easy to navigate for your customers.

Between media queries, CSS, HTML, and JavaScript,etc., it is critical to have an expert working for you to achieve a website that looks great and functions even better.

Pitfall #4: Testing Only On Your Device Of Choice

Testing your site needs to be inherent throughout the entire process to make sure that your perfect site is truly perfect for everyone. Different browsers interpret code differently, and some really innovative coding options are not compatible with all browsers.

You can’t just test on your own computer and phone and assume that it will work the same for everyone. You will need to enlist a team of people using all different kinds of technologies to make sure that your site is working like it is supposed to for everyone.

There are different developer tools available on every browser that can help to simulate the experience from different devices, but to thoroughly test, people should be using actual devices to make sure you aren’t missing something.

It may seem too overwhelming to take the plunge into responsive design, but with some good advance planning and getting the right team on board, the project can actually be fun. Most importantly, it will encourage you to dig a little deeper into what your customers need and how to best provide it to them —a win for everyone.

Topics: , ,

Leave a Reply

One comment on “4 Pitfalls To Avoid With Responsive Web Design

  1. […] With modern-day technology improving everyday at a phenomenal rate, it can be overwhelming staying current retaining all the changes. Simply stated, you need to continue creating a strong online presence where you can connect with customers from their device of choice. In order to stay relevant, your company needs to be accessible by whatever mobile device that they are using. Responsive design is critical for your customers. However, Google has all but made it a requirement if you want your company to appear near the top of their search results. When moving to responsive design, here are four snags to avoid from a project management standpoint. Incorporating It In In practice, going from a static design to a responsive design changes everything and may be very different from what you are used to . It is best to be prepared to tackle it all to prevent surprises and obstacles along the way. In essence, static design is like a fishbowl. The glass container creates a definite border that holds in the water and fish. If you take away the container (responsive design), the water can take any shape. When the contents can take any shape, it changes more than just the look and feel of it but the entire structure around your website as well. Instead, start off the project by detailing every section and design element that will be affected. It’s vital to make a plan before you dive in to the redesign. A few of the big elements to consider are the following: • Header/navigation design • Footer design • Internal page layouts – Try to create several templates instead of having a unique design for every single page • Images – Be sure to keep aspect ratios and maximum sizes of images to prevent stretching and image distortion. Create Your Desktop Design First This is where the idea of mobile first comes in. It is so much easier to use something small than it is to cram something big into a tiny space. So, you need to be aware about creating a site that is appealing and user friendly at that smallest screen level, and then build the design so it works on larger screens as well. There are A multitude of device sizes that people are utilizing. Media sizes, such as cell phones, tablets, laptops and desktops, will impact your customers most. You will need to create your designs around these. Going It Alone It is critical to hire a web designer proficient in user-interface (UI) concepts and coding. Your “team” needs to understand how all of the responsive design elements interact with each other. It’s crucial to know how to make a website that is both visually appealing and easy to navigate for your customers. Between all media queries, it is critical to have an expert working for you to achieve a website that looks great and functions even better. Testing Only On Your Device Of Choice Testing your site needs to be perfect and that is truly perfect for everyone. Different browsers interpret code differently, and some really innovative coding options are not compatible with all browsers. You can’t test on your own computer and phone and assume that it will work for everyone. You will need to enlist a team of people proficient in all kinds of technologies to make sure that your site is working like it should be for everyone. There are different developer tools available on every browser that can help to simulate the experience from different devices. However, to thoroughly test, people should be using actual devices to make sure you aren’t missing something. It may seem very overwhelming to take the plunge into responsive design, but with some good advance planning and getting the right team on board, the project can actually be fun. Most importantly, it will encourage you to dig deeper into what your customers need and how to best provide it to them. To me, that’s a win-win scenario for everyone! Based on article by Suzanne McKee Link: http://www.greenhousegrower.com/business-management/4-pitfalls-to-avoid-with-responsive-web-design/ […]

More From Business Management...
Laura Drotleff

December 6, 2016

Are You Driving Young Growers Away? [Opinion]

In a time when the industry is facing a critical shortage of both labor and skilled, educated growers, it's important that grower operations don't unwittingly turn candidates off to a career at their business or in the industry in general. Take a closer look at your hiring practices to ensure you are being inclusive and not breaking any laws.

Read More

December 6, 2016

America In Bloom Moves Forward With New Management Company

Effective Jan. 1, 2017, management of America In Bloom will transition from AmericanHort to Second Wind Management, which is owned by long-time AIB Executive Director Laura Kunkle.

Read More
bailey-nurseries-team-feature

December 5, 2016

How Bailey Nurseries Has Found Solutions To The Labor Shortage

A changing seasonal workforce led this Minnesota-based company to explore new labor sources through the H-2A program and refugee organizations, and it’s working out for the better.

Read More
Latest Stories
Laura Drotleff

December 6, 2016

Are You Driving Young Growers Away? [Opinion]

In a time when the industry is facing a critical shortage of both labor and skilled, educated growers, it's important that grower operations don't unwittingly turn candidates off to a career at their business or in the industry in general. Take a closer look at your hiring practices to ensure you are being inclusive and not breaking any laws.

Read More

December 6, 2016

America In Bloom Moves Forward With New Management Comp…

Effective Jan. 1, 2017, management of America In Bloom will transition from AmericanHort to Second Wind Management, which is owned by long-time AIB Executive Director Laura Kunkle.

Read More
bailey-nurseries-team-feature

December 5, 2016

How Bailey Nurseries Has Found Solutions To The Labor S…

A changing seasonal workforce led this Minnesota-based company to explore new labor sources through the H-2A program and refugee organizations, and it’s working out for the better.

Read More
Trays move on an overhead conveyor to the end of the production line, where workers carefully pack the cleaned, sized, graded, counted and sorted Calla tubers

November 29, 2016

Texas Judge Halts Overtime Rule; Here’s What It Means F…

According to Craig Regelbrugge at AmericanHort, the injunction against the overtime rule is welcome news for horticulture.

Read More
griffin-andrea-nelson-and-bill-watson

November 22, 2016

Griffin Adds Two Industry Veterans To Its Sales Team

Bill Watson and Andrea Nelson, the newest members of Griffin, answer questions about the state of the horticulture industry, and their role in moving it forward.

Read More

November 21, 2016

How Building New Markets Can Reduce Dependency On Your …

Greenhouse Grower Editor Laura Drotleff says a smart and sustainable business goes beyond boundaries to create more demand outside of traditional channels.

Read More
griffin-expo

November 11, 2016

Griffin Announces Dates For Its 2017 Grower & Retai…

The events will take place Aug. 23-24 in Massachusetts, and Sept. 27-28 in Pennsylvania.

Read More

November 8, 2016

AmericanHort Hosting Lean Flow-Focused Webinar On Novem…

The webinar is the first in a series that will cover how Lean Flow affects your marketing, your customers, and your product offerings.

Read More
oregon-lean-flow

November 8, 2016

Oregon Nursery Lean Consortium Welcomes New Grower Memb…

The Oregon Nursery Lean Consortium, which helps the horticulture industry learn and apply Lean principles, is inviting greenhouse and nursery growers — and their suppliers — to join its 2017 program.

Read More
Great Lakes Expo

November 7, 2016

Greenhouse Growers Expo Will Focus On Improving Plant Q…

Sessions at the Greenhouse Growers Expo, which takes place in Grand Rapids, MI, in December, will focus on maintaining and increasing plant quality through successful rooting of cuttings, disease and pest management, and plant disorder diagnostics.

Read More
hoffman-nursery-owners

November 7, 2016

Hoffman Nursery Embarks On New Opportunities In Green I…

Thirty years ago, John and Jill Hoffman set off on an epic adventure to grow ornamental grasses. Today, Hoffman Nursery continues to evolve, and through its leadership, the operation is helping to secure a position for horticulture on one of the next great frontiers — green infrastructure.

Read More
urban-crops-pieter-de-smedt-and-maarten-vandecruys

November 3, 2016

Belgium-Based Vertical Farming Specialist Urban Crops O…

The opening of the new office in Miami, FL, is part of a continued expansion plan for the company, which creates tailored growth structures that are turnkey, automated, robotized, and able to be integrated into existing production facilities.

Read More
giving-tuesday

November 3, 2016

American Floral Endowment Once Again Joins Giving Tuesd…

On Tuesday, Nov. 29, floral industry supporters are encouraged to make a tax-deductible, year-end donation to AFE to help it continue providing benefits for all segments of the industry.

Read More
americanhort-plug-and-cutting-conference-2016

November 1, 2016

AmericanHort’s Plug And Cutting Conference Tackles Bioc…

The event included a grower tour, biocontrols workshop, and educational sessions focused on water management, labor, pest and disease control, and smart production strategies for great plug quality.

Read More
2015 GROW Summit_discussion shot

October 28, 2016

How We Can Inspire Millennials To Get Involved In Horti…

By uniting our efforts, we can attract new generations of growers and consumers to the horticulture industry, starting when they are young.

Read More
americann-cannabis-facility-in-massachusetts

October 27, 2016

Large Cannabis Greenhouse On The Horizon In Massachuset…

A Colorado company is preparing to build the largest marijuana greenhouse in Massachusetts, a sprawling, high-tech complex that could eventually expand to nearly 1 million square feet, depending on whether voters in the state approve the sale of marijuana for recreational use in November.

Read More
The tradeshow at the Cannabis Business Summit & Expo — outside of the occasional 1960s vibe, perhaps — would feel familiar to most growers

October 26, 2016

Las Vegas Will Host Two Premier Cannabis Events In Nove…

The Marijuana Business Conference And Expo and the World Of Cannabis Summit each take place in mid-November.

Read More
Cannabis Close Up

October 26, 2016

Cannabis Growers Try To Become More Sustainable

As cannabis production continues to increase in some areas, one question seems to be coming up more and more: What is the most sustainable way to grow cannabis?

Read More
[gravityform id="35" title="false" description="false"]