Updated: November 30, 2020

Basic Authentication

Intro

The Basic Authentication pattern is used for general authentication purposes.

Structure

A. Navigation Bar

The navigation bar includes a “Cancel” button for users to exit the authentication.

B. Body Title

The Body Title should be a concise label that describes the authentication step.

C. Body Text

The Body Text should detail how to properly complete the authentication step.

D. Text Input Fields

The Text Input Fields are set by the admins and developers (can be more than 2 fields).

E. Sign In Button

Used to complete the authentication step and start the information verification process.

 

Behavior & Interaction

Sign In

Only when all text fields are filled in that the ‘Sign In’ Button will change states from disabled to enabled. Tapping on the enabled “Sign In” button will start the information verification process.

Authentication

Information Verification

Feedback banner with “Verifying Information…” label as the system is verifying information inputted in text fields.

Failed Sign In

Feedback banner with “Sign In Failed” label to alert user that sign-in attempt has failed.

Adaptivity

Specifications

Compact

Regular