Set up
Initial verification from a one-time PIN (OTP) sent to the user’s mobile or email.
Enter your OTP
Users enter their one-time PIN (OTP) to verify their identity.
Create a PIN
Users create a 4-digit PIN to make high-risk transactions in the app.
Allow Biometrics
Finally, users can toggle biometrics on to allow Face ID/Fingerprint authentication.
Accessibility
To make this one-time PIN component accessible, we needed to pass Touch Target Size. Android requires all tappable elements to be a minimum of 48 x 48dp with an 8dp margin, to assist those with dexterity issues or difficulty tapping small areas of screens.
While researching one-time PIN flows, we found that most split up the numbers into their own outlined fields. In order to pass touch target size, we made this component a group of fields, so the whole 328dp x 64dp area is tappable as a single text field.
