Stop Counting Clicks.

by:   |  Posted on

The Myth is Busted.

Every user interaction is a decision. Every decision can lead to an exit. So the more options we offer, the more exit opportunities we create, which will reduce the probability of conversion. Right? Well…

In fact, the number of interactions a user makes is in no way directly related to conversion rates. It might be a surprise, but there is no statistical evidence to prove that this widely held belief is true. When establishing the amount of clicks that are appropriate for a task, it actually solely depends on the requirements regarding complexity, security, and usability. In this article, we’re going to share with you how we use these requirements to assess how many clicks are appropriate on a page. Once we started looking at clicks through this lens, we were able to increase conversion, reduce task time, and increase customer satisfaction. 

The 3-click rule is dead

The “3-Click Rule” has been causing a ruckus for decades. In 2001, Jeffrey Zeldman suggested in his book »Taking Your Talent to the Web« that all information should be available on a website within three clicks. If you take a look at the state that web design was in back then, this isn’t a big surprise. It seemed like the more information that was on the page, the better. At that time of course, the data on interactions with digital services was quite scarce. 

And yet, a full 13 years after Zeldman, we stumble onto this rule again. This time it’s Marissa Mayer, then CEO of Yahoo, before that Vice President at Google. She said in 2014, “Once you’re in the app, is it two taps to do anything you want to do? If not, time to redesign the app”. Back then, she was responsible for the redesign of the Flickr app, and it was considered a benchmark by many. This was obviously leaps and bounds better than the apps of 2001, but again, the quality of the product was attributed to the number of clicks the user needs to reach their goal. And still today, in 2020, I hear on the phone: “But that’s an extra click”. What’s fascinating, is that if we take the time to look at the data, it shows us that the number of clicks has absolutely nothing to do with the success of your product. 

Numbers show: People click. And it doesn’t matter how much.

As early as 2003, a study by Joshua Porter found that the number of clicks is in no way related to the success of users finding the content they are looking for. It’s also not related to the user’s satisfaction with our product. Let me say that again: A longer process (more clicks) for the user doesn’t result in a higher bounce rate or in elevated dissatisfaction. And what’s really interesting, we’ve found similar results with our own projects. 

Here at DUMBO, we designed a test that examined the bounce rate of 150,000 sessions. Within their session, each user had to answer a series of questions in six steps. This meant making at least six clicks to reach the desired result. Once the first step had been completed and the process started, the bounce rate remained constant at just one percent for each subsequent step. That was a true eye-opener for us. The remarkable thing about the figures was not only that the bounce rate did not increase with each click, but that the bounce rate itself was so low. 

When it comes to designing a checkout process, different approaches have been in hot competition for years. You’ll see everything from one-page checkouts and accordions to processes with several steps. We recently completed a redesign of the booking process for a major airline, and are happy to report that we achieved an increased conversion rate by increasing the number of steps in the process. The number of first-time bookings rose by ten percent. The data also showed that the time it took for the user to complete their booking was significantly reduced. Although customers had to go through nine steps instead of the previous six, the average booking time fell from 6:48 minutes to 3:48 minutes, more clicks but twice as fast.

One more click, for less complexity

Every time we test processes that have the same content presented in a different amount of steps (and clicks), the results are the same. In a qualitative survey, most users stated that they found the process with more steps longer, but much easier to use. However, interestingly, the data usually proves that the same users actually completed the multi-step variant faster than the one with fewer steps. Additional steps simplify and speed up complex processes.

This seems counter intuitive, but it actually makes a lot of sense when you think about it. By giving the user more clicks, you’re reducing the chances that they will feel overwhelmed or stressed. When stressed, people tend to react defensively. We all know this feeling from filing our tax returns. We put it off until we have no other choice because it’s complicated and time consuming. Apps like TaxFix are successful because they break down the complex form into understandable questions that can be answered in seconds. 

The more complex a process, the more important it is to break it down into simple steps. But how many steps do we need? And what’s too big or too small for one step? Our own rule of thumb is: all information must serve a purpose without the possibility to break it down further. Let’s explain the theory by taking a look at an example from a checkout process. Which step makes it unmistakably clear what has to be done, without the possibility to break the step down even further?

  1. Fill out the form fields to complete your order. 
  2. Enter the payment details to order the product.
  3. Choose a payment method you want to use to pay for the product.
  4. Select the bank of your credit card.

The correct answer here is 3. The request describes one simple task in order to fulfil a real purpose. You can expect to be prompted by credit card, Paypal, invoice or other. 1 and 2 are less clear. They are too large and ambiguous. It would be difficult to anticipate the details that would be required. 4 is too specific, there wouldn’t be a clear purpose that this step would fulfill. It wouldn’t help us get closer to our goal. 

