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 Management...
Berger-Equipment

November 17, 2017

How You Can Help Berger in Donating to Hurricane Harvey Victims (While Learning More About Plant Production)

Between Nov. 23-27, Berger will donate $1 for every download of its free technical plant production guides to hurricane relief efforts.

Read More
Damarys-Mora-Crawford-Costa-Farms

November 16, 2017

Costa Farms’ New Marketing Director Eager to Tap Into Changing Consumer Needs

In her new position, Damarys Mora Crawford will lead Costa Farms’ marketing team and create and execute strategic marketing initiatives to support continued sales growth for the company’s retail customers.

Read More
Cordyline Candy Cane (Excelsa Gardens, Inc.)

November 14, 2017

Garden-Retailers Pick Their Favorite Products From The Landscape Show

Grower-retailers have once again named their favorite new products, this time as part of the Cool Product Awards at The Landscape Show 2017 in Orlando, FL. Awards were presented to 12 companies, representing 14 products.

Read More
Latest Stories
Berger-Equipment

November 17, 2017

How You Can Help Berger in Donating to Hurricane Harvey…

Between Nov. 23-27, Berger will donate $1 for every download of its free technical plant production guides to hurricane relief efforts.

Read More
Damarys-Mora-Crawford-Costa-Farms

November 16, 2017

Costa Farms’ New Marketing Director Eager to Tap Into C…

In her new position, Damarys Mora Crawford will lead Costa Farms’ marketing team and create and execute strategic marketing initiatives to support continued sales growth for the company’s retail customers.

Read More
Cordyline Candy Cane (Excelsa Gardens, Inc.)

November 14, 2017

Garden-Retailers Pick Their Favorite Products From The …

Grower-retailers have once again named their favorite new products, this time as part of the Cool Product Awards at The Landscape Show 2017 in Orlando, FL. Awards were presented to 12 companies, representing 14 products.

Read More
Seed-Your-Future-feature

November 9, 2017

Dümmen Orange Throws Support Behind Seed Your Future In…

Dümmen Orange has announced it will pledge $450,000 over the next three years to Seed Your Future, the non-profit organization whose mission is to promote horticulture in the U.S. and inspire people to pursue careers working with plants.

Read More
Speedling-Environmental-Award

November 9, 2017

Speedling Wins Environmental Leadership Award From Flor…

Speedling has eight nurseries throughout the country and two in Florida, where moisture levels are carefully analyzed to improve performance and consistency of transplant operations.

Read More
Arden-Bull-Feature

November 8, 2017

Veteran Ornamental Crop Protection Leader Arden Bull Re…

Arden’s career spanned 47 years in specialty crop protection, including leading ornamental sales at Nufarm Americas for the past 12 years.

Read More
Cannabis at Solstice feature

November 5, 2017

The Intricate Journey of Cannabis From Black Market to …

As cannabis moves out of the shadows and into the limelight, an industry replete with untapped potential also faces the burden of new complications.

Read More
Monarch School of New England

November 3, 2017

National Garden Bureau, Sakata Seed America Award Grant…

The three winners were selected after a two-week online voting process, and will receive grants totaling $5,000.

Read More
Biocontrols in a Greenhouse

November 3, 2017

Take Greenhouse Grower’s 2018 State of the Indust…

Growers and others associated with the greenhouse business often ask the Greenhouse Grower editorial staff where we get ideas for stories. The Answer: You! That's why we're asking you to please take some time to answer our annual State of the Industry survey.

Read More
Chinook Sunrise Rose at Vineland

November 2, 2017

Vineland Research Centre Highlights Latest Greenhouse R…

The Vineland Research and Innovation Centre in Ontario, Canada, is a hotbed of new research in greenhouse production. Recently, the Centre released its latest Innovations Report, an annual publication that highlights some of the major projects taking place at the Centre.

Read More

November 1, 2017

Technology Is Changing the Game for Growers

Technology is sexy. There’s a fervor associated with buying the latest go-go-gadget — and a fear of missing out if we don’t. We all want that latest, most advanced smartphone, home assistant, or wearable tech, no matter the cost. And jobs associated with technology? Google, Microsoft, Apple, Amazon, Facebook, Twitter — offer some of the most competitive and coveted positions on the planet. Just look at the stir Amazon made when it announced it would build a $50 billion second headquarters, with cities from all over North America clamoring to be the one chosen, considering the significant economic potential. Technology and tech jobs are it — and it’s no wonder growers don’t feel jobs in horticulture can compete. But what if they can? If tech jobs are the future and the future of horticulture depends on technology, then we have a real opportunity to seize. Millennials who have grown up […]

Read More
Smith Gardens Tornado Damage

October 31, 2017

Smith Gardens Suffers Tornado Damage, Still Plans to Sh…

While most of the damage was structural and only 2% of the crops were lost from the October 12 twister, the company says there is still plenty of cleanup planned.

Read More
Ernest Wertheim

October 31, 2017

Here’s Your Chance to Hear From Industry Legend Ernest …

During Cultivate’17, AmericanHort recorded a video interview with Ernest Wertheim, a passionate horticulture industry advocate and business owner for more than 75 years.

Read More
Living Umbrellas

October 25, 2017

Why Living Umbrellas May Have a Bright Future

Sometimes innovation strikes by chance. Such was the case with David Tilley, developer of the “Living Umbrella.”

Read More
cuttings-facility

October 23, 2017

New Pilot Project for Offshore Unrooted Plant Cutting C…

Four breeders — Ball Horticultural Co., Dümmen Orange, Proven Winners, and Syngenta Flowers — will participate in the initial pilot, which will include greenhouse growing operations in six Latin American countries.

Read More
Capitol Hill_ feature

October 19, 2017

AmericanHort’s Main Priorities After Impact Washi…

Now that Impact Washington is over, AmericanHort, with industry support, is looking to continue its focus on tax reform, labor reform, and research and innovation.

Read More
Petal It Forward 2017

October 17, 2017

Petal It Forward Event a Hit for Both Industry Members …

Check out how this year’s Petal It Forward event brought smiling faces to people across the country, including one personal story.

Read More
Karen Reardon, RISE

October 15, 2017

Karen Reardon of RISE Honored by CropLife America

CropLife America presented Reardon with its highest staff award for her successful effort to defend against the ban of pesticide use on private property in Maryland.

Read More