At Appcues, we’ve taken it upon ourselves to analyze every user onboarding experience we come across. Over the last few years, we’ve analyzed over 500 of these. We’ve categorized them into 9 user onboarding UX patterns, and it was only time before we put together some definitive user onboarding best practices for an effective product welcome page.
Want a shortcut? Download the welcome message template!
I'd like content on improving user retention once a week.
Design your welcome page to hint at your UI
The best welcome page designs tease a product’s UI without showing the full monte. With the right design, a welcome page directs a user’s focus to the welcome message, while simultaneously orienting them to the product.
Use modal windows with transparency
Google AdWords uses a modal window with a transparent overlay to welcome users. This strategic design causes a user’s conscious mind to focus on the more easily legible welcome message, while their subconscious orients itself to the application in background. Welcome modals designed like this reduce the anxiety of new users—they automatically know where to focus first, and they have a pretty good idea of what they’ll explore next.
Try a modal series
Sometimes users will need more guidance to get oriented to your product. If there’s more welcoming to do than a single modal allows, putting modals in a series is an easy way to expand your welcome page during user onboarding. This style of welcome messages is almost like telling a multimedia story that capture attention and draw in users. The best modal series follow an arc similar to Hive’s: welcoming, instructing, and finally, motivating users to do it on their own.
The slow reveal is intriguing and can be effective in building up motivation. But the flipside is that multi-step modals can feel drawn out if the content isn’t 100% relevant—so make sure to limit the extent of their scope.
Illustrate your own
Slack’s welcome message is one of my favorite examples of a design that hints as to what’s to come. The illustration above suggests that there are important elements of the UI in the left sidebar and right navigation. Compare this to Slack’s actual UI, which appears after a users clicks 'Explore Slack' and seamlessly floats in underneath the welcome message:
If your UI doesn’t change often, creating a custom illustration like Slack’s to complement your product’s background might help to further focus new users’ attention on your welcome message. It’s an effective way to calmly ease a user into their product experience.
Write your welcome page copy to streamline towards aha!
Generally, people don’t like to read things! Evidently you are an exception ;) So remember the trite advice while crafting your welcome message, less is more.
Formally welcome users in your header
There are two words you should seriously consider adding to your welcome page header:
You’re probably capturing your new user’s first name somewhere in the signup process, so use it to greet your new users and make them feel more welcome. Dale Carnegie once said, “remember that a person's name is to that person the sweetest and most important sound in any language.”
And use the word “Welcome.” Together these words are the equivalent of shaking each new user’s hand and looking them in the eyes. It starts your relationship off right, and will loan you some integrity from users that might be the difference between churn and retain if things go a bit awry.
A user’s motivation is so often critical to their ultimate success with your product. The more motivated they are, the more patient and persistent they will be in getting started and therefore sticking with your product.
When you restate your value prop on your welcome page, make sure not to oversell them. That’s what marketing did for you already. A simple restatement 5-10 words is ideal.
While this exact scenario might not work for your product, the concept is right. Your welcome page should set your users on a mission. One that doesn’t weigh on them as a task, but one that sounds fun and achievable within a short period of time.
Another way to set users on a mission is to propose a few and let them decide. SurveyMonkey branches their user onboarding experience with this method on their welcome page, and it works well because they know the most frequent things new users want to do with their product:
Use your button text to foreshadow
Check out the button text on the Pinterest’s and Sniply’s welcome page examples. Consider now for a moment, how specific and unique their button text CTAs are to these products and their user onboarding experiences.
Compare this kind of copy to generic button text like “Continue” or “Get Started.” Which one are you more excited to click? Remember, button CTAs aren’t just passive copy; they’re actions that new users are actively opting into doing. Your button text needs to set expectation for what is to come, and what is to come should be well in line with helping your user find their Aha! Moment.
Redirect users to the right page
You’ve welcomed your new users to your product with an awesome welcome page that implements user onboarding best practices throughout. But don’t stop there. Instead of dropping them onto your dashboard from your welcome page’s button, help them towards Aha! by redirecting them to the page from which they can achieve Aha!
We made this mistake at Appcues. We were dropping new users on our dashboard after welcoming them to our product and asking them to then navigate to the ‘create page’ where they could pick a user onboarding pattern to create—the creation of which is our Aha! Moment.