So how do you figure out if you need to reduce the complexity of a task by adding more steps/clicks? By weighing up the pros and cons: Is the perceived effort (a longer task) or is the actual cognitive effort the greater hurdle for our application? In general we can say: the higher the cognitive effort, the more clicks we should dedicate to it. 

One more click, for more security

The higher the risk, the greater the need for control. For example, whenever we as users make an investment that is larger than we are used to, we look for security. And we feel secure when we feel we are in control of the situation. With more steps, we are able to anticipate the effect our actions have. We can also reinforce this feeling with UX design through a high communication density. Including chapter sheets, milestones and summaries to reduce the speed, but increase the feeling of control. More clicks for more security.  

Is it always the case that the higher the security risks, the more we must increase the communication density? If only it were that simple. A high communication density also means more friction. In some cases, we want to reduce any and all friction. For instance, when we recently developed a crypto wallet, we had professional traders needing to complete transactions involving millions of dollars, and fast. Every second counts with their order. Every bit of friction, every extra step can cost money, a lot of money. So we had to make it possible without any control mechanism in this situation. What’s the difference? These users are very familiar with this process, they know what they are doing and they do it all day long. The need for control mechanisms therefore decreases the more experienced users are in the situation. Depending on the context and target group, well-intentioned measures may even be perceived as an obstacle. 

Most interfaces developed in product design tend to be aimed at private users. Often it’s users who aren’t familiar with the system or who will only go through it once. And every single click can create a feeling of control. It’s important to consider how fast the system can go without losing the user. Does our application need more speed or more control? The more control, the more clicks. 

One more click, for better usability 

If you think about it, many interaction patterns were developed from when we used to use a mouse and keyboard to navigate our large desktop monitors. This of course was a major advancement over the conventional remote control we used for our TVs (and still do for our Smart TVs today). So when smartphones were introduced, so were gestures (swiping, tapping, etc.) to navigate around on the small, handheld screens.

Anyone who has to fill out the so-called “One Page Checkout” on mobile devices knows how nerve-racking this undertaking can be. Once we activate an input field, the keyboard covers one third of the screen. We then have to use our two thumbs for each input. Auto correct tries to help us but ends up driving us insane, and while we scroll to see what’s left to fill out, we lose sight of the beginning of the form. It’s not fun. 

Mobile First design forces us to rethink. We counter the restrictions of the device and the context of the interaction with maximum reduction. We know that the space on the screen is very limited, the time window of attention decreases, and the risk of distraction increases. It is therefore important to keep the obstacles as low as possible, to reduce the cognitive effort to an absolute minimum and to make the interaction as effective as possible. 

All these aspects force us to design tasks sequentially with more clicks and thus to reduce the number of inputs per screen. Usability is related to cognitive effort and the need for control. If an application is to become simple and secure, device-specific optimization becomes important. Here, too, the context determines whether an increased number of clicks is beneficial to usability. As a rule of thumb, the more limited the end device is, the more clicks the process requires. 

Conclusion

The moral of the story? Let’s stop counting clicks. The speed, conversion rates, and user satisfaction for your product are in no way connected to the number of clicks a user makes. And once we start limiting clicks, our page quickly starts to look like a directory: a list of every option, tiny font, in alphabetical order. For the user, this ultimately ends up feeling like we’re looking for a needle in a haystack. This is not the experience we’re hoping to achieve. 

Instead, we should focus on the human. We should zero in on how they want to use our application. The less experience they have, the higher the risk and the stranger the situation, the more stress the task entails. 

Here are a few reminders moving forward:

👉  Reduce complexity to keep the cognitive effort low. 

👉  Apply control mechanisms to create a feeling of security. 

👉  Optimize for device input limitations to improve usability. 

Use complexity, security, and usability as metrics to provide clarity around your product development requirements. This way, you’ll be able to create the right experience based on your specific situation, regardless of the amount of clicks 🖱️.

Photo by Crissy Jarvis on Unsplash

Design is Changing Shopping (for the Better)

by:   |  Posted on

Technology changes at the speed of light. Just when a shopping experience is updated for the latest craze, something new arrives on the scene and uproots the way people shop online. Even though this happens all the time, some design trends can give hints at how the landscape of eCommerce changes from year to year. Paying attention to these improvements allows us to stay on top of consumer needs and make educated guesses about where and when the next big thing happens. 

The number of people shopping online increases massively every year, especially in 2020 during the global pandemic. Online retailers can expect increased orders, and stores not yet online should get their websites up and running to meet this demand. 

Continue reading Design is Changing Shopping (for the Better)

Taking Research out of the Lab

by:   |  Posted on

To date, usability testing has been largely confined to usability labs. This ensures a controlled environment where users can interact with products or designs and researchers can field questions. The downside of this is not being able to get the context of use of what you are testing. But a recent project for a life science organization cemented the idea that taking user research out of the usability lab yields the best results.

