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...
National Collegiate Landscape Competition Feature

April 27, 2017

Hoffman Nursery Cheers On the Next Generation of Horticulturists

Hoffman Nursery was a sponsor of the recent 41st National Collegiate Landscape Competition, an event that offers several opportunities for companies in the green industry to meet and recruit the next-generation of horticulturists.

Read More
Kaylee South

April 22, 2017

American Floral Endowment Announces Winners of 2017 Paul Ecke, Jr. Scholarship and Altman Family Scholarships

Four students pursuing careers in horticulture now have scholarships to help them along the way, thanks to the American Floral Endowment.

Read More
Oregon Lean Nursery Consortium

April 15, 2017

How Oregon Growers Are Making Lean Improvements With Help From Their Peers

The Oregon Nursery Lean Consortium recently helped two Pacific Northwest growers realize significant productivity gains and labor savings.

Read More
Latest Stories
National Collegiate Landscape Competition Feature

April 27, 2017

Hoffman Nursery Cheers On the Next Generation of Hortic…

Hoffman Nursery was a sponsor of the recent 41st National Collegiate Landscape Competition, an event that offers several opportunities for companies in the green industry to meet and recruit the next-generation of horticulturists.

Read More
Kaylee South

April 22, 2017

American Floral Endowment Announces Winners of 2017 Pau…

Four students pursuing careers in horticulture now have scholarships to help them along the way, thanks to the American Floral Endowment.

Read More
Oregon Lean Nursery Consortium

April 15, 2017

How Oregon Growers Are Making Lean Improvements With He…

The Oregon Nursery Lean Consortium recently helped two Pacific Northwest growers realize significant productivity gains and labor savings.

Read More

April 11, 2017

Jerry Halamuda of Color Spot Nurseries Retires

The co-founder of Color Spot Nurseries has retired, effective immediately, and has named a replacement.

Read More
NICH Plants Do That infographic feature

April 11, 2017

New Infographic Highlights Economic Impact of Plants

A new report from the National Institute for Consumer Horticulture shows how horticulture positively affects people’s lives wherever they live, work, shop, and play.

Read More
Vegetable and Hydroponic Production At Vineland

April 10, 2017

Growing Beyond Your Comfort Zone Can Be Rewarding

With experience in biocontrols and IPM, ornamental growers have much to offer in producing emerging horticultural crops.

Read More
Socius Webinar

March 30, 2017

Webinar to Offer Tips on Properly Managing Your Busines…

“How to Survive and Thrive: New Revenue Building Tools for Growers,” presented by Socius, takes place on April 6.

Read More
Basil Planting feature

March 29, 2017

How You Can Embrace Greenhouse Food Production With Con…

Maintaining balance, learning continuously, and seeking support will help make your transition into producing greenhouse food crops a smooth one.

Read More
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