Skip to content
PromotEdge International

Home Guides SaaS UX design

Guides · Guide

SaaS UX design: onboarding, dashboards and settings that work

A SaaS product is sold on its promise and kept on its experience. Users who do not reach a useful result in their first sessions rarely come back, and users who find daily tasks slow look for something else at renewal. This guide covers the parts of a SaaS product where design decides retention: onboarding, dashboards, core workflows, settings and permissions, and the states between them, with how to measure each. It is part of our guide to the UX design process.

Reviewed by Anindita BarikUpdated 12 Nov 20263 min read

The short answer

What makes good SaaS UX design?

Good SaaS UX gets a new user to their first real result quickly, then makes the daily tasks fast. In practice that means onboarding built around one first outcome rather than a tour of features, dashboards that answer the questions users open the product to ask, settings and permissions that admins can manage without support, empty and error states that say what to do next, and consistency through a design system. It is measured by activation, task completion and retention.

Key takeaways
  • Design onboarding around the first useful result.
  • Dashboards should answer the two or three questions users open the product to ask.
  • Empty, loading and error states are part of the design; they decide whether users recover.
  • Admins are users too: roles, permissions, billing and settings need the same care.
  • Measure activation, task completion and retention; track them as key events.

Need this done for your business? A person reads every message and replies.

Ask for a call back

SaaS UX: what to design and how to measure it

The parts of a SaaS product where design decides retention, with the measure for each. Our own working guide.

Our own working guide. Usability checks: NN/g heuristics; accessibility: W3C WCAG 2.2; key events: Google Analytics.
AreaDesign forMeasure
OnboardingOne first useful resultActivation rate and time to first result
DashboardsThe questions users bringUse of each widget; follow-on actions
Core workflowsFewest steps; shortcuts; bulk actionsTask completion; time on task
StatesEmpty, loading, error, successErrors per task; support tickets
Settings and billingAdmin self-serviceAdmin tickets; seat changes
Design systemConsistency; WCAG 2.2 AAAccessibility issues found in review

Get new users to their first real result fast, with onboarding built around one outcome. Make dashboards answer the questions users bring. Design empty, loading and error states. Give admins clear roles, permissions and billing. Keep it consistent with a design system, and measure activation, task completion and retention.

Onboarding: the first useful result

Onboarding is not a feature tour. Design it around one first result:

  • Define the first result: the moment a user gets value, such as a first report, a first invoice sent or a first integration connected.
  • Remove steps before it: ask only what is needed to reach it; collect the rest later.
  • Use real data early: sample data helps, but importing the user's own data makes the product theirs.
  • Guide in context: short prompts at the point of use beat a tour at the start.
  • Follow up: a checklist or email nudges users who stop part-way.

Dashboards that answer questions

Start a dashboard by listing the questions users open the product to ask, such as "what needs my attention today?" or "are we on target this month?", and design one answer per question, most important first. Each number needs context (compared with what, over which period) and a next action. A dashboard that shows everything answers nothing.

Core workflows

The daily tasks decide renewals. Map each core workflow step by step, cut steps, add keyboard shortcuts and bulk actions for frequent users, and keep the same patterns across the product. Nielsen's 10 usability heuristics (1994, last reviewed January 2024) are a good check, especially flexibility and efficiency of use, consistency and standards, and error prevention.

Empty, loading and error states

The screens between tasks decide whether users recover or leave:

  • Empty states explain what will appear and offer the action that fills them.
  • Loading states show progress so users do not click twice.
  • Error states say what went wrong, in plain words, and how to fix it.
  • Success states confirm what happened and suggest the next step.

Settings, roles and billing

Admins buy, configure and renew. Give them clear roles and permissions, a way to invite and remove users, visible plan limits, and billing they can manage without contacting support. Group settings by what people want to do, not by how the system is built, and show the effect of each change.

Consistency and accessibility

A design system of shared components keeps a growing product consistent as more people build it. Build accessibility into those components once: contrast, keyboard use, labels and target sizes, measured against WCAG 2.2 Level AA.

Measuring SaaS UX

Track the product events that matter as key events in your analytics; Google Analytics lets standard properties mark up to 30 events as key events. Watch:

  • Activation: the share of new accounts that reach the first useful result, and how long it takes.
  • Task completion: the share of attempts at each core task that succeed.
  • Retention: accounts still active after 30, 60 and 90 days.
  • Support tickets by screen or feature.

Testing

Test onboarding and core workflows with real users in small rounds; Nielsen's article on testing with five users (2000) argues that about five per round find most problems. Test new users and experienced users separately: they struggle with different things.

Conclusion

SaaS UX design gets new users to their first useful result quickly and keeps daily tasks fast. Design onboarding around one outcome, dashboards around users' questions, and every empty, loading and error state; give admins clear roles and billing; keep it consistent and accessible with a design system; and measure activation, task completion and retention.

PromotEdge International is an international strategy, technology, marketing and design company, and our delivery team is in India. Our UI/UX design team designs onboarding, dashboards and design systems for SaaS products, and our SaaS development team builds them.

Facts we rely on: see our company facts for what we state about ourselves and where each fact comes from.

Common questions

  • The design of how people sign up for, learn and use a software-as-a-service product: onboarding, dashboards, core workflows, settings, permissions, billing and the states between them. Its job is to get users to a useful result quickly and keep daily tasks fast, which decides activation and renewal.

  • Define the first useful result a new user can reach, remove every step before it that is not needed, use the user's own data early, guide with short prompts at the point of use rather than a tour, and follow up with a checklist or email for users who stop part-way.

  • Answers to the two or three questions users open the product to ask, most important first, each with context such as the comparison period and a next action. List the questions before designing; a dashboard that shows every number answers none of them well.

  • Activation (the share of new accounts reaching the first useful result, and how fast), task completion for core workflows, retention at 30, 60 and 90 days, and support tickets by screen. Track the product events behind these as key events in your analytics.

  • Because new users see them first. An empty screen with no explanation looks broken; a good empty state says what will appear and offers the action that fills it. Loading, error and success states matter for the same reason: they decide whether users recover or leave.

  • Yes. Our UI/UX design team designs onboarding, dashboards, workflows and design systems for SaaS products and tests them with users, and our SaaS development team builds them in your accounts. We quote after seeing the product, and publish no rate card.

Brands we have worked with

  • Fine Organics
  • Weichai
  • Novozymes
  • Dozco
  • SANY
  • Prezent
  • Honest AI
  • SCENNE
  • Sara International
  • Vega MPS
  • Desi Machine Pvt. Ltd.

Work delivered from India. Results are shared one to one, under NDA.

See all clients

Talk to us

Tell us what you need

We use these details only to reply to you.

Phone or WhatsApp (optional)
Who is it for? (optional)

Rather talk now?

How we work

  1. 01

    Tell us the goal

    A rough note through the form on what you sell and what needs to change.

  2. 02

    We study your market

    How people find you today, where inquiries get lost, then a call in your working day.

  3. 03

    A written plan

    The work, who does it and how it is measured. Nothing starts until you approve it.

  4. 04

    The work starts

    Our team in India does the work, with calls set in your working hours.

  5. 05

    Reports and visits

    Every number we report shows its source and date range, and we travel to our clients every 3 to 4 months.

Chat with us