Improving OTP flow on Mobile

| 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)



Create an account to view Free Solutions

  • Gift
    Access to 50+ solutions
  • Trophy
    One solution from every challenge
  • Video
    View discussion preview videos
  • card
    No card details required
Continue with Email
Already a UXHack Member?Login