It appears you are using an older version of your browser. This site was developed to be progressive and future-compatible. Please take a minute to upgrade your browser for an optimal experience.
Skip to content
  • Subscribe:

Is Your QR Code Landing Page Mobile and Context Friendly?

Loren McDonald, Silverpop
by: Loren McDonald (@LorenMcDonald)
08 May 2012

I'm a big fan of using all channels to acquire new prospects/customers and their email addresses so you can nurture and engage with them via the email channel. However, it's critical to align your form and registration process with the channel and context the prospect used to opt in or register.

Here's what made me think of this: While paging through a magazine recently while eating dinner, I saw an outdoor paver-brick advertisement that offered a QR code for more information. So, I hauled out my trusty iPhone, scanned the code and was taken to the form shown at right.

Whoa! This looks like the standard form you'd get if you clicked through to the advertiser's site on a conventional desktop computer. It had 21 data fields and/or checkboxes. Fortunately, not all were required.

As a marketer, you know that 100 percent of the prospects scanning your QR code from a magazine ad, brochure, table tent or airport poster ad are doing so with a smartphone or possibly a camera-equipped tablet.

There's really no guessing if they might be using a desktop PC with a 23-inch monitor. They aren't.

Also, if your QR code is on a table tent at a fast-food restaurant or seminar, a sign in a trade booth or an airport poster, you know your prospect is on the go, has limited time and is likely engaged simultaneously in other activities (eating, walking, reading, listening to a presenter, etc.).

So, it's vital to consider both the channel's form and your prospect's context and environment at the time of registration.

For example, if the QR code offer has an immediacy to it, such as an instant coupon, then the content should be presented on the Web following the form submission.

If, however, the prospect is registering for a lengthy white paper while stopping by your trade booth or listening to your seminar presentation, your best route might be to provide a link via email to download the content later.

Here are a few tips to consider when designing your QR code strategy and mobile landing page and form:

  • First, make sure you're using a QR code in the right context. It should go on a surface that the user can scan easily, such as a magazine ad, booth sign or ad poster close to foot traffic.
  • Don't ask for too much information on the form. An email address might be enough to launch your opt-in process. You can use progressive profiling to collect more information, either to target messages or to qualify the prospect.
  • Consider using social sign-in functionality to make it quick and easy for prospects to register with their social identities and a couple of finger taps.
  • Put your key information at the top and "above the fold" (within the first screen without scrolling). Test your mobile landing page on the most popular smartphones where the QR code will be deployed. See where your page or form cuts off. If key information or form fields are cut off, move them up.
  • Don't use Flash. iPhones and iPads don't render Flash. So, your landing page visitor will see a big blank.
  • Minimize load time. Many users will be accessing your page over their cellular network, or perhaps a slow Wi-Fi connection. If your page takes too long to load, many people will bail.
  • Avoid making visitors type lengthy responses, which can be difficult and error-prone with virtual keyboards. Instead, consider using checkboxes, lists, radio buttons and select menus.
  • Try to avoid making visitors scroll to complete any registration process or to see vital information. If you must, have them scroll down and not sideways.
  • According to Smashing Magazine, top-aligning form text is preferred over left-align, as text can be cut off when using the field zoom function.
  • Another great recommendation from Smashing Magazine: Specify input formats. For example, with HTML5-friendly mobile browsers, specifying an input of the type "email" brings up a virtual alphanumeric keyboard with "." and "@" keys.
  • Avoid lists of hyperlinks, such as a set of resources, one on top of each other. They can be hard to click on a touch-screen, and people will bail when they hit the wrong link a few times.
  • Increase icon and font sizes to make them more readable on a small screen.
  • The Apple iOS Develop site recommends that all things “tappable” be at least 44x44 points. (Note: Points are not pixels; a point is 1/72 of an inch.)
  • Don’t drive prospects to a Facebook page. If you plan to drive a visitor to a specific tab on Facebook, they won't be able to view it on a mobile browser.
  • A QR code isn’t an excuse for a super-long URL. Pick out a short, clean URL for your campaign. List out this URL on the ad so that users can easily type in the URL if they don’t know what a QR code is.
  • Record the mobile preference. You now know this user is an experienced mobile user—make sure emails you send them are mobile-optimized.

So, how should your QR code landing page look? The form below (shown with related QR code) is a more mobile-friendly example:

QR codes can be great sources of email opt-ins by prospects who aren't in front of their computer screens. Just be sure your landing page doesn't turn away the prospects who get to it "via mobile while mobile."

Have any favorite mobile landing page tips, success stories and big #FAILS? Please share below.

To keep up with Loren's latest tips and observations, connect with him on Google+.

Related Resources:
1) Infographic: "Using Mocial Channels to Grow Your Email Database"
2) Blog: "Email Opt-ins: Be Where Your Customers Are"

Share

Comments

5
  1. Mike Swisher

    I liked your article... you touched on a lot of the issues that I address by creating a site (qreditscanner.com) that allows businesses to create their own Landing Page and QR Code all in one place. The service is totally free. Thanks!

  2. Tom

    Your QR code looks complex. Suggest using a url shortening service and creating QR of that, there are many that do all in one that also incorporate tracking. This will create a less complex code which can help reduce potential scan errors. Also helps to limit space needed for QR code.

    1. Loren McDonald

      Hi Tom, Agree with you—a QR code isn’t an excuse for a super-long URL. And it’s a great idea to use a URL you can track so you can evaluate the success of your campaign. Thanks for your comments.

  3. Phil

    Hi Loren Your QR code scanned fine for me from this blog post. It brought me to the landing page. The video does not play on my Blackberry Bold 9650. I have found that using the mobile version of YouTube works best for all smart phones (m.youtube.com/sbliofma). What are your thoughts? Regards, -Phil @Crampee

    1. Loren McDonald

      Hi Phil, Sorry to hear the video didn’t play on your Blackberry, and agree that using the mobile version of YouTube is a great way to help ensure your video will display correctly on a smartphone. Thanks for sharing your thoughts.

Sign-up Now!

Subscribe to Silverpop's Digital Marketer Newsletter!

Popular Categories

Top 5 Posts