We’ve all had an experience with a product that has been less than delightful. Sometimes the User Experience is so frustrating you want to throw your phone at the wall. Other times, there are problems that are small annoyances but they would be so easy to fix.
identifying a problem
This is the mobile site for one of the credit cards I use. Almost every time I log on, I receive a message that my device has not been recognized and they need to send me a code so that I can confirm my identity (this is a pain point in of itself, but not the one I will be addressing here).
I click through the steps and am taken to this page. My first instinct is always to click the first button under the field for my unique ID code but that forces the user to start over. I always have to scroll down to the second button and be careful to not accidentally touch the first one. It is very irritating.
Finding a Solution
The solution to this problem is so simple! All the UX design team would need to do is swap the buttons. Users naturally want to click on the first button after entering their code, so it would make the most sense to have this designated as the “continue” button and have the other button as the option that users can scroll down to select.
Reiterating my solution
To take my above solution a step further, I think it would be a good idea to make the “I Did Not Receive My Code” button a secondary button by making it smaller. This way, users will be even less likely to click on it by accident.
Another option
My second (and simplest solution) would be to get rid of the “I Did Not Receive My Code” button altogether. Because there is already an option above for not receiving a code, the pink button below is redundant and should be able to be removed without negatively impacting the user experience.
