How great onboarding leads to great UX

Default avatar.
September 14, 2016
How great onboarding leads to great UX.

Did you know that the term onboarding” comes from the HR department and refers to new hires acquiring necessary skills and knowledge in order to effectively join the company as a new employee? It eventually changed its meaning to refer to new users who needed necessary knowledge in order to use a new product like a web or mobile app. I like to think of onboarding as a big part of the journey a new user takes in signing up for a product. I also think onboarding is an ideal place to enhance (or ruin) new users’ first impressions of a product. Think about it: just because you signed up for an app doesn’t mean you plan on using it; let’s talk about that… [pullquote]Good user experiences are the only experiences with longevity[/pullquote] The reason we stress over design is because we want to present the product in the best possible light. If the impression is bad then a user is unlikely to come back and recommend the product to someone else. If the user is not impressed, indifferent to the experience, that means there is room for improvement. On the other hand, if the user is impressed by what they experience they are much more likely to come back and enjoy the product again. Good user experiences are the only experiences with longevity. There are many things that could affect a good user experience. This can range from making a complex interface friendlier to gamifying the product from the get go.

Duolingo

One of the things that fascinates me is the number of products that require a user to hand over their email address in order to use the product — get the email so you can harass a user who hasn’t returned in a while! They must have forgotten how much they loved us! — Is this the best experience we can come up with? If a user doesn’t want to come back no amount of email nagging is going to change their mind. Let’s give them an experience to successful that they return on their own. 1 I fell in love with Duolingo’s onboarding, because like many successful onboarding experiences, they allow you to use the app without signing up beforehand. (They recently redesigned, but I like these old designs better.) The experience is all about the user, their wants and needs. After clicking the Get Started” CTA you’re posed a proposition in first-person language: I want to learn…”. It’s personal, and it’s relevant. 2 Once a user picks a language they are shown how the app works in four simple steps. While the user is learning about the app there is a lot of positive reinforcement: the progress bars may be short, but they fill up quickly; the bottom of the model turns green with Good job!” written inside; the continue button is green. Everything is nice and lovely and oh so positive. This may be overkill when you start to analyze it but I don’t see many apps praising me this much for using them. Or going through their walkthrough, for that matter. 4 5 When a user is introduced to the app, they are actually using it. Think about how powerful that is, and how rarely it is used. Instantly a user can be proud of their accomplishment of writing a quick sentence in a foreign language. 6 And, once the sentence is submitted there is more positive reinforcement for a job well done: at that point Duolingo knows you either love it or hate it, and if you love it, this is the perfect time to get you started with the app by getting your email. If you don’t care to use Duolingo, no harm done. Having the user pick a commitment is a clever way to get them to commit to learning a new language. Well played Duolingo, well played! 7

Oscar

I’d like to walk you through the signup and onboarding process that Oscar Health has. There are a few things about Oscar that I really enjoy. The overall aesthetic of the website is very clean and minimal but it’s still approachable and professional. I think they have a really great onboarding experience with perhaps a little room for improvement. 8 Oscar’s online presentation matters in how serious they are taken by potential customers. Take a look at the form for signing up for a new plan; it doesn’t look like a form. That’s important. You’re answering questions but the inputs are styled so lovingly. It’s natural, as if I was speaking with a person. (Did you notice that Oscar got right to business about me and my needs, instead of asking for my email?) 9 10 The original CTA is Get Your Quote” and I was able to do that very quickly and easily without actually signing up for an insurance plan. But, let’s pretend to proceed with a plan anyways: The next step in the onboarding process, the app explains to the user what is happening. Right now, you can only sign up for new health insurance if something happened to your coverage and you have proof of this — something like losing your job and the coverage they provided or losing your COBRA benefits. I think it’s smart to tell the user up front as to why they can and cannot sign up; it takes a lot of guesswork out of the whole process. Let’s pretend we qualify… 11 12 During the process, the design of the whole thing feels consistent, like I’m still in the same place going after the same thing. The form still doesn’t feel like one as you move along the process. The last thing a user wants to be doing is filling out numerous forms, in any given setting. Styling the interactions not to feel like a form is a great step in making the experience not feel like a bureaucratic formality. Another thing that’s very important in this sign up process is the fact that the steps are divided up, and you know where in the process you are. This further improves the form filling process. 13 14 There is one thing I wish the onboarding process did more of and that’s explaining why the information is necessary. They did this in the beginning — they were transparent as to the qualifications for health insurance. But why does my gender, my phone number, or my marital status matter? I know it somehow matters for health insurance because it’s always asked. Is that really necessary? It’s pretty personal information, especially my SSN — it would put the user at ease knowing why they’re being asked for this information. 15 16 Eventually, I’m asked to provide a password in order to save my information. They even say what their password formatting preferences are! (How rare is that?!) My other confusion is why the user is asked for a password before the address? It seems like the form is a little out of logical order. Oscar’s onboarding experience is an improvement compared to many, especially when it comes to onboarding in the healthcare industry. It’s obvious they care about their people, just by spending a few minutes going through their onboarding experience.

Paula Borowska

Paula is a freelance web designer who documents her travels with photos and words. She works with small companies to help them create products that change the lives for their customers all in the hopes of gaining more customers and retaining their current ones longer.

Read Next

Apple Opts for AR over VR at WWDC

An Apple VR headset has been one of the most widely-rumored devices of the last few years, and it was finally settled a…

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …

15 Best New Fonts, April 2023

Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…