The Ultimate Guide to SaaS Signup Flow UX [How to Design it, Examples & Best Practices]

The signup flow is one of the most critical aspects of the user experience journey. It is the initial encounter that a user has with your product. The way you design it can have a major impact on how users perceive your product.

In this article, I will be going over two popular SaaS signup flows: friction-based sign up flow vs. frictionless sign up flow.
In short, a friction-based sign up flow is one that will make it harder for the user to complete the sign up process in exchange for more value-added later on. For example, booking a demo that goes to your sales pipeline first is also counted as friction-based. On the other hand, a frictionless flow will make it much easier to complete the sign up process hoping that the UI is good enough to demonstrate the value of the app on its own. 

Which one should you choose? Keep reading to know more. Plus, at the end, we share more resources for you to learn from.

Friction-Based Signup Flow

The folks at ConversionXL define friction as “the measure of how much effort the user has to exert to sign up.“

Although it is difficult to quantify, our friends at Totango have come up with a couple of measures:

• The number of steps to complete the flow.
• The number of fields to fill.
• The number of additional activities a user must do to get to signup such as email activation, JavaScript installation, CAPTCHA,..etc.

When Should Friction-based Signup Be Used?

Friction-based signup is more about collecting user information and pushing critical actions first.

Therefore, it must be used when your product is too complex to demonstrate value on its own. This is generally the case for products that are not purely self-service and/or that require a bunch of integrations first to setup.

Take for example the case study of FullStory.

FullStory is a session replay software that helps you monitor how users are interacting with your app.

The FullStory UI is almost useless if users have not installed the FullStory JavaScript. Without the script, users won’t see any value in FullStory as the core selling point lies in the session playback.

For this reason, FullStory elects to go with a more friction-based signup flow.

The idea is simple, make it harder to signup at first. Then, once the user completes all the necessary steps, they will go to the UI ready and find value almost instantly.

FullStory is also a product that can be used by various personas: product, UX and engineering teams to name a few.

For this reason, they took the opportunity to learn more about the user persona as well in the signup flow.

This will help them later to personalize the experience based on the data collected.

Why does the friction-based sign up process make sense for the FullStory case?

• The product is complex to setup.
• It’s not easy to get to the ‘Aha!’ moment before installing the JavaScript.
• The product is used by many personas for different use cases.

But most importantly: You’re more likely to become a customer and activate the account if you go through all the steps.

What Are the Advantages Of the Friction-based Signup Flow?

1. Higher activation % after successful signup; users are more likely to activate if they go through the whole process.
2. Easier to instigate the initial ‘Aha!’ moment after users reach the product’s UI.
3. Differentiates serious users from spam signups.
4. Eliminates spammers and adds a level of security; less abuse of the trial period.

What Are the Disadvantages Of the Fiction-based Sign up Process?

1. A lower number of successful signups.
2. A higher number of dropouts during the sign up process flow.
3. Users don’t have a chance to experience the product’s UI.

Frictionless Signup Flow

A frictionless signup flow is one that makes it easy for users to get as effortlessly as possible to the UI.

This usually means:

• Users don’t have to spend time filling up a lot of information.
• No installation and/or payment walls.
• No email verification in most cases.

The idea is to get users to the UI as soon as possible and eliminate all kinds of friction.

When Should Frictionless Sign up Flows Be Used?

• Easy to use products such as most B2C SaaS apps — the UI is simple enough to trigger the initial ‘Aha!’ on its own.
• No need for technical integrations for the product to be usable.
• If the product is targeted towards the lower side of the market…i.e. flies and mice.

For this kind of approach, you’re basically banking on the UI to deliver the value needed to push users for activation.

There’s no app that demonstrates this approach better than Airtable.

The registration process is so frictionless that a user can literally get successfully to the UI in less than 60 seconds.

Once logged in, the Airtable team personalizes the content within the UI based on user persona.

The frictionless registration process makes sense in the Airtable case as the app is extremely simple to use and requires almost no integrations to work.

In addition, the UI is so simple that it can achieve that initial ‘Aha!’ on its own. The UI itself will “motivate” users to complete the activation process. It could be anything like adding teammates, creating additional workspaces and so on.

What Are the Advantages Of the Frictionless Signup Flow?

1. Higher successful signup rate.
2. Gets users to the UI quickly, and gives them a chance to find value on their own.
3. Allows products to instigate that initial ‘Aha!’ without much hassle.
4. Gives users a chance to go through the activation process at their own pace.

What Are the Disadvantages Of the Frictionless Signup Flow?

• More spam signups and/or users abusing the trial.
• Less information about trial users.
• Users might find it difficult to continue the activation process on their own.

Whether you decide to go with a friction-based or a frictionless approach, you should always remember to stay focused on driving meaningful actions.

Samuel Hulick perfectly summarizes this in one of his interviews:

When a user signs up, their attention is so precious. You can think of it like air leaking out of a space suit – you want to make as much use of it as you possibly can while it’s still around. This goes beyond just removing friction – it means taking clear and meaningful actions that will motivate the user throughout the initial workflow.

For example, if you wanted somebody to make a pizza, you wouldn’t want to first say, “let’s start kneading dough and simmering sauce and…”

You would want to say, “let’s make a pizza, and we’re going to start by kneading dough and simmering sauce.” When you frame these two activities around the end goal, it helps the user understand why they’re important and builds motivation to complete them.

In conclusion, you must stay clear on which goals you want the users to achieve and never stray off.

Friction-based and frictionless registration processes have their own advantages and disadvantages. Both approaches work differently for different products.

The trick is to find out which one is best suited for your product.

More resources related to add friction or not:

• Why Adding Friction to Your Onboarding Funnel Can Actually be Good Idea [Case Study]
• Why We Love Drift’s Signup Flow & Onboarding
• How to Improve User Activation Rate
• Breaking Down The Perfect Sign Up Flow

About the author

Yazan Sehwail is the Co-Founder of Userpilot, and has more than 6 years of UX & Product Development experience. He is currently helping 500+ SaaS companies improve user onboarding and increase product adoption.