Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How Todoist redesigned its user onboarding

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.

E9bc93cfc82dc07a1b3eca5a2394dbb6?s=128

Florent Merian

March 06, 2022
Tweet

More Decks by Florent Merian

Other Decks in Design

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