Continue reading Taking Research out of the Lab

Focus on Usage Maturity: Part II

by:   |  Posted on

Meet Users Where They Are, Draw Them Deeper In

If we want users to remain our users, we ought to entice them deeper into our design ecosystem.

Attempts to extend or expand users’ usage, frequently results in designs complicated by added features, and functions. My user experience research has informed digital and physical designs often with an emphasis on correcting the usability of such complexities. Users interact with the things we design at varying levels of usage maturity. Usage maturity is a measure of users’ comfort and familiarity with, and degree of use of a product, process, or place. 

Continue reading Focus on Usage Maturity: Part II

How to Improve the User Journey on Your Website

by:   |  Posted on

From the moment a user lands on your website until they either leave or convert into a customer, a series of steps lead them from one point to another. Buyer personas represent your typical customer and help address pain points your customers have as well as predicting actions specific audiences might take. About 63 percent of marketers use buyer personas when creating content.

From my experience, here are some steps to help improve your user’s journey once you develop your target audience’s unique buyer persona.

Continue reading How to Improve the User Journey on Your Website

How to Use Gamification in Mobile Apps: A Case Study

by:   |  Posted on

Gamification, or the addition of game-like elements to anything that isn’t a game, pops up all over the design world.

In my last post for Boxes and Arrows, I focused specifically on gamification in mobile app onboarding. The moment when users first open your app is critical to the app’s success, and you can use gamification as a tool to get a new user through the learning curve.

But gamification doesn’t just fit with onboarding. It’s possible to apply gamification to any part of app design, or even design an entire app—that is not a mobile gaming application—around it.

I’ll examine Forest, a productivity app, as a case study of gamification embedded so deeply into an app’s framework that gamification becomes the entire reason to use the app in the first place.

Continue reading How to Use Gamification in Mobile Apps: A Case Study

How to Use Gamification in Mobile App Onboarding

Game design isn't just relevant to video games by:   |  Posted on

Playing games is a human impulse. People get a kick out of competing, collecting things, and finishing tasks. You can apply game design elements to anything, which is called gamification.

Mobile app onboarding is a useful place for a touch of competition or goal-setting. Whether as small as a progress bar or as major as a tutorial for a mobile game, these elements help users finish onboarding and come back to the app again.

As a content developer at Clutch, I got the chance to delve into a research survey on the mobile onboarding process. The results support gamification as a resource UX designers can and should turn to. According to the survey, 44% of app users download an app “for fun,” which is more than any other reason. Designers should play to that desire and make onboarding itself fun.

In addition, 72% of respondents said that completing onboarding in less than a minute is important in their decision to keep using the app. Users aren’t willing to spend much time on onboarding, so designers should add elements that convince these users to stay.

This article explores the origin and definition of gamification and provides three specific UX elements you might include as you’re designing a mobile onboarding experience. Continue reading How to Use Gamification in Mobile App Onboarding

User-Centered Design Is Everyone’s Responsibility: A Launch Checklist

by:   |  Posted on

I cannot count how many large-scale projects my team has been a part of where we’re scrambling last-minute to take care of some seemingly small but integral task necessary for launch. I’ve talked to others in the web design and marketing industry; my team is not alone in this launch frenzy. But does that make this odd ritual okay or even acceptable?

The risk when things are missed prior to launch

The worst case scenario? Once live, a project stakeholder notices the missteps and calls out the project team, damaging trust, credibility, and ultimately the relationship.

Scratch that.

Continue reading User-Centered Design Is Everyone’s Responsibility: A Launch Checklist

Monitoring User Experience Through Product Usage Metrics

by: and   |  Posted on

Introduction

User experience (UX) teams have many types of data at their disposal to ascertain the quality of a digital product’s user experience. Traditionally, these sources have focused on direct customer feedback through methods such as interviews and usability studies, as well as surveys[1] and in-product feedback mechanisms. Beyond survey methodologies, however, it can be time-consuming to create a recurring channel of in-depth UX insights through these traditional UX research methods because they require time to conduct, analyze, and create reports of findings.

Continue reading Monitoring User Experience Through Product Usage Metrics

How to Avoid UX Burnout

by:   |  Posted on

As I watched the app go live in across the various app stores I felt exhausted.

The steps leading up to the launch had been intense, involving multiple stakeholders, scores of different user personas, and innumerable iteration cycles spread across a multitude of design teams. We shipped the project on time and shared high-fives all around, but after the dust had settled, I realized how truly tired each step of this project had made me.

After the launch, I was all UX’ed out. Even the sight of a Post-It note felt exhausting. Attributing the fatigue to creative block, I planned to take a few days off to recharge. But because my version of “recharge” also means “process everything,” I also decided to write an article for creatives about how to deal with this kind of block.

Continue reading How to Avoid UX Burnout