Authentication page

provides a positive and trustworthy user experience, safeguards user rights,The Authentication Page is the first page users see when they sign up or log in to your app. It ensures that users can securely access the app's features. This page is critical in setting the tone for your app's security and user experience by allowing users to sign in with their existing credentials or create a new account.

Authentication settings

Before going further into designing the authentication page, there is one essential thing: 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.

Designing the page

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.

Branding

A well-branded authentication page instills trust and reinforces the app's identity, making users more comfortable and confident in providing their information.

Branding settings on the authentication page

Here are the key components of branding on the authentication page:

1. Logo URL: add your logo by inserting its online URL or directly uploading the file from your device. The logo is 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 introduces 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 relevant message to engage and inform users.

Behaviors

This is where you configure the availability of methods to sign in and sign up for an account.

Automatically, all methods you have enabled in the authentication settings will appear on the page. But if you want to hide any of them, you can configure it by checking boxes in the Behaviors setting.

Checking the box to hide the authentication method on in your app

Legal

This includes the Privacy Policy and Terms of Use.

If you're creating a mobile app or any online services, it's crucial to have certain documents in place. These documents can help clarify how you protect your users' privacy, and increase their trust in your app. By having them, you can make sure that your app is safe and trustworthy for everyone who uses it. Generally, these documents protect both your app users and you as the developer.

You should prepare your documents in another place and get the URL link to them since Starion does not yet support a built-in tool to save them within the platform.

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 provides a positive and trustworthy user experience, 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.