Mobile Marketing: How To Boost Your Mobile UX 

According to Pew Research Center, 81% of Americans today own a smartphone, and mobile dependence is also on the rise. 

Emarketer predicts that by 2021, “mCommerce will account for 72.9% of the ecommerce market.” 

And yet, mobile conversion rates are still stagnating around 2%.

Like many other digital teams around the world, you may be scratching your head, wondering what you need to do to shrink the mobile gap for your business to see healthier conversion rates among your smartphone shoppers.

But instead of focusing exclusively at conversions, brands should take a closer look at their user journeys to gain an in-depth understanding of their customers’ behaviors.

Accessing this level of insight implies having the right tools and methodology, and in some cases, trading in basic or incomplete methods for next-gen solutions.

In this guide, we’ll explore why mobile conversions are having such a hard time catching up to desktop, and what metrics you can use in 2019 to make sense of (and correct) this discrepancy.

As ever, we’ll save the best for last with some concrete tips on how you can optimize your mobile or app experience today.

Let’s dive in!

Mobile Conversions vs. Desktop Conversions: What Gives?

Widespread mobile adoption means consumers now have the world at their fingertips. And yet, 37% of mobile sessions last less than one minute!

Evolving usage and the transformation of devices themselves have widened the gulf between desktop and mobile behavior. 

Even more so than on desktop, mobile browsing requires an intuitive, seamless navigation, fast loading times and a streamlined customer journey.

And yet many sites and apps are not conceived to meet the needs of this particular audience, which is often impulsive, impatient, and easily distracted.

The numbers speak for themselves.

Our study of 300 million mobile sessions shows that: 

Hence the need to put aside preconceived ideas and to ask the right questions: 

Customer Experience in 2019: The Era of “Micro-Moments”

What if the objective of a browsing session was not, in fact, a purchase? 

You heard right. There are as many mobile browsing objectives as there are situations, or “micro-moments.” 

And yet it is possible to group these micro-moments into phases, each presenting their own set of challenges for brands: 

Giving each of these situations proper consideration goes against some of the preconceived ideas of eCommerce such as: every visit should lead to a conversion. This is simply not the case.

What if the information or free services featured on your site also needed optimizing? Not to encourage an immediate conversion, but to generate long term value.

If you ignore these micro-moments and focus all your efforts on those visitors who have already decided to complete their purchase online, you risk missing out on many conversion opportunities in the long haul.

The Right Metrics for the Right Conclusions

We now know that the user journey on mobile is peppered with micro-moments that should be considered individually. 

But how do you shine a spotlight on these moments, which may vary greatly depending on your vertical, your positioning and your offering? 

A traditional site analysis, bolstered with A/B tests based on practical use cases (or sometimes even on intuition) may at first glance appear to be the perfect answer.

And while many businesses have relied on the numbers provided by these analyses for years, teams now have access to much more sophisticated UX analysis tools to understand the behavior and goals of their digital audience.

Basic metrics such as conversion rate, bounce rate, session duration and number of pageviews remain critical to understand user journeys.

But why stop there?

In the following paragraphs, we’ll look at four new metrics that can help teams better understand the nuances of customer behavior.

Click recurrence:
Click recurrence is the number of times a user clicks on a specific in-page element.

This metric is incredibly useful because it sheds light on user frustration, due to:

Activity rate:
The activity rate, a metric that measures the time spent interacting with specific in-page elements, is less frequently leveraged. 

And yet it’s much more useful to understand how long visitors spent trying to achieve a specific task than the time if took them to exit your site… 

Many businesses routinely monitor how long visitors stay on the pages of their site. This metric is useful to determine how helpful these pages are for visitors trying to fulfill a particular objective. 

Engagement rate:
The engagement rate measures the percentage of visitors who clicked after having hovered over a zone.

By analyzing the engagement rate on a CTA, you can understand the impact of each and every one of your changes (wording, positioning, etc) on conversions and other behaviors.

In short — a goldmine! 

Time before first click:
The time between the moment when the visitor lands on a page and clicks on an element is an extremely important value.

That’s when your visitor will form an impression, absorb the information you have provided and make a decision about their next action.

Time before first click can convey a lot of information about how a visitor feels about your site. 

For example, a short time before first click can indicate that visitors are distracted by certain elements or are being encouraged down the wrong path.

A long time before first click could indicate that the forms or features on a page are too complex to navigate, and are obstacles in the customer journey. 

How to Optimize the Mobile Experience to Increase Conversions?

Are you not convinced of the effectiveness of your landing pages? Now would be the time to take a closer look.

Our research shows that visitors who start their navigation on a product page spend less time on-site than those starting their journey on any other category of page. 

Presenting the right content at the most opportune moment is key if you want to enjoy a healthy conversion rate. 

The first thing to do is to make sure the content of your landing page is relevant to the message in your acquisition source (SEO, SEA, social, etc).

Here are some other good practices you can follow to maximize engagement on your landing pages.

Homepage

Challenge: is it easy for visitors to find what they are looking for?

Solutions :

Navigation

Challenge: is it easy for users to browse what interests them?

Solutions:

