Skip to main content

User Experience

It's in the name: verify is what we do. We are experts in how to optimize onboarding flows to maximize conversion and give users the best possible experience. We've helped our customers onboard — and delight! — millions of new users. The user experience described in this guide is the result of countless hours of research, design, testing, and iteration by our team.

Use Our SDK to Get This UX

Our SDK implements this user experience, and we strongly recommend you use it. If you instead choose to use our API, we recommend you implement a user experience similar to this one.

Full details are below, but the basic user experience is:

  1. (if autofill available) Trigger autofill (e.g. click a button)
  2. (if necessary) Enter phone number
  3. (if necessary) Enter SMS verification code

Flow Chart​

↗️ Open in new tab (for easy zooming)

important

To implement this user experience yourself (which is only necessary if you choose the API integration type), without our SDK, you need to handle each action labeled Verified.

Screens and Components​

Autofill​

Verify Yourself

By continuing, you agree to our Terms.

Opt In​

Tap to Verify

Triggers autofill.

Powered by Verified​

  • Black and Green variant
"Powered By Verified" Graphic Variants
Powered by Verified
1-Click Signup powered by Verified
1-Click Health powered by Verified
1-Click Login powered by Verified
1-Click Verify powered by Verified
1-Click Apply powered by Verified
1-Click Access powered by Verified
1-Click AutoFill powered by Verified

Opt Out​

Enter Phone Instead

Takes user to Phone screen.

↗️ Open in new tab

Phone​

Header​

Enter Your Phone Number

By entering your phone number, you authorize {Brand Name}'s service provider Verified and its vendors to send you SMS verification texts at the number provided. Msg & Data rates may apply.

Phone​

+1 (_ _ _) _ _ _ - _ _ _ _

  • Primary and error colors
  • Auto focused
  • Opens numeric keyboard
  • Accepts only digits
  • Accepts OS autofill
  • Validates US phone number
  • Auto formats to +1 (NNN) NNN-NNNN (most common US format)
  • Auto submits on 10 digits

Powered by Verified​

  • Black and Green variant
"Powered By Verified" Graphic Variants
Powered by Verified
1-Click Signup powered by Verified
1-Click Health powered by Verified
1-Click Login powered by Verified
1-Click Verify powered by Verified
1-Click Apply powered by Verified
1-Click Access powered by Verified
1-Click AutoFill powered by Verified

Error​

That phone number is invalid. Please try again.

Appears when phone number is invalid.

Starting State ↗️ Open in new tab

Error State ↗️ Open in new tab

Verification Code​

Header​

Verify Your Phone Number

Description​

Enter the verification code we texted to {phone}.

  • New line before {phone}
  • Bold {phone}

Verification Code​

  • Primary and error colors
  • Auto focused
  • 6 separate boxes
  • En dash (–) in between first and last 3 boxes, to indicate hypen in verification code sent by SMS, which is included for readability:

    123-456

  • Opens numeric keyboard
  • Accepts only digits
  • Accepts OS autofill
  • Auto submits on 6 digits

Powered by Verified​

  • Black and Green variant
"Powered By Verified" Graphic Variants
Powered by Verified
1-Click Signup powered by Verified
1-Click Health powered by Verified
1-Click Login powered by Verified
1-Click Verify powered by Verified
1-Click Apply powered by Verified
1-Click Access powered by Verified
1-Click AutoFill powered by Verified

Edit​

Edit Phone

Takes user back to phone input.

Resend​

Resend Code

Sends another SMS with fresh verification code.

  • Muted color
  • Allows for at most 2 resends

Error​

That code didn’t match. Please try again.

Appears when verification code is invalid or expired.

Code Resent​

We sent you a new verification code.

Appears when user clicks resend button.

Starting State ↗️ Open in new tab

Error State ↗️ Open in new tab

Resent Code State ↗️ Open in new tab