Updated: November 30, 2020

Biometric Authentication

Intro

Biometric authentication detects and recognizes certain human physical features for security authorizations. Apple supports Face ID and Touch ID as convenient and secure biometric authentication methods – and by extension so does Fiori for iOS.

Structure

A. Navigation Bar

The Navigation Bar contains the title and ‘Cancel’ action depending on the usage.

B. ID Icon

The ID Icon should match with the type of biometric authentication feature specific to the device being used.

C. Description

The Description should concisely explain the function and benefit of the type of biometric authentication.

D. Sub Description

The Sub Description should detail how users can later edit the biometric authentication feature.

E. Button(s)

The Emphasized Button lets users enable the biometric authentication feature.

F. Learn More Link

The Learn More Link lets users learn more about the type of biometric authentication.

Variations

Biometric Type

Touch ID

If the user taps on ‘Not Now’ or ‘Allow’ then there is no alert. It will simply dismiss the consent form and will take the user to the next step of the onboarding process.

Face ID

If the user taps on ‘Deny’ they will get an alert saying they must give consent to continue. Tapping ‘Allow’ will dismiss the modal and take them to the next step in the onboarding process.

Button

Single and sequential forms can be either mandatory or optional. If there are a mix of single and sequential consent forms, the single consent form will be a separate modal and the sequential forms will be presented in a separate modal.

1 Button

If there are multiple single consent forms, they will all be presented as separate modals (should not be bundled in one modal). There are no Titles on the Single Consent screens.

2 Buttons

For sequential forms, the navigation bar shows the current & total numbers of the form pages. The action bar doesn’t appear until the user reaches the last page in the form.

Specifications