â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.
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%.
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!
