large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

Published on <a href="https://blog.prototypr.io/onboarding-building-a-first-time-experience-that-makes-users-stick-around-39e3155c467d?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Emile Ledure 
<h4>3 principles to make it gold ✨</h4>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*p8WuCPeZZ_-NaG7mN0PuAA.png">When you open Photoshop for the first time
Do you remember the first time you opened Photoshop? You probably asked yourself what should I do? where should I start? and eventually gave up, thinking it’ll be impossible to edit your photo.
Painful, isn’t it? Actually, you just experienced a shitty onboarding — too bad considering Photoshop has some awesome features.
The first experience with a product is decisive for long-term retention because:
<ul>
<li>Users have <a href="https://medium.com/positiveslope/the-first-15-seconds-9590d7dabc">no time</a> to waste ⏱. They’ll quit if it takes too much effort to get what they want. The average app loses 77% of its daily active users within the first 3 days after the install (<a href="http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/">source</a>).</li>
<li>You need to <a href="https://fr.slideshare.net/dmc500hats/startup-metrics-for-pirates-long-version">activate</a> new users 🚀. If not, you’re throwing your acquisition investments out the window.</li>
<li>This is your first impression 👯. This is what all your users will experience first. This is what they’ll tell their peers.</li>
</ul>
So how do you build a great onboarding experience to keep people using your product?
<ol>
<li>Define what users should do first What are the key actions that will make them stick around?</li>
<li>Keep them engaged How to keep user attention high?</li>
<li>Never stop improving How to keep improving it until it’s gold?</li>
</ol>
<h3>1. Define what users should do first</h3>
A first-time user is successful if she sees enough value to keep using the product. At this very early stage of your product experience, only a few key actions matter.
<h4>What do users “<a href="https://hbr.org/2016/09/know-your-customers-jobs-to-be-done">hire” your product</a> for?</h4>
People have many jobs to do in their lives — from commuting, to visiting their family for the weekend, or even looking for an apartment.
Figure out why people use your product — what are they here for — and you’ll be able to focus on delivering this value as early as possible, so that they don’t leave for another product.
What users do during this first experience will define whether they stick around or not. This is why the first few seconds of your product experience are decisive.
Example
To pass the time commuting, you can do several things — play games, listen to music, read the news, learn a new language or scroll social feeds.
Let’s say you’re into games. You would definitely stick with <a href="https://www.angrybirds.com/">Angry Birds</a>: 15 seconds after starting the game, you’ve already smashed some pigs and completed the first level! Instant reward. You’re hooked 😍.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*-CoVmIIEyXVlIJe_.">The first 15 seconds of Angry Birds 🔥
<h4>What makes new users stay?</h4>
When they used your app for the first time, there are some key actions that your active users took that the ones who churned didn’t. This is the <a href="https://blog.modeanalytics.com/facebook-aha-moment-simpler-than-you-think/">“Aha!” moment</a>. It looks like this:
If users perform a specific action — add X contacts or play Y songs — , they’re more likely to stick around for Z weeks.
For <a href="https://www.youtube.com/watch?time_continue=29&amp;v=raIUQP71SBU">Facebook</a>, it’s 7 friends in 10 days, for <a href="http://firstround.com/article/From-0-to-1B-Slacks-Founder-Shares-Their-Epic-Launch-Strategy">Slack</a>, it’s 2000 sent messages per team.
An easy way to find yours is to look at retention curves or cohorts in your analytics (Mixpanel, Google Analytics, Amplitude, Kissmetrics, etc.). List the different actions that first-time users do, and find the one that makes them stick around the most ☝️.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*ALAy7I1m-9Z6tliF.">Example of a retention curve. Feature A drives higher retention among new users.
Example
On <a href="https://www.instagram.com/">Instagram</a>, you can’t get any value if you don’t follow anyone. It’s clear that following X users is a key activation metric. So it’s suggested everywhere. Well, maybe a bit too much.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*sjKooIMDVathtf532bd8HQ.png">The first use of Instagram. You’re prompted to follow friends everywhere.
Once you know why people want to use your product for, and what makes them stay, you can define the key actions that a first-time user should do to be successful and focus your onboarding effort accordingly.
It’s a balance between driving them to activation &amp; letting them get the value they want.
<h3>2. Keep them engaged</h3>
After defining what makes first-time users successful, you have to work on how they get there.
<h4>Let users try it</h4>
You learn more by doing, rather than having someone tell you how something works — thanks <a href="https://en.wikipedia.org/wiki/John_Dewey#On_education_and_teacher_education">J. Dewey</a> for having spotted that a long time ago.
It works the same for products. You see how a product works and the value it brings you by using it. Games are the best illustration of this mechanic.
But it only works if you know what to do when you start using a product.
So the objective should be to help users focus on accomplishing key actions, defined in part one, to keep them in the <a href="https://en.wikipedia.org/wiki/Flow_(psychology)">flow</a> 😌.
Example
On the first level of Angry Birds, there is one action to do, nothing else. Neither too easy, nor to difficult. You have to smash the pig. You get it. Then you step up. On and on. It’s progressive. It keeps you thirsty — you’re in the flow.
When landing on <a href="https://qz.com/">Quartz</a> , a news app about global economy, the conversation starts right away. There is one action to do. The conversation keeps going. You not only get how it works, but also start getting value quickly. Boom! 💥
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*wWw4LQ26_20IEKq8.">First time using Quartz
<h4>Reward them</h4>
<a href="https://en.wikipedia.org/wiki/Reward_system">Rewards</a> encourage and motivate 🎉. When you get rewarded, you’re more likely to continue doing what you’ve started.
The objective is then to reward your first-time users based on the value they’re looking for.
Example
Let’s take <a href="https://duolingo.com">Duolingo</a>, a language learning app. The first time you use it, you’ve already learned something — which is a reward itself . But you’re also rewarded within the app.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*CyVNIa5goz0UGO7V6-rWbg.png">First time on Duolingo
<h4>Remove everything else</h4>
Sometimes you jump right into a product, there are 10 different things to do: several calls-to-action, notifications to open, a chat with support, etc 😱.
You’re distracted, and frankly, lost.
At this stage, only a few key actions matter — and nothing else.
Example
On the <a href="https://www.paypal.com/webapps/mpp/mobile-apps">Paypal</a> app, after signing up, instead of being thrown into the sea, you know what to do next thanks to a specific screen that highlights the key actions.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*LV58p8n2ycuQHNNe.">Signing up for Paypal. You know what to do next.
It means that when you have strong business constraints — if you need people to sign up or provide specific information — make sure it can’t be removed and users understand the value of it.
Example
On Duolingo, profile creation (or signup ) comes only after you’ve experienced the value of the app. Awesome 👌.
<h3>3. Never stop improving</h3>
Building a great onboarding experience requires research and iteration. Once you’ve built a first version, measure the success and iterate until a significant part of your users activate.
<h4>Spot where users drop</h4>
When you have enough data about usage, analyse your onboarding flow and see where you’re losing people.
A simple way to do so is to use conversion funnels. Once you’ve defined the key actions for first-time users through your analytics tool, you can track them and see when most of users drop.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*EfuGxDlcCoKianvw.">Example of conversion funnel. Huge drop on profile creation step.
<h4>Understand why &amp; fix it</h4>
Quantitative data is sometimes not enough to understand what happens with users. If you want to know more, get in touch with them.
Here are two simple questions to ask:
<ul>
<li>Why did you start using our product? → they may have specific goals in mind (personal, professional, social)</li>
<li>Why did it not meet your expectations? → something went wrong, you have to understand what it is</li>
</ul>
They may have been frustrated, bored, or even lost.
Example
Let’s take a simple one. Say a great part of users drop at signup/profile creation. After calling them, you realize they just wanted to try your product out before signing-up.
When digging more, you realize the information to provide are actually considered as sensitive — such as phone number, profile picture, or contacts. Users didn’t want to give it for free, so they left.
A great way to fix it is to ask yourself:
<ul>
<li>Is a necessary step?</li>
<li>Does it happen at the right moment?</li>
<li>If yes, what’s the value for the end-user?</li>
</ul>
<h3>Conclusion</h3>
Onboarding is a serious matter, which couldn’t be reduced to a tutorial screen or an annoying signup flow.
It not only converts your acquisition investments but also feeds the ground for better retention.
Invest in this first experience for your users, and they’ll be willing to use your product again and again.
So, yes, you’re smart enough to edit a picture, and I’m sure you would have stuck with Photoshop if you’d been onboarded properly.
<h4>Bonus</h4>
<ul>
<li>An awesome <a href="https://www.youtube.com/watch?v=8FpigqfcvlM">video</a> — how Mega Man nailed it, by Sequelitis</li>
<li>An insightful <a href="https://www.useronboard.com/">website</a> — full of onboarding analysis, by Samuel Hulick</li>
<li>A great <a href="https://www.intercom.com/books/onboarding">book</a> — about onboarding, by Intercom</li>
</ul>
Thanks for reading 🙏. Clap if you liked it 👏. Happy to hear your feedback 👀.
Thanks <a href="https://medium.com/u/2195d7bf6507">Becky</a> &amp; <a href="https://medium.com/u/afcafc756c4e">Benjamin</a> for proofreading it.
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=39e3155c467d" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/onboarding-building-a-first-time-experience-that-makes-users-stick-around-39e3155c467d">Onboarding: Building a first-time experience that makes users stick around</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Onboarding: Building a first-time experience that makes users stick around

Onboarding: Building a first-time experience that makes users stick around

3 principles to make it gold ✨

Top Stories