How Todoist redesigned its user onboarding

Like your landing pages and your app UI, your first-time user experience (FTUX) needs testings and learnings.

In this presentation, I review how the Doist team redesigned the Todoist user onboarding to make it straightforward.

Transcript

1. How Todoist redesigned its FTUX
2. Step 1. Sign up. Step 2. Almost there. Step 4. Pick your theme. Step 5. You're all set! Step 3. Hi, Florent! Step 6. Welcome Overview @fmerian F You're all set, Florent!
3. Step 1. Sign up. It all starts with the signup page. Note: it could be different. @fmerian
4. Alternative. More social proof to inspire action. The signup page is a great spot to add more social proof and inspire action. @fmerian
5. Step 2. Almost there. @fmerian
6. Step 4 Pick your theme. Step 3 Hi, Florent! Step 5 You're all set! ONBOARDING @fmerian After you sign up, a 3-step flow helped you set up your account. F You're all set, Florent!
7. Step 3 Pick your theme. Step 3 Hi, Florent! Step 5 You're all set! ONBOARDING @fmerian The Todoist team removed 2 steps to make the onboarding experience simpler and more straightforward. F You're all set, Florent!
8. Step 3. Pick your theme. Little big detail. When you can choose your UI style during the FTUX, you can expect a product designed with care. @fmerian
9. Step 4. Welcome Todoist nailed this final step. Don't let your users start from a blank page. @fmerian
10. Step 1 Sign up. Step 2 Almost there. Recap SIGNUP FLOW HOME @fmerian
11. Step 3 Pick your theme. Recap @fmerian Step 4 Welcome DASHBOARD F You're all set, Florent!
12. Lessons learned.
13. @fmerian Remove steps that add low value to make your onboarding flow more enticing. F You're all set, Florent! Keep your flow simple and straightforward. Step 3 Pick your theme. Step 3 Hi, Florent! Step 5 You're all set!
14. @fmerian Don't let your users start from a blank page.
15. I review onboarding experiences from great B2B SaaS companies and share how I'd optimize them on Twitter. One more step