Article

4min read

Should you Make the Main CTA on Mobile ‘Stick-to-Scroll’?

“Oh man, sorry, my big thumbs!” my friend says, half laughing next to me. “Oh my god, now I’ve lost it!” I peer over my shoulder to glance at her screen – the film we want to see is starting in two minutes, and we’ve spent the last 10 trying to buy the tickets on her phone.

“We’re definitely going to miss the previews -” I start to say. “Sorry, walking and scrolling is hard!” She says huffily.

I see her scrolling and pinching the screen, presumably trying to find the ‘confirm payment’ button she’d been having trouble with earlier.

“Ok seriously, where is the stupid button?” She hits the back arrow.

“Oh nooo, don’t do that!” I say. “You’re going to have to enter your card details all over again!”  “Let’s just buy the tickets when we get there at the counter. I know there’ll be a line, but this site is useless.”

“Ok fine,” my friend says, pocketing her phone. We both sprint to the cinema.

This little scenario begs the question – could that user experience have been better by simply adding a stick-to-scroll CTA? The short answer: Yes.

The Mobile Mind Shift, Thumb Zone and Thinking Contextually

“Our lives have become a collection of mobile moments in which we pull out a mobile device to get something done immediately wherever we are.”

Forrester Research’s Ted Schadler wrote these words when describing his idea of the ‘mobile mind shift’ back in 2014.

He was describing the impact of mobile technology on our daily lives, and what people all over the world have come to expect from their tablets and smartphones – and brands at large – namely:

  • Usability, accessibility, availability
  • Convenience and agility
  • Contextuality

These are big concepts that need to be applied to an entire business model, of course.

Zooming in on the micro-context of UI design, applying the principles of the ‘mobile mind shift’ can mean something as simple as making a main CTA easy-to-use, accessible and contextual.

thumb-zone-mapping-opt
Image Source

Above is an illustration of Steven Hoober’s notion of ‘the thumb zone’, or “the most comfortable area for touch with one-handed use.”

Chances are, if your main CTA doesn’t fall within the ‘natural’ reach zone, it’s going to cause frustration. 

What’s worse is when your website or mobile app visitor starts scrolling and actually loses sight of your CTA – as we know, real estate on mobile is hard to come by, and every millimeter needs to be carefully thought through.

Browsing or goal-oriented searching on mobile is not the same as on desktop. When we’re looking to buy a movie ticket on mobile, we’re very likely walking around, multitasking or in a hurry. When we’re buying one on desktop, we’re likely to be less distracted, and can take our time.

On mobile, we’re in the moment. The UX and UI needs to take into account this context.  Enlarged, stick-to-scroll CTAs – at least the main ones – can help an end user who’s in a hurry, distracted, using their phone with one hand while buying a metro ticket with the other, and who’s phone screen is a fraction of the size of their laptop’s.

The French fashion retailer Ünkut saw the effectiveness of a sticky CTA firsthand after running an A/B test on its mobile product pages. From this test, CTA clicks increased by 55%, and transactions grew by 7%.

unkut
The French fashion retailer Ünkut saw the effectiveness of a sticky CTA firsthand after running an A/B test on its mobile product pages. From this test, CTA clicks increased by 55%, and transactions grew by 7%.

That’s why, by and large, the usefulness of stick-to-scroll CTAs on mobile for increasing conversions is no myth – we’ve collected countless use cases, from e-commerce to telecommunications, that prove its effectiveness. So we’re ready to label this ‘myth’ true – and if you have questions on how to apply a stick-to-screen element, don’t hesitate to reach out.


CRO Myth Busters is a mini series for conversion rate optimization professionals. We take a quick look at commonly held CRO beliefs and determine if they’re true, sometimes true, or simply CRO myths!

Subscribe to
our Newsletter

bloc Newsletter EN

We will process and store your personal data to respond to send you communications as described in our  Privacy Policy.

Article

5min read

Cosmetics: The Future of the Customer Experience

A recent study by Orbis Research projects that the global cosmetics market will reach 805.61 billion dollars by 2023.

That’s a huge potential for beauty brands to tap into.

It also begs the question – by 2023, what will shoppers expect these brands to deliver? What does the future of the digital customer experience look like?

