Improving OTP flow on Mobile

| 20 Nov 2019

The OTP page served by Stan C on mobile can improved in several ways:

1. On mobile, a full keypad should not be shown, but only a numeric one will do. Will reduce errors and speed up the process

2. Visual: The ‘Submit’ button should be primary CTA (infact only CTA), with resend shown after time out. Cancel may he hidden (unless specific usecase exists where pressing back is impossible)

3. Responsive: the way responsiveness has been achieved is to show the same page on desktop and mobile. Based on user-agent the page served must have larger text size for easy readability

(The keyboard in the above screenshot is hidden by iOS’ screenshot utility, else it shows the complete keypad)

You might also like


C