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...
If your Wi-Fi is truly secure, your staff can help customers on the sales floor starting today

March 25, 2017

What Marketing Approach Can Attracts the Most Customers to Your Greenhouse?

Inc.com surveyed more than a thousand customers to find out which marketing strategies worked best to entice them to try out a new business

Read More
Leanne Kenealy, Hoffman Nursery

March 24, 2017

New Horticulturist At Hoffman Nursery Will Focus On Developing New And Better Products

Leanne Kenealy, who brings great experience in plant evaluation, says introducing consumers to new plants can hopefully generate renewed excitement for gardening.

Read More
National Garden Bureau New Website

March 22, 2017

National Garden Bureau’s New Website Features Mobile-Friendly Design, Marketing Tools

The new site is designed to serve as a home base to drive traffic from NGB’s social media community to one central location.

Read More
Latest Stories
If your Wi-Fi is truly secure, your staff can help customers on the sales floor starting today

March 25, 2017

What Marketing Approach Can Attracts the Most Customers…

Inc.com surveyed more than a thousand customers to find out which marketing strategies worked best to entice them to try out a new business

Read More
Leanne Kenealy, Hoffman Nursery

March 24, 2017

New Horticulturist At Hoffman Nursery Will Focus On Dev…

Leanne Kenealy, who brings great experience in plant evaluation, says introducing consumers to new plants can hopefully generate renewed excitement for gardening.

Read More

March 21, 2017

How Greenhouse Vegetable Growers Can Prepare for a Prod…

The United Fresh Produce Association is holding a Recall Ready Workshop in April that is designed to help growers properly manage a recall, from liability to communications.

Read More
Greenhouse Loyal Customer

March 16, 2017

How Brand Enthusiasts Can Be Your Most Loyal Customers

A marketing expert shares three core principles that direct-to-consumer companies can follow to create brand enthusiasts.

Read More

March 14, 2017

Expanded Customer Footprint, E-Commerce, Succession Key…

Costa Farms' acquisition of indoor foliage producer Delray Plants rocked the industry, but the story behind Delray Plants' sale is the same as for many growers struggling with succession planning. For Costa Farms, the strategic purchase expands its customer footprint and also fast tracks its foray into e-commerce.

Read More
Steve Black and Bridget Behe

March 14, 2017

AmericanHort’s First-Ever CareerUP Event to Take Place …

CareerUP is a day-long workshop that is designed to provide the skills, information, and inspiration that young professionals need to advance their careers, love their jobs, and help the industry grow.

Read More
Horticultural Research Institute Logo

March 12, 2017

Horticulture Research Institute Rings in New Year With …

More than 150 industry professionals attended a reception at MANTS, which introduced new officers and celebrated the more than $190,000 in donations for HRI research fostering business-building knowledge for the horticultural industry.

Read More

March 10, 2017

Costa Farms Expands With Purchase of Indoor Houseplant …

Costa Farms annnounced March 10 that it has acquired Delray Plants, one of the leaders in the indoor houseplant industry. The two operations are committed to the same values, principles, and goals to grow the industry, and will fit well together to accomplish this, say Randy Gilde, CEO of Delray Plants, and Joche Smith, CEO of Costa Farms.

Read More
Startup Stock Photos

March 10, 2017

Passionate Horticulture Writers Wanted To Join Our Team

GreenhouseGrower.com is looking for people to join our team and submit original content to our website about floriculture and greenhouse production of emerging crops.

Read More

March 7, 2017

Local Florists Celebrate Women’s Day and SAF Prom…

Florists across the U.S. are celebrating International Women's Day, March 8, and raising awareness for non-profit organizations. The Society of American Florists is raising its own awareness of what happens when women receive flowers with a new video for International Women's Day.

Read More
Egon and Laina Molbak

March 7, 2017

American Floral Endowment Receives Major Contribution t…

AFE recently announced that it has received a $100,000 contribution from Egon and Laina Molbak, the founders and long-time owners of Molbak’s Garden + Home outside of Seattle.

Read More
Ken and Deena Altman

March 7, 2017

Altman Plants in Escrow to Purchase EuroAmerican Propag…

Ken Altman, a co-owner of Altman Plants based in Vista, CA, has confirmed that the operation is currently in escrow to purchase EuroAmerican Propagators, the Bonsall, CA-based young plant and finished plant grower that filed Chapter 7 Bankruptcy on Jan. 23, 2017. Ken and Deena Altman are co-owners of Altman Plants and The Plug Connection, along with their son Matthew, who has recently bought into the family business. The 55 acres of land and all of the facilities on it, which were previously owned by Jerry Church, a partner in EuroAmerican Propagators, are part of the purchase agreement currently in escrow, Altman says. However, it would not be absorbed by Altman Plants, which in 2016 was number 3 on Greenhouse Grower’s Top 100 Growers list with more than 11 million square feet of environmentally controlled greenhouse production, 62 acres of shade production, and 400 acres of outdoor field production. Altman Plants’ property […]

Read More

March 2, 2017

Greenhouse Grower State of the Industry Whitepaper Avai…

This year’s survey featured a record 975 respondents and tackled topics such as sales trends, technology, major industry challenges and opportunities, and much more.

Read More
Greenhouse Grower State of the Industry Webinar

February 27, 2017

State of the Industry Webinar Available for On-Demand V…

The half-hour presentation includes an analysis of Greenhouse Grower’s 2017 State of the Industry survey, along with insights from horticulture industry leaders.

Read More
North Creek Tim McGinty Steve Castorini

February 24, 2017

AmericanHort Names New Board Members and Officers for 2…

The new board members are Steve Castorani of North Creek Nurseries, Tom Hughes of Hughes Nursery and Landscaping, and Cole Mangum of Bell Nursery.

Read More
EAGL Graduates

February 22, 2017

Emerging Industry Leaders Earn Business Management Cert…

Dr. Charlie Hall, Ellison Chair for International Floriculture at Texas A&M University, recently announced the graduation of the fourth cohort of the elite Executive Academy for Growth & Leadership (EAGL) program for nursery and greenhouse growers.

Read More
2016 Top 100 Growers List

February 18, 2017

Top 100 Growers Survey for 2017 Is Now Open!

Operations with more than 400,000 square feet of environmentally controlled production are eligible to take the survey, which only takes a few minutes to complete.

Read More

February 17, 2017

How to Keep Customers Coming Back With Top-Notch Servic…

A recent article on Forbes.com outlines seven ways organizations can take their customer service from good to great and beyond.

Read More