What’s Working Today

To figure out what might work tomorrow, it’s best to start with what’s working well today.

To that end, here are a few of our most successful tests from our clients in the cosmetics industry.

Freebies

Many of the brands we work with have experienced big gains through better showcasing freebies – whether it’s a complimentary gift, free shipping or a discount.

Let’s take the iconic beauty brand, Sephora. They ran a test on their Portuguese website in which they added a progress bar to their basket pages and pop-ins, indicating how much more a shopper would need to spend before getting free shipping. This little nudge definitely motivated their audience! Average order value shot up by 8%, with 16% more clicks to ‘Continue to Purchase’.

This jives well with one of our recent studies on e-commerce personalization, that found that free shipping was absolutely essential to the online shopping experience.

Sephora PT

Kiehl’s ran a similar test on their French site, with equally impressive results. By adding a progress bar showing how much more a shopper needed to spend to get a free gift, they increased revenue by 31%.

Kiehl's AB Tasty A/B Test

Still not convinced? Check out this example from Urban Decay. By simply pushing a banner on their basket pages showing how much more shoppers needed to spend before getting a discount, they increased their revenue by 7% during the duration of the test.

Urban Decay EN

Social Proof

Along with gifts, discounts and free shipping, the use of social proof messaging is especially powerful when it comes to cosmetics. After all, there’s a big element of ‘following the herd’ when it comes to beauty products. If 100 other people bought this mascara in the past hour, it couldn’t possibly be clumpy! If 130 people are looking at this bright red lipstick, it must be flattering. 

NYX Professional Makeup put this idea to the test – and doubled their transactions.

NYX Professional make up social proof messaging

Emerging Trends

Virtual Try-Ons

The flip side of the ‘social proof’ coin is the idea of personalization. Yes, consumers want to be ‘in vogue’, and knowing what their peers are shopping for can stimulate trends and reassure browsers. But beauty products are also extremely personal items. They tap into our feeling of being unique, of our desire to express ourselves. Of the thousands of shades of red lipstick, shoppers want to find the one that will look the best on them.

Virtual try-ons – the ability to use AR technology to simulate what a particular cosmetic will look like on you – is a fast-emerging trend that addresses this need.

Virtual try on
Source

The allure of a virtual try-on is multifaceted: not only can you experiment with looks at home or on the go, you don’t have to bother with endless cotton balls and makeup remover, like when you actually try them on physically in a store.

YouTube is currently experimenting with their own AR beauty try-on capability:

“Called AR Beauty Try-On, the feature is designed to be used in a split-screen experience while YouTube viewers watch the makeup tutorial. When available, the YouTube makeup review or tutorial video plays at the top of the screen, with a stream from your own front-facing camera below. Here, a YouTube viewer could access a palate of colors — like new lipstick shades, for example — and tap to apply them to their own face while the video plays above.” TechCrunch

Youtube virtual try on
Source

Virtual try-ons continue to blur the lines between the physical and digital, in-store and online customer experiences, offering more flexibility, personalization and ‘on-demand’ experiences for consumers.

Beauty Tech

“According to Jean-Paul Agon, president and CEO of L’Oréal, the impact of new technologies, AI and the consumer experience will be stronger within the beauty industry than in any other consumer sector.” Peclers Paris

Many beauty brands already harness the notion of ‘science’ to legitimize and empower their products. Now, they’re going a step further to innovate technology that addresses their customers’ pain points.

Neutrogena, for example, showcased their ‘Mask ID’ at this year’s CES event. After you scan your facial skin in order to have an in-depth understanding of your skin type, Neutrogena then sends you your hyper-personalized mask.

Neutrogena mask ID
Source

CareOS even taps into the realm of fairytale with their smart (magic?) mirror. The aim? “Help people meet their personal health and wellness goals, experiment with new products and practices.”

Takeaway

The cosmetics industry is booming, and is only slated to grow. Beauty brands are already improving the customer experience – and business results – through freebies, social proof messaging and other tried-and-true tactics. For these brands, the future of customer experience will be based on even more novel ways to personalize the user experience, harness emerging technology and blur the lines between physical and digital experiences.

Want more tips and experimentation ideas? Download our beauty book based on our client success stories.