Why You Should Mobile Optimize Your Website

Starbucks
In this straightforward web design, the content and columns have been shifted to fit various screens. The content is all there, but prioritized for each format.

It’s widely understood that “mobile web” refers to people accessing information on browsers through their smartphone and/or tablets. It’s also a safe assumption that you yourself are a consumer of information on the mobile web when you consider that of the more than 7 billion people in the world, 77 percent own a mobile device. This leads to the conclusion that your customers are looking for information about your products and operation by using their mobile devices.

With that in mind, have you spent any time thinking about what your website looks like on a mobile device? Do you know how customers and potential customers find information about you on their various mobile devices? Many companies have not taken this time to make sure that their mobile presence is up to the task.

If you are thinking, “Yes, I have a mobile website. When I go to my URL on my phone, there it is. I see my site, just like I would from my computer,” you might want to take a moment to read on and see why an exact replica of your desktop site may not be the best way to go.

Understanding Your Mobile Visitors

James Williamson, senior author for the online tutorial site Lynda.com, makes the point that when designing for the mobile web, we are making too many assumptions on exactly what a mobile user is. Bad assumptions about mobile:
• Mobile connections are slow
• People don’t want to see your full site on a mobile device
• People accessing mobile sites are always on the go

These assumptions serve only to limit our thinking about what people want to get out of our sites on mobile devices and lead us to miss important opportunities.

For instance, as I write this article, I am using my tablet for research, sitting at my desk (not mobile at all), with a strong internet connection, and I fully expect to have access to all content on the sites I visit that I would if I was on my computer. Williamson further contends that the only assumption we can make about mobile users is that they are always connected. It’s as simple as that. Your customers can always access information about you — from anywhere, at any time, and from any device.

One simple understanding, however, opens up an entire can of worms when it comes to achieving a superior mobile presence for your customers. Creating a successful mobile website for your company needs to be an integral part of your overall user experience strategy. It can’t just be an afterthought, or worse, a scaled down version of your site squeezed onto a mobile device.

Your Mobile Website Strategy

To create a mobile web that is intentional and reflects your commitment to user experience, there are two concepts you need to embrace and understand; responsive web design and content strategy. When deployed in concert, these two fields work together to give you a web presence that is adaptive, accessible and device-appropriate. In other words, your site will be a good experience for all visitors; regardless of where they are when they view it, and what device they are employing to interact with it.

Responsive web design, a term coined by professional web-designer Ethan Marcotte, refers to three specific techniques for making sites that adapt well across many browser environments.
1. Fluid layouts
2. Flexible images and other media objects
3. Media queries

Even if you have hired a professional web designer and developer (highly recommended), you will benefit greatly from an understanding of what’s at work behind the scenes. You are not simply creating three static visual designs (smartphone, tablet, desktop) but creating a fluid design that is coded in a way that it understands which device is calling up the content and responds accordingly.

Content strategy refers to the planning, development and management of content. This content can be written, or it can be a host of other media including video, webinars or images. Content strategy has become increasingly critical for businesses (both consumer-facing and business-to-business), as customers have changed the way they buy. Customers don’t want to be sold to, they want to do their own research, get the information they find valuable, and then they will let us know when they are ready to buy. In other words, the traditional marketing and sales funnel no longer applies. Which means that we need to make sure the technological advances are working in our favor and not against us, making your mobile web content decisions so much more important.

For instance, take this example above, of a very straightforward web layout, and look at how the content and columns have been shifted to fit various screen sizes. The content is all there. We have not made assumptions about what a phone user will want to see vs. someone on a tablet or desktop, but we have prioritized the content and allowed for ways for people to dig deeper if they want more information.

The move from desktop to tablet has a few subtle differences, like the placement of the navigation and some of the explanatory text, but that attention to detail makes a difference in how you take in the site on the smaller screen. Then when you move to the smartphone, the columns are all condensed to one, but they still have all of the same information available. They have also collapsed the menu to make it friendlier on the eyes, as well as more conducive to the smaller touchscreen navigation.

If you’re looking for additional design inspiration, Mobify.com has published some of their favorite responsive sites to help get your creative juices flowing.