Conversions

Challenge: is the checkout process seamless?

Solutions for an improved cart:

Solutions for checkout:

While our recommendations focus on specific use cases, an effective mobile optimization strategy requires continuous monitoring of all aspects of the customer experience.

Any improvements to the mobile experience need to keep up with the pace of usage, and with the real-time needs and expectations of your smartphone audience.

To help teams gain a complete understanding of their customers, and to pinpoint the obstacles or frustrations along the user journey, we’ve developed a unique set of metrics that measure customer engagement and interactions at every step of the journey.

Equipped with this level of customer intelligence, teams have everything they need to make winning CX decisions and remove friction from their mobile site and app.

If you’d like to know more about your customers, or if you want to see where they struggle on your site, give us a call and we’ll be happy to show you.

We’ll be happy to show you!

3 Tips to Improve Mobile User Experience

Our latest industry benchmarking analysis confirms a mobile-first trend in many sectors, including fashion, retail and beauty, where smartphones account for approximately two-thirds of all traffic (64% for fashion, 63% for cosmetics and 62.3% for pharmaceuticals). 

But what we also surfaced from our survey of 2.1 billion site visits is that mobile conversions are not following suit. In the fashion sector, for example, the mobile conversion rate still stagnates around 1.3% — half of the average desktop conversion rate, which averages in at 2.6%. This meager conversion gap also exists in the beauty sector, and even in the many other industries where the traffic gap between mobile and desktop is not so wide.

Despite mobile making great strides in terms of traffic, the data on conversions suggests that smartphone customer experience (CX) is falling short of consumer demands. Clearly, consumers are keen on connecting with brands, products and services by using their phones, but something in the mobile experience is stopping them in their tracks.

In order for users to become immersed in your brand, the navigation on mobile must be optimized for it to be seamless and intuitive. As such, brands should aim for more meaningful visitor sessions — ones that can inspire conversions and nurture customer loyalty, future visits and possible conversions. 

A granular analysis of customer behavior will shine a light on areas of friction in the customer experience, and flag pages and in-page elements that need improving. This article delves into 3 mobile UX design best practices and their affiliated tips to assure an optimized mobile user experience.

Use Images Sparingly on Mobile

Humans are visual beings. Much of how we consume information and entertainment involves the use of imagery. But images can pose considerable damage to mobile user experience. That’s why you need to heed best practices to avoid a bad mobile UX.

Firstly, there is a smaller screen on mobile, so images carry a larger weight. As such, their implementation is trickier on these devices. They have to be large enough to be seen in a way that clearly and easily conveys their contents, but not so large as to require scrolling.

Make sure your images do not cause any loading delays; images are the primary cause of slow page load times and the problem is compounded on mobile. Slow load times bog down your website speed, which in turn negatively affects SEO and triggers impatience, a telling sign of a bad UX. 

That’s where you have to consult your server. Make sure it has the proper speed and correct updates, so that images never set back your mobile site or app. A good server is able to distinguish which devices your visitors are accessing your content from — desktop or mobile. 

Graphic designers must use the right coding so there are no issues with the general view of the image. Pay close attention to image sizing; there are recommendations on standard image sizes as they relate to pixels and the like. 

 


The Typography Must Be Lucid & Minimal

The typography, i.e., textual style of a website, is a crucial component of the UX. Most of the information we imbue comes from reading, so the typography must be presented in an easy-to-read way.

Although the text must be large enough to see without incurring any squinting, you should steer clear of using large fonts, since mobile screens are much smaller. Otherwise, large letters would block other parts of the page from view, forcing users to constantly scroll around to find anything. But don’t settle for small fonts either — you wouldn’t want to worsen the user experience by making your visitors constantly zoom in/ squint. 

So how do you determine a happy medium? The key is to keep the text in proportion to the page and screen size. Jason Pamental of H+W Design has formulated a method that maps out the correct proportions of the text (including the body copy, H2s, H3s, etc.), the line-height and characters. 

Implementing Sticky Elements

Sticky elements are often those that visitors rely on most; when these elements are not in immediate view or access, it can easily irritate them. As such, you should implement sticky elements for a more convenient mobile user experience that provides a component of seamlessness.

You may have heard of the sticky search bar, but, although a sticky search bar is valuable for desktop, it is inconvenient for a good mobile UX, as it takes up a lot of space. Since it is inopportune for user experience on mobile, you’ll need to opt for another element.

In place of a sticky search bar, add a search icon at the top navigation, or provide the search function within the hamburger menu. The former is a better option, since it renders instant visibility of the icon.

 


Closing Off on Mobile User Experience Improvements

These 3 tips offer clever ways to boost your mobile user experience. Consider each of them and their multifaceted teachings to capture more site visits. But it shouldn’t end here; there are plenty of other ways to optimize mobile UX, no matter how small or distinct.

Keep this in mind: in each instance of changing your mobile experience, determine if the change will contribute to a pleasant experience for users. Most importantly, use data as your armor; it’ll show you in plain terms what makes for a good or bad mobile experience.

For more information on UX optimization on mobile, download our 2019 Mobile Report.

download the Contentsquare report