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...
Costa Farms won International Grower of the Year. Representing the operation, (left to right) were Chuck Zala, Michael Vera, Menachem Ganon, Jose Costa, and Mike Rimland

May 24, 2016

AIPH Seeking Entries For Its International Grower of the Year Awards

The International Association of Horticultural Producers (AIPH) is inviting ornamental growers from all around the world to enter the AIPH International Grower of the Year Awards (IGOTY) for 2017. Last year’s big winner was Florida-based Costa Farms.

Read More
Gotham Greens Atrium Style Greenhouse Chicago

May 23, 2016

What’s Good For The Environment Is Good For Business [Opinion]

Investing in technology to become more sustainable “always goes hand in hand,” says Abe VanWingerden, co-CEO of Metrolina Greenhouses. “If it is good for the environment, it normally is good for business over the long term.” That connection was abundantly clear in the responses we received to this year’s Top 100 Growers Survey. VanWingerden points to three investments Metrolina has made as good examples of how technology can reduce an operation’s carbon footprint and pay dividends financially. Its biomass system burns locally sourced waste wood — a renewable resource; its ozone water treatment system cleans irrigation water, reducing the need for fertilizers and pesticides, and improving plant quality and precision growing; and electrostatic sprayers reduce water and chemical use, and provide more targeted chemical applications. Other Top 100 Growers have found VanWingerden’s theory to be true, as well. Costa Farms’ investment in solar energy panels on three buildings at its […]

Read More
Top 100 Drone Image Feature

May 16, 2016

Greenhouse Grower’s Top 100 Growers Talk Technology, Automation, Sustainability, And Marketing

The Top 100 Growers are already by nature some of the most technologically advanced greenhouse operations, due to their sheer size and need for efficiency. Many of the largest growers also serve big box merchandisers and home improvement chains, where prices are dictated, so producing plants at the lowest possible cost is essential to growers not only staying in business, but also profiting and expanding their operations. This year’s survey focused on the automation and technology the Top 100 Growers are investing in, and how these advancements have improved their operations, as well as how they have affected growers’ labor issues. We also asked growers about how they’re solving labor issues, where they’re recruiting new hires, and how they’re keeping their people committed. Lean management programs and sustainability certifications have become higher priorities in the past several years, due to growers’ needs to run efficiently and focus attention on sustainable […]

Read More
Latest Stories
Costa Farms won International Grower of the Year. Representing the operation, (left to right) were Chuck Zala, Michael Vera, Menachem Ganon, Jose Costa, and Mike Rimland

May 24, 2016

AIPH Seeking Entries For Its International Grower of th…

The International Association of Horticultural Producers (AIPH) is inviting ornamental growers from all around the world to enter the AIPH International Grower of the Year Awards (IGOTY) for 2017. Last year’s big winner was Florida-based Costa Farms.

Read More
Gotham Greens Atrium Style Greenhouse Chicago

May 23, 2016

