Comment on page
The Authentication Page is where your users take steps of account sign-up or sign-in. It is the virtual doorstep of your app, providing a secure way for users to access its features. Whether it is signing in with existing credentials or creating a new account, this page sets the tone for your app on security and user experience.
In this guide, we'll explore the simplified work of crafting the Authentication Page of your app in Starion, leading to the best practice.
Before going further into the authentication page of your app, there is one essential thing: you need to configure which types of sign-up and sign-in methods you want to offer your users. Starion empowers you with 4 methods: Gmail, Apple ID, email & password, and anonymous sign-in (using a Guest account).
To control these 4 methods, follow these steps:
- From the dashboard of the External app, go to "Settings" of your app
- Find "Authentication" on the left sidebar and go to "Settings" in this section
- Toggle the button of the method to enable it in your app
Authentication with email & password is always available for your app. To enhance this method, consider enabling email verification. This additional step adds a layer of security and ensures that users provide valid and verified email addresses.
There are 3 primary tasks you will work on when designing the authentication page of your app: app branding, authentication behaviors (or installing the authentication method), and legal docs. These 3 things can help you collectively address critical aspects of user experience, trust, and legal compliance
A well-branded authentication page instills trust and reinforces the app's identity, making users more comfortable and confident in providing their information.
Here are the key components of branding on the authentication page:
- 1.Logo URL: add your logo by either inserting its online URL or directly uploading the file from your device. The logo serves as a visual symbol and helps users quickly recognize and associate with your app.
- 2.Title: set a welcoming message or display your brand's name prominently. This text serves as an introduction to the authentication page and can help convey the app's purpose or reinforce your brand identity.
- 3.Subtitle: convey additional information or a personalized message to users, such as the app's value proposition, a brief description, or any other message you deem relevant to engage and inform users.
Branding settings on the authentication page
This is where you configure the method of sign-in and sign-up related directly to how they appear in your app, being accessible to your users.
Automatically, all methods you enable in the app settings will appear on the authentication page. In the settings of Behaviors in the App Editor, you will control which method you want to hide.
Checking the box to hide the authentication method on in your app
You should prepare your documents in another place and get the URL link to them since Starion does not support a built-in tool to save them within the platform yet. Some platforms where you can write and store these documents we recommend are Github, Gitbook, and Notion, or any platform that provides the service of building product documentation.
Once you add your docs link, a new content bar will appear containing a way for users to access your legal docs. This bar lies on the bottom side of the screen.
Entering the link to legal docs to enable it on the authentication page
By addressing these three tasks, you create a well-rounded authentication page that not only provides a positive and trustworthy user experience but also safeguards user rights and ensures legal compliance. This comprehensive approach helps establish a strong foundation for user trust and sets the stage for a successful and reliable app.