One fairly common issue for lead gen on mobile devices is that more often than not, it still involves the visitor submitting a form. This is problematic because there is not enough space on a phone to see all of the characters on a typical keyboard, which forces visitors to swap between multiple keypads to fill out the form fields.
We can improve the form experience by automatically giving visitors the correct keypad for each field. For example, show a number pad with a “phone number” field or show an email related keypad for the “email” form field.
Visitors on mobile devices will try to click on everything. If you have images of an asset or graphics to represent features, make them tappable and reveal additional information relevant to that asset or feature.
This may seem obvious, since mobile users don’t have a mouse, but I still frequently experience mobile designs that rely on people mousing (hovering) over an element in order to see additional content, information, or even the form itself.
Mobile devices do not have the ability for the visitor to “hover” — they can only “click” (tap). Any hover effect/trigger you may have on your page will not be seen by mobile visitors.
Another common issue is having the same number of fields on a mobile form as a desktop form. In most cases, visitors on mobile devices are less willing to fill out a form, and thus you will experience a larger drop in conversions from having additional form fields on mobile devices.
Consider reducing the number of fields to the bare essentials on mobile devices. For example, can you remove the “Company Name” field and potentially use the domain name in their email address instead? Or can the sales rep add this information after following up with the lead? Can you reduce the “first name” and “last name” fields to just one “full name” field?
Here, you can see how the suggestions above reduce the total form space needed:
Another way to look at the issues associated with forms on mobile devices could be to simply not have forms. Phones are great at doing some things that computers are not, like making phone calls!
Consider using a different call to action (CTA) on mobile devices that encourages visitors to call instead of filling out a form.
Long-form content requires a lot more scrolling on a mobile device than on desktop, due to the smaller screen size, so including multiple calls to action throughout the content can be a successful strategy when creating a long mobile page. Make sure to repeat your CTA throughout the content and even change it to be relevant to each new section of content as the visitor scrolls to the bottom of the page.
In a way, designing content for mobile can be easier than desktop because there are fewer places for the eye to move around on the page — it is pretty much confined to just looking up and down. However, this also makes the visitor’s eye less able to selectively pick out what it finds most important.
Make sure to clearly give visitors the experience that their mind is expecting. A good rule of thumb is to follow the order of “who, what, why.” For example:
If this order is changed, like giving benefit bullets before saying what they are for, then there is more likely to be a disconnect for the visitor’s mental train of thought, and they will simply leave the page.
This is just the tip of the iceberg, and companies may see differing results from implementing the tips above. It is important to realize that the mobile world is changing at an unprecedented rate, and visitors’ expectations are changing just as fast.
What works one month or year may not work the next — so don’t be afraid to test new ideas, challenge “best practices” and continue to adapt and evolve alongside your mobile customers.
Some opinions expressed in this article may be those of a guest author and not necessarily Marketing Land. Staff authors are listed here.
Source: Mobile App Guru