Do you remember all the dating sites before Tinder came along? Match.com, eHarmony, OkCupid — the list goes on. What did they all have in common? The worst onboarding experience imaginable.
I remember it like yesterday, the hours 21-year-old me spent setting up my OkCupid profile. Searching for photos, cropping them, uploading them, updating my preferences, writing and having friends edit short-form essay questions about myself — all of this just to start using the service.
And then Tinder comes along. Login with Facebook and… you’re done.
You went from 0 to actually fully productive and using the app in a matter of seconds. All your pictures are uploaded for you. Your name, age, and location are already pre-filled. All you need to do is update your preferences and start swiping. You could always add taglines or extra information about yourself later on, but it was not necessary to do this in order to start using the product. I always loved that Tinder let the users experience the full value of the product right away and then later decide for themselves whether they wanted to invest more time into completing and “optimizing” their profiles.
So, if you were to ask me why Tinder absolutely demolished the other dating sites, I would tell you that its seamless onboarding had just as much to do with it as the uniqueness of its swipe left/right UX.
How you do onboarding can truly mean the difference between an experience that turns new customers into loyal customers, and an experience that frustrates users and leaves them running for your competitors. Yet, what’s shocking is that new user onboarding remains a process very few companies outside of gaming place enough focus on as early in the dev cycle as should be placed.
So how do you do user onboarding right? By no means do I have the magic recipe, but here is what I’ve learned over my years building onboarding experiences in mobile games:
First step: keep it simple.
Obviously, this is easier than it sounds, especially for the people who have been building the product from Day 1 and are now too “close” to the product to be a good gauge on what is “simple.”
It’s understandable. You spend months and countless long nights building and fine-tuning your product, and in the process, you become so intimately familiar with it, you forget to make it approachable. The line between “complex” and “complicated” becomes blurred, and you take for granted the fact that users, opening up your app for the first time, don’t have the same knowledge and experience with it that you do.
That’s why it’s so important to start thinking through and even building your onboarding process early on — before you become too “close” and are no longer on the same playing field as even a sophisticated end-consumer.
Let’s look at Sketch as a great example of user onboarding. Sketch is basically an easier alternative to Photoshop, specifically catered to UI/UX design. The founders at Sketch knew that a sizable portion of Photoshop’s customers used the platform for UI mockups, so they made it a point to design their product and the onboarding experience in a way that would get these people productive as fast as possible — just like Tinder got its users “productive” as fast as possible.
One example of how they did this was by creating prefab templates for all desktop and mobile device resolutions, as well as standard icon packs to use for iOS and Android. This was a mundane process that took an unnecessarily long amount of time in Photoshop that they completely removed and improved.
Scott Belsky talks about his experience trying to improve Photoshop’s onboarding experience in his new book, The Messy Middle. He knew that Photoshop was a robust and innovative product, yet to even get started with using it was a huge obstacle for even tech-savvy consumers — a fact proven by the hundreds of YouTube videos detailing how to start accomplishing even the simplest tasks.
Despite onboarding being literally the easiest part of your funnel to optimize, that’s where Photoshop was losing a majority of potential users. Improving the onboarding experience, as it happens, was then one of the first things he did when he was put in charge of Creative Cloud.
Second step: have the user learn by doing.
People learn best by doing, not by reading.
The days of showing players endless streams of text to tap through is over. Not only do people not learn by reading these dialogue pop-ups (and often just tap-tap-tap to quickly skip all of them), but I have found text-heavy steps to be the #1 source of tutorial churn in mobile gaming. Unfortunately, this is what most startups resort to when they have an endless stream of tooltips pop up on the screen to explain different features of their product. And unfortunately, the decision to implement onboarding like this is likely a byproduct of trying to squeeze the onboarding in at the very end of the dev cycle.
In gaming, because the tutorial is such a huge area of churn, the design of it always begins long before beta (or even alpha) versions of the game are released, and it’s continuously tested throughout the development process and post-launch.
One of my favorite onboardings in gaming is in Destiny, which is a first-person shooter made by the same studio that made Halo. Instead of inundating users with typical in-game tutorial info that has to be learned all at once — press ‘Y’ to jump; pull the trigger to shoot — they drop the users immediately into the game environment and teach them how to play experientially. The user presses a button or explores something new, and the game pauses and explains what exactly they just did, and how to do it again.
The user learns by actually doing something, and then repeating it.
This is the right way to teach. The added benefit of teaching this way is that in no way does this onboarding experience feel like a tutorial, but rather just a fun part of playing the game.
Third step: make your onboarding memorable by adding some delight and personality.
In the gaming industry, teaching users how to play your game has to itself feel fun and actually like a part of the game. Even though it is a tutorial, it shouldn’t feel like one. You need to make it fun and engaging, not something mindless that users will just want to speed through and forget everything in the process.
If you want to teach users something, you need to make it something they will remember.
And one of the best ways I’ve found to do this is by adding a little delight to the process.
If you look outside of tech and gaming, Virgin America does a great job of incorporating personality and delight into their onboarding starting from the check-in counter. You go to the Virgin America counter and there are purple mood lights glowing, red carpets, and light music playing; you step onto the plane and there are more mood lights and relaxing music; and then the flight begins, and they start their explanation of inflight procedures. But instead of doing the typical, mind-numbingly boring procedure that most airlines do where they mime how to put on your seatbelt, Virgin shows you a “music video” which is fun, attention-grabbing, and most importantly, memorable.
In addition to using onboarding for just getting the customer familiar with functionality and procedure, they also use it to give the customer a feel for what type of brand they are. That’s how onboarding should be done.
This piece was originally published on Crunchbase.