Account Kit Best Practices
The onboarding experience is one of the most important user experiences in your app. Account Kit lets people start using your app quickly and easily, using phone number or email.
Use the following tips and considerations to optimize your account creation flow. A high quality onboarding experience can improve conversion and create positive first impressions.
- Prompt people to log in at the right time
- Choose phone number, email or both
- Customize the UI
- Test your implementation
- Track your results
- Keep your app secure
- Follow the Account Kit Platform Policy
1. Prompt People to Log in at the Right Time
The best experience is to let people use your app and see its content before prompting them to log in. For example, BattleText allows people to play the game and explore before logging in - it's only when the person wants to challenge friends that they need to create an account.
2. Choose Phone number, Email, or Both
- Choose email when your implementation is primarily web-based, or when people using your service are likely to expect email registration.
- Choose phone number when people are likely to use your service on their mobile phone or unlikely to have an email address.
- Let people choose how to log into your service and implement both email and phone number with Account Kit.
3. Customize the UI
Choose colors and display for the Account Kit UI that match with your app design specs. This creates a more consistent experience for people using your app. You can customize for iOS, Android, and web.
- Images that work best as backgrounds contain fewer objects in them and are simple in detail. For a more elegant look, try using images that don't use too many colors. You can fine tune contrast between your foreground UI and background by adjusting the tint opacity.
- Choose a white tint with images that are bright to lighten the background. Choose a black tint with dark images to dim the background.
- Ensure text and UI elements are visible to people using your app. Don't obscure any elements of the Account Kit user interface, and don't modify any element except where expressly permitted by our technical documentation. This is also a requirement of our platform policy.
- If you want to build a more customized UI, try the Advanced UI solution to make more specific changes to the look and feel of the Account Kit flow. Note, you cannot change the standard disclaimers or the basic layout of the pages.
4. Test Your Implementation
Make sure to test your configuration by getting it in front of people. Make sure it's easy for them to read text and identify buttons and navigation.
6. Keep Your App Secure
Follow the recommendations in the Access Tokens topic to keep your app and your users secure when using Account Kit.