If Your Site Isn’t Optimized For Mobile, You’re Nobody: Words From a Designer

Posted on Thursday, June 28th, 2012 by Print This Post Print This Post

Categories - Featured, Mobile

With increasing global smartphone penetration, and Nielsen’s recent report that the majority (50.4%) of all US mobile subscribers own smartphones (Source: Nielsen 2012), there’s no question we’re using our web-capable phones to search more than ever. We are certainly on pace with Mary Meeker’s projection that the number of people accessing the web via a mobile device will surpass desktop by 2014. This data makes it surprising that the majority of companies out there still have not optimized their website for mobile devices. (Source: eCounsultancy 2011)

So if you haven’t yet done so, it’s officially time to kick-off that mobile strategy. First, let’s consider some interesting stats about the mobile consumer:

  • 95% of smartphone users have looked for local information and 61% call a business after searching. (Source: Google, 2011)
  • 90% of smartphone searches results in an action – purchasing, visiting a business, etc. (Source: Google, 2011)
  • 40% of mobile users have turned to a competitor’s site after a bad mobile experience. (Source: Gomez, 2011)

That last one is really important — 40% of your customers may be lost to competitors if you don’t have a mobile-optimized site! If your site’s not optimized for smartphones, chances are you’re losing revenue.

So let’s examine how to develop a mobile strategy and then we’ll take a look at some examples of mobile-optimized sites.

Before we dive in, let’s address the problem of the mobile user by reviewing the user experience of a site not optimized for a smartphone. Here is one I encountered while looking for a fun Saturday activity, a trampoline park! The site name has been obscured since it’s serving as an example only:

This is the worst offender to the mobile user-experience — a desktop site rendered on a smartphone is a pinch-and-zoom headache. Since they haven’t addressed their mobile audience, the content is not contextual. And since the content is too small, no smartphone user will be reading any of it, and certainly won’t be buying tickets here. And because it was meant for viewing with a desktop computer, there is simply too much information overall – wordy content and unnecessary navigation.

A simple fix would be to rewrite the content for mobile-specific context and reduce the navigation to address the needs of mobile users — Hours, Location & Directions, Tickets, Promotional Events, and Call Us. Also hiding the address bar saves valuable screen real estate for usable content. While I didn’t visit a competitor’s site, the nearest one would mean crossing county lines, I did use the Yelp app to help find the location and read reviews.

Based on the hourglass customer engagement model, Ron Jones outlines “6 Steps for Building a Mobile Strategy”:

  1. Define target audience personas.
  2. Conduct research.
  3. Develop your mobile solution.
  4. Design your pricing model.
  5. Develop your support model.
  6. Develop retention and loyalty programs.

Developing a pre-purchase customer engagement in the first 3 steps involves addressing the needs of your target audience. It’s important to conceptualize your different media flows. What is our mobile value proposition from these channels and how can we build on our existing marketing efforts — Email, Coupons, Promotions, Offline Media? What is our call to action? What technology can be utilized to support it? How can we engage the user and how can we promote brand loyalty and advocacy? PPC? QR Codes? SMS? App? Social Media?

Once you begin to develop your mobile site it is imperative to consider the Mobile User Experience. UX is extremely important in any medium and is particularly true in Mobile Design due to the small screen real estate. The content should be brief and contextual.

Roughly a third of all mobile searches have localized intent — comparison-shopping, scanning reviews, searching for your location, sharing, etc. (Source: Google, 2012). Bring these activities forward and make them easy and obvious. If you are adapting content from your desktop site be sure to edit it for mobile relevancy. A great user experience will enable a user to scan content to find what they need quickly, and make a purchase within just a few clicks.

3 Examples of Good Mobile UX Design

Let’s get inspired by taking a look at a few brands that do a great job identifying mobile customer intent while also delivering a well-executed user experience:

Walgreens clearly understands the intent of their mobile customers, providing explicit navigation in a streamlined design. The navigation is based on their most popular shopping entry points as well as a few location-based options. The prominent “Find Near Me” link in the top addresses the needs of users looking for Walgreen’s brick-and-mortar locations.

What I don’t like is the Weekly Ad section repurposed from their printed ad where you need to do some pinching and scrolling. Since 40 percent of smartphone users redeem mobile coupons (Source: Mobile Commerce Daily, 2012), I would suggest they optimize this section for smartphones and perhaps add price-scanning functionality for in-store use.

Comcast has done a good job with this mobile-optimized site. The current offer is prominently displayed with a clear primary and secondary call to action. A trade-off for the prominent offer however is that the on-page navigation is pushed below the fold, so either you scroll down or use the nested Menu (top right).

I would suggest Comcast offer easy access to video content to their subscribers rather than just a link to Comcast.net. We know that 75% of users watch video content on their smartphones, and 26% watch at least one time per day. (Source: Google, 2012)

Once again Target completely nails it! What’s truly outstanding is the use of scale — the copy and product photography work together for great readability. And in addition to the navigation in the header, there are 5 large bucket categories as you scroll down the home page — namely Top Rated Sale item, Weekly Ad, Daily Deals, Coupons, and Pharmacy. Each serves as a landing page with a corresponding Call to Action. And since the entire category area is a hotspot there is no need to pinch-and-zoom to select it.

My only suggestion to enhance user experience would be to use a static top menu bar so these link options are always present, and I would also like the option to pick-up from a local store. Overall Target does an incredible job at identifying intent of their mobile-user.

Development and Analytics

If you have a desktop site and simply want to repurpose the assets for mobile, there are sites like MoovWeb or DudaMobile that make it quick and painless. The latter is a mobile genie that allows you to leverage your existing web assets, providing templates and tools to publish a mobile-friendly site. If you’re starting from scratch and want more control in developing your site, it’s also a good destination to find additional resources.

Once you have a mobile site, you’ll want to separate mobile-search campaigns from desktop search campaigns. This will allow you to test, measure and develop targeted messaging for each platform.   To set up your Analytics, check out How to Create a Mobile Marketing Dashboard in Google Analytics by Richard Schneider.

Keep in mind that a successful mobile site is always evolving, so once you have accumulated some user data you will want to fine tune your site based on your findings.

 

 

Tags |

12 Responses to “If Your Site Isn’t Optimized For Mobile, You’re Nobody: Words From a Designer”

  1. Jessica says:

    Thanks for telling it like it is! Sites that don’t consider mobile really irk me. They lose credibility and my buyer dollars. Get with 2012 people!

  2. Superb post however , I was wanting to know if you could write a litte more on this topic? I’d be very thankful if you could elaborate a little bit further. Many thanks!

  3. Shemeka Robichau says:

    Heya i am for the primary time here. I came across this board and I in finding It truly useful & it helped me out much. I hope to give something back and aid others like you aided me.

  4. Eden Boseman says:

    This is the best website for anybody who desires to find out about this topic. You notice so much its almost onerous to argue with you (not that I truly would want…HaHa). You undoubtedly put a brand new spin on a topic thats been wrote about for years. Nice stuff, simply nice!

  5. Hello, i feel that i noticed you visited my blog so i got here to go back the want?.I’m trying to in finding things to improve my site!I assume its adequate to use a few of your concepts!!

  6. Hi this is somewhat of off topic but I was wondering if blogs use WYSIWYG editors or if you have to manually code with HTML. I’m starting a blog soon but have no coding expertise so I wanted to get advice from someone with experience. Any help would be enormously appreciated!|

    • Dewey says:

      Many people use template-based online editors like WordPress for their blogs so they can spend less time writing code and more time writing about their passions.

  7. I was suggested this blog via my cousin. I am no longer positive whether this publish is written via him as nobody else recognise such distinct about my problem. You are amazing! Thanks!

  8. Brian Burt says:

    Wow, great blog post.

    Very useful information, kudos!

  9. Brian Burt says:

    Wow, great blog post.

    Thanks for the information!

  10. Wiley says:

    Write more, thats all I have to say. Literally, it seems as though you relied on the video
    to make your point. You obviously know what youre talking about, why waste your intelligence on just
    posting videos to your site when you could be giving us something informative
    to read?

    My web-site: personal injury on cruise ship – Wiley -

Trackbacks/Pingbacks


Leave a Reply

Follow Us on Twitter

Authors