UX Design Patterns: Gradual Engagement

husammachlovi-human-attention-span

Goldfish have 9 second attention spans. Crazy right? Well don’t judge those innocent little goldfish just yet.

A Microsoft study found that on average, our span is only 8 seconds. Our roles as UX designers are even more imperative.

This post is a part of a series, “UX Design Patterns” and it aims to equip us with design patterns that can maximize our limited time with customers.

Gradual Engagement

Imagine you’re selling a product in person and you only have 8 seconds. How would you use your time? For starters, you wouldn’t lead with a registration form.

Forms are boring and annoying. We should never lead with them and in fact, we should postpone them to as far in the user journey as possible. This allows us to lead in emotionally engaging ways. We can prove to customers why we’re worthy of their time.

This idea of “gradual engagement” is not novel but it’s important. Simply put, it’s a test-drive. We let users try our product before asking them to sign up.

Let’s see what it looks like in action.

Gradual Engagement Case Study: Calm

Calm encourages mindfulness meditation through guided sessions and activity tracking.

As soon as I open the app, I’m greeted with a beautiful full-screen video of a blue sky and moving clouds. Nice display of instant emotional impact.

husammachlovi-design-tactics-calm-home
Calm’s home screen is a beautiful scenic video of moving clouds

On the next screen, I learned some of the benefits of meditation. The simple iconography and minimal copy keep the learning light and fun. Great example of intellectual value driving emotional impact.

husammachlovi-design-tactics-calm-learning
Calm’s second screen provides light and brief intellectual value

At this point, I was expecting to bump up into a registration form. Instead I was pleasantly surprised with options to start my meditation session, explore the rest of the app or enjoy the scenery.

husammachlovi-design-tactics-calm-navigation
Calm lets users explore the full app at no-cost (pre-registration)

I took a look around the rest of the app. Again, all this is accessible prior to registration. This is a great way to immerse users thereby buying more attention-time.

husammachlovi-calm-teardown
Calm’s scenes, profile and meditate views

After browsing through the beautiful interface, I decided to give the meditation session a shot.

After I finished my 10-min session, I was taken to a registration view. And as I absolutely loved the session, I signed up with no hesitation.

husammachlovi-design-tactics-calm-registration
Calm’s registration form is the last step in the user journey

Calm is playing their cards right here. Chances are if users invest 10 minutes of their time in the on-boarding process, they will sign up. And by prioritizing the interesting over the boring (input fields), the chances that users will bounce early decreases.

 

Author: Husam

Husam Machlovi has pitched to, and developed relationships with, top Fortune 100 companies. He's designed digital experiences that have generated millions in revenue. At his company, With Pulp, he leads Product Strategy & Design where he crafts product stories and interfaces that people love.

Leave a Reply

Your email address will not be published. Required fields are marked *