Steps You Need To Take Toward Mobile

If you don’t have a website at all — or are ready and willing to do a complete redesign — your-job of creating a mobile website is actually easier. Sounds a bit counter-intuitive, I know, but many web experts agree that designing for the smallest screen first and growing from there is the smartest way to approach responsive web sites. The reasoning is that this allows you (forces you) to make your toughest decisions up front. (Is our company description most important, or do people really need our phone number and address first?) Those decisions will then pave the way for a superior content map for your larger screen layouts, as well.

  1. Inventory all of the content that needs to go on your site
  2. Categorize it
  3. Prioritize it

Admittedly, most of us have to work backwards, as we already have our desktop versions out there and now it’s time to make it responsive. This means we already have our initial designs, we already have a lot of content and we have already coded the site. This gets a little harder, but not impossible. You just need to go in to the project with an open mind and be willing to re-think some previously made decisions.

Confession Time

This is hard. I know it is not a project that is easy to tackle because even as I sit here and write this article as a marketing and user experience practitioner, I have to admit that sometimes other tricky business decisions get in the way. Like timing and resources.

Here’s my confession: ePlantSource does not have a good mobile presence. Our website on a smartphone or tablet leaves a lot to be desired.

Awhile back, we made the decision to focus on desktop users first and then work backwards. I remember the day we made this decision clearly and we had our reasons, some of them good ones some of them slightly more questionable. But that does not erase the fact that now we have some work to do to get our mobile viewing experience to match the very high standards that we set for our desktop site experience.

There are a lot of technical considerations to keep in mind and the field of responsive web design is constantly evolving, as it is a very young one. I did not go into all of the technical nitty gritty here, but I highly recommend the tutorials on Lynda.com if you are interested in diving deeper into the techie side of mobile website design and implementation. For other design considerations, I turn regularly to SmashingMagazine.com and Alistapart.com to keep an eye on what’s coming down the road.

Make the commitment to step outside of what your site is today and really look at it objectively to decide how your mobile strategy needs to be implemented. Then take the time to sit down with the right team (I’d recommend starting with a web designer, web developer, your content experts, your marketing team and executive leadership) and make it a priority for your company to have a smart mobile web presence.

Topics: ,

Leave a Reply

More From Business Management...
Spring Meadow Nursery Fire

January 17, 2017

Two Major Growers Recovering and Rebuilding After Fires

The blazes occurred at Dan Schantz Farm and Greenhouses in Zionsville, PA, and Spring Meadow Nursery in Grand Haven, MI. Both companies say no employees were injured, and they plan to pull together and stay on schedule for the remainder of the year.

Read More

January 10, 2017

5 Can’t-Miss Events and Activities at TPIE

The Florida Nursery, Growers and Landscape Association’s Tropical Plant Industry Exposition (TPIE) is fast approaching. As you plan your trip, here are five can’t-miss highlights from this year’s show.

Read More
sakata-tour-de-fresh-salad-bar-donation

January 8, 2017

Sakata’s Participation in Tour de Fresh Race Results in New Elementary School Salad Bar

On the heels of riding in the Tour de Fresh Race in July, Allen Satterlee of Sakata Seed America celebrated by presenting a new salad bar to Galt Elementary School in California.

Read More
Latest Stories
Spring Meadow Nursery Fire

January 17, 2017

Two Major Growers Recovering and Rebuilding After Fires

The blazes occurred at Dan Schantz Farm and Greenhouses in Zionsville, PA, and Spring Meadow Nursery in Grand Haven, MI. Both companies say no employees were injured, and they plan to pull together and stay on schedule for the remainder of the year.

Read More

January 10, 2017

5 Can’t-Miss Events and Activities at TPIE

The Florida Nursery, Growers and Landscape Association’s Tropical Plant Industry Exposition (TPIE) is fast approaching. As you plan your trip, here are five can’t-miss highlights from this year’s show.

Read More
sakata-tour-de-fresh-salad-bar-donation

January 8, 2017

Sakata’s Participation in Tour de Fresh Race Results in…

On the heels of riding in the Tour de Fresh Race in July, Allen Satterlee of Sakata Seed America celebrated by presenting a new salad bar to Galt Elementary School in California.

Read More
griffin-aurora-colorado-branch

January 6, 2017

Griffin Opening New Hard-Goods-Focused Distribution Cen…

The planned February opening of the 18,500 square-foot facility is part of the company’s continued expansion into the Western U.S.

Read More
gg-january-2017-cover-arizonaeast-feature

January 5, 2017

Why ArizonaEast Is Expanding Its Succulent Production T…

In Greenhouse Grower's January cover story, learn how Brian and Joe Vitale of ArizonaEast saw a chance to expand and diversify their New Jersey-based succulent operation, and why they jumped at the opportunity.

Read More
Moana plant yard

January 4, 2017

Green Industry Poised for Continued Economic Growth in …

Positive economic indicators point to 2017 being a year of modest growth for the green industry, according to economist Charlie Hall.

Read More

January 3, 2017

Growing Optimism for the Horticulture Industry in 2017

With a new administration and a new Congress, AmericanHort's Craig Regelbrugge says the horticulture industry has reason to be cautiously optimistic that regulatory relief could be on the horizon.

Read More
2016-student-competition-award-winners

January 3, 2017

Southern Nursery Association Research Conference Procee…

On the heels of presenting awards to students in the horticulture industry, the Southern Nursery Association has compiled and published its conference research proceedings.

Read More
Farwest Show Floor

December 31, 2016

Farwest Show 2017 Will Feature New Days and Hours

The 2017 Farwest Show will take place Wednesday, Aug. 23 through Friday, Aug. 25, to allow attendees more time to visit local hot spots.

Read More
kelly-norris

December 29, 2016

Kelly Norris: 4 Ways We’re Leaving Growth Opportunities…

Horticulture is a multi-million dollar industry with lots to offer, yet we’re still overlooking several avenues for growth.

Read More
Top 100 Breakfast Panel for 2016

December 27, 2016

You Said It: The Best Quotes From 2016

Some of the industry’s leading growers and educators had strong things to say this year. Here’s a look at some of the most memorable quotes from 2016.

Read More

December 27, 2016

5 Photo Galleries You Didn’t Dare Miss in 2016

Whether it was industry event and trade show highlights or new developments in technology, these images not only spoke more than a thousand words; they drew thousands of clicks, as well.

Read More

December 27, 2016

Check Out the Top 5 Most-Read News Stories on Greenhous…

From pest outbreaks to overtime rule changes, here are the headlines that grabbed your attention in 2016.

Read More
Grow Summit 2016 group shot

December 20, 2016

Less Talk, More Action At Greenhouse Grower’s GRO…

Investing in technology, developing new marketing solutions, and recruiting young growers were just a few of the issues covered at GROW Summit 2016.

Read More
Workers are required to wear uniforms and use tools restricted to the section of the facility where they work, and street clothes are prohibited

December 16, 2016

House Failure To Address H-2B Exemption Could Affect Sp…

Despite efforts by AmericanHort and others in the industry, the House of Representatives failed to renew the Returning Worker Exemption, a policy that helps ensure that small and seasonal businesses have an adequate workforce for the peak spring season.

Read More
americanhort-hort-scholars

December 15, 2016

HortScholars Program Is Open For 2017 Applications

Presented by AmericanHort, the program is open to students in a horticulture-related degree program, and recipients will have exclusive opportunities for in-depth discussions with industry leaders at Cultivate’17.

Read More
North Creek Nurseries Bright Young Talent

December 13, 2016

Emergent Networking Event On Deck At MANTS 2017

Emergent, the collective group of young horticulture professionals who represent the next generation of growing, will host a reception on Wednesday, Jan. 11, after the MANTS tradeshow floor closes.

Read More
bailey-nurseries-veterans-workforce

December 13, 2016

How Bailey Nurseries Navigates The H-2A Program

Joe Bailey, Human Resources Director at Bailey Nurseries says each operation has to analyze their situation and decide for themselves if the H-2A program is right for them.

Read More