What’s Good For The Environment Is Good For Business [O…

Investing in technology to become more sustainable “always goes hand in hand,” says Abe VanWingerden, co-CEO of Metrolina Greenhouses. “If it is good for the environment, it normally is good for business over the long term.” That connection was abundantly clear in the responses we received to this year’s Top 100 Growers Survey. VanWingerden points to three investments Metrolina has made as good examples of how technology can reduce an operation’s carbon footprint and pay dividends financially. Its biomass system burns locally sourced waste wood — a renewable resource; its ozone water treatment system cleans irrigation water, reducing the need for fertilizers and pesticides, and improving plant quality and precision growing; and electrostatic sprayers reduce water and chemical use, and provide more targeted chemical applications. Other Top 100 Growers have found VanWingerden’s theory to be true, as well. Costa Farms’ investment in solar energy panels on three buildings at its […]

Read More
Top 100 Drone Image Feature

May 16, 2016

Greenhouse Grower’s Top 100 Growers Talk Technolo…

The Top 100 Growers are already by nature some of the most technologically advanced greenhouse operations, due to their sheer size and need for efficiency. Many of the largest growers also serve big box merchandisers and home improvement chains, where prices are dictated, so producing plants at the lowest possible cost is essential to growers not only staying in business, but also profiting and expanding their operations. This year’s survey focused on the automation and technology the Top 100 Growers are investing in, and how these advancements have improved their operations, as well as how they have affected growers’ labor issues. We also asked growers about how they’re solving labor issues, where they’re recruiting new hires, and how they’re keeping their people committed. Lean management programs and sustainability certifications have become higher priorities in the past several years, due to growers’ needs to run efficiently and focus attention on sustainable […]

Read More
PrairieSplendor_CompactRose Syngenta Flowers March 2016

May 16, 2016

New “Generations Of Flowers” Study Tracks How And Why C…

The Society of American Florists and the American Floral Endowment have released an update and analysis of this study, which first began in 2009.

Read More

May 12, 2016

AmericanHort Is Hosting A Greenhouse Tour In New Jersey…

The Field and Covered Production Tour takes place Sept. 14-15, and features stops at Overdevest Nurseries, Centerton Nursery, and Lucas Greenhouses.

Read More
2016 Top 100 Growers With Drone

May 10, 2016

Reading The 2016 Greenhouse Grower Top 100 Ranki…

Greenhouse Grower’s Top 100 Growers survey reveals continued growth among the nation’s largest operations.

Read More
Petunia 'Supertunia Violet Star Charm' (2015 University of Georgia Field Trials)

May 10, 2016

New Southern-Centric Ornamental Production Conference T…

The 2016 Academy of Crop Production is dedicated exclusively to sharing information on advanced ornamental crop production and business management techniques for ornamental producers.

Read More
2016 Top 100 Growers List

May 10, 2016

2016 Greenhouse Grower Top 100 Growers: The Comp…

Check out the full list of Greenhouse Grower's 2016 Top 100 Growers, which includes nine newcomers and more growth in square footage at the top.

Read More
Webinar Photo from Flickr

May 7, 2016

How You Can Connect With A Broader Audience Through Web…

Webinars are time-saving and effective marketing tools that can extend your reach to a greater audience.

Read More
Janeen Wright

May 5, 2016

You Can’t Take Small Business Out Of The Big Greenhouse…

Big growers who stay true to their small-business roots don’t lose sight of the personal touch in business.

Read More

April 27, 2016

Use Your Data To Make Smarter Marketing Decisions

Learn which marketing metrics are important to your business, measure successes, and learn where changes are needed.

Read More

April 26, 2016

“Bee-Friendly” Labels Matter To Plant Consumers, Accord…

Research at Michigan State University shows ornamental plant buyers understand and respond to bee-friendly production practices.

Read More
University of Florida Online Greenhouse Training Courses

April 25, 2016

University of Florida Offering Online Training Courses …

There will be five courses offered, with the first starting on May 30. Courses are available in both English and Spanish and range from beginner level to advanced education.

Read More
HGTV_2015CAST

April 24, 2016

9 Business Predictions Smart Brands Should Pay Attentio…

Andreas von der Heydt, Director of Kindle at Amazon, recently predicted what smart businesses will do in 2016 to strengthen their brands and promote their products.

Read More
Lin Schmale 1996

April 23, 2016

SAF’s Lin Schmale Offers Lessons From An Industry…

Schmale represented the floriculture industry on Capitol Hill for more than 20 years. The advocate has recently retired, and shares some valuable insights from her career.

Read More
Scott Schaefer Aris CEO

April 22, 2016

New Aris CEO Scott Schaefer Looks Forward To Dealing Wi…

Schaefer, who has been with Aris for 15 years, grew up working at his family’s greenhouse operation in Illinois.

Read More
Krause Berry Farms Farm To Table Dinner

April 20, 2016

What The Floriculture Industry Can Learn From Farm Mark…

Although we have a lot in common with the produce industry, there is much we can learn from one another.

Read More
Janeen Wright

April 18, 2016

Three Lessons From A Master Greenhouse Vegetable Grower

Three lessons from greenhouse vegetable grower Casey Houweling that you can apply to your business.

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