small_Fcsqb5pWQAAzPIK.jpeg

thumbnail_Fcsqb5pWQAAzPIK.jpeg

Adobe acquires Figma, cue the memes 🤪

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

large_featuredImage

medium_featuredImage

small_featuredImage

thumbnail_featuredImage

What Is the Open Web?

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

Published on <a href="https://blog.prototypr.io/monacos-amazing-onboarding-ad2512e6b61f?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Sab. 
Mind blown.
I’ve been working in a fintech startup close to 5 months now and one of the constant struggles we face includes the onboarding process for users. The thing about working with payments is that it can be tedious because of endless compliance requirements.
Which means to say, we will need a number of your personal information and documents to be submitted, mostly to counter money laundering.
In a nutshell, Monaco is a platform where you can purchase and convert crypto and earn cryptocurrency every time you spend with Monaco. They have also launched Monaco cards that will be treated as a local currency card and you will get interbank exchange rates, wherever you are.
You can check out <a href="https://mona.co/">their site</a> to understand more or download their app to experience their onboarding flow, which is what I’m about to rave about now.
<img alt="" src="https://cdn-images-1.medium.com/max/550/1*aozG7wmTn8NNxHv4AdDI3w.png">Monaco’s App<img alt="" src="https://cdn-images-1.medium.com/max/550/1*jF6nLWi-X3B2EMFcPtGHUw.png">
So let’s take a look at their onboarding so far.
<ol>
<li>Clean interface</li>
<li>Short and simple write-ups</li>
<li>I know what’s happening at every stage</li>
</ol>
Now that I know what it’s about and I’m interested enough to move forward, I had gone ahead to pre-register.
<img alt="" src="https://cdn-images-1.medium.com/max/550/1*RURYxV_sxdVfCnDQWONlOA.png">
Note at this point, they needed only one thing from me–an email address. No long forms, no excessive information.
<img alt="" src="https://cdn-images-1.medium.com/max/550/1*FkZX88p27N-3rvFckvxdRw.png">
After confirming my email, they asked for my mobile number and I had to do an OTP thereafter. Pretty straight forward so far.
<img alt="" src="https://cdn-images-1.medium.com/max/550/1*bqQ22yjod48Y-RU5bKO6NQ.png">
In very simple terms, Monaco informs users that we are required to provide more information to proceed. Notice what’s really consistent here–I’m giving up bits and pieces of my information one screen at a time.
<img alt="" src="https://cdn-images-1.medium.com/max/550/1*zg-ak0g8UV7lGsbna0V0_g.png">
After entering my name, I was asked to provide a front and back photo of my ID/Driver’s License. What’s slightly different with the camera here was I didn’t actually have to tap on anything to take a photo. It automatically detected my card when placed over and captured the image. While it was great that I didn’t have to make any effort to snap, I realise it wasn’t always a sharp-enough image. So I did end up retaking it a few times.
But that’s all! And it was a breeezeee.
At no point did I feel like it was tedious or a hassle, which is pretty rare for any onboarding. I also loved how they made it really concise and minimal.
What did I learn?
<ul>
<li>Keep it so simple, they don’t realise it’s taking up their time. It’s important to keep your users interested in the product even while you’re trying to onboard them. The thing about using forms is users are likely to feel overwhelmed.</li>
<li>Explain why you’re requesting certain information BEFORE users submit them and keep it short and simple. Ain’t nobody got time to read an entire paragraph. Use simple terms and in short sentences. This way, users understand your requirements and will feel more open to provide additional documents without feeling like its a chore.</li>
<li>Keep the interface super clean. What I found personally engaging was the lack of distractions while going through the motion. I knew what I had to do and did nothing else. This would probably be more challenging when designing for desktops.</li>
</ul>
Monaco’s app is the best onboarding I’ve experienced by far and I dare say, is the new benchmark. Kudos to the team that did this!
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=ad2512e6b61f" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/monacos-amazing-onboarding-ad2512e6b61f">Monaco’s Amazing Onboarding</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.

Monaco’s Amazing Onboarding

Monaco’s Amazing Onboarding

Top Stories