Want to add your Free Listing?
Click here to register

CampaignMonitor – Improving the usability of email subscribe forms on mobile devices

CampaignMonitor – Improving the usability of email subscribe forms on mobile devices

CampaignMonitor - Improving the usability of email subscribe forms on mobile devices

By: CampaignMonitor

Recently, we were asked for advice on how to make our email subscribe forms more mobile-friendly. The good news is that mobile devices like iPhone and Android handsets generally do a good job of making forms at least remotely usable these days, however there are a couple of things us designers and coders can do to make them as easy-to-use as possible. The obvious benefit to optimizing your forms is that they require less time and effort to fill in on a mobile device. To you, this means higher completion rates and more subscribers.

In this post, we’ll cover a couple of pointers, plus feature a simple example you can use as a starting point for your own subscribe forms.

Top-align those labels

A common boo when it comes to using forms on a mobile device are having labels that reside out of sight when a form field is selected in a mobile browser. At the initial zoom-level, a left-aligned label like ‘Enter your email address:’ may be visible, but as soon as you start entering text, the viewport zooms-in and the label is flung out of sight.

The solution is to either use a top-aligned label, or add the form label as a text-field value. The latter requires less vertical real estate, but can be a little annoying if the field you’ve just started filling in was initially hidden by the phone’s “Form Assistant” or keyboard.

Our subscribe forms come with top-aligned labels by default – which is a good thing.

Use input type=”email”

Talking about form assistants, Kevin in the comments made a great suggestion – if you useinput type="email" on the email address form field, a special keyboard will display in iOS devices, featuring commonly used characters like @. David Walsh features a couple of added advantages to this method in his post on HTML5′s “email” and “url” Input Types. Thanks, Kevin!

Read Full Post

We saw this post and thought we would share it with you.
Want to check out the who’s who and what’s what of email marketing?
Read The Buzz.
  • Profile:  Jeff Ginsberg has 17+ years’ experience and is an industry known authority on email marketing who gets in the trenches with clients and helps them fulfill their marketing objectives, increase revenue and brand engagement. Clients rely on him and his team at The eMail Company to provide them with expertise from strategy to technology and from campaign management to channel integration. Jeff has worked with clients across all spectrums in the financial, automotive, retail and consumer packaged goods space. His experience covers both B2B and B2C markets. He has a strong background in educating and training agencies and clients about email best practices and is a wealth of knowledge when it comes to marketing tools and vendor selection. While Jeff’s team may be small, they know how to solve BIG email marketing problems. Looking for help with your next campaign? Don’t be afraid to give him a call – Jeff and his team ready to help you today. Give me a call: Toll Free: 877-We-eMail (877-933-6245) Local: 416-225-7711 eMail: jeff@theemailcompany.com
  • Website:  http://www.theemailguide.com
  • Twitter:   http://www.twitter.com/theemailguide
  • LinkedIn:   http://ca.linkedin.com/in/chiefemailofficer
Other post by this Author
Leave a Reply