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
   

   View Slide

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!
   

   View Slide

3. Step 1. Sign up.
   It all starts with the signup page. Note: it could be different. @fmerian
   

   View Slide

4. Alternative. More social proof to inspire action.
   The signup page is a great spot to add more social proof and inspire action. @fmerian
   

   View Slide

5. Step 2. Almost there.
   @fmerian
   

   View Slide

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!
   

   View Slide

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!
   

   View Slide

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
   

   View Slide

9. Step 4. Welcome
   Todoist nailed this final step. Don't let your users start from a blank page. @fmerian
   

   View Slide

10. Step 1
    Sign up.
    Step 2
    Almost there.
    Recap
    SIGNUP FLOW
    HOME
    @fmerian
    

    View Slide

11. Step 3
    Pick your theme.
    Recap
    @fmerian
    Step 4
    Welcome
    DASHBOARD
    F
    You're all set, Florent!
    

    View Slide

12. Lessons learned.
    

    View Slide

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!
    

    View Slide

14. @fmerian
    Don't let your users start from a blank page.
    

    View Slide

15. I review onboarding experiences from great B2B SaaS companies
    and share how I'd optimize them on Twitter.
    One more step
    

    View Slide