Mobile Web PIN login has been on our radar since the company I work for implemented it in their iOS and Android apps some time back. It’s quick and convenient and with the onset of modern smartphones screen lock security it has became a must-have feature. Here’s a quick summary of how to UX it?
This was a relatively new functionality for mobile web. Everyone has been doing it for Apps, but mobile web was falling behind. So, wireframing the new user journey was definitely the way forward;
A PIN can consist of any number and is useful if your normal login password is too complicated – plus it is more mobile friendly.
The iOS UI
PIN-based authentication is a security and usability feature and through wireframing and best practice I also designed the journey for editing and/or disabling this feature. As the PIN is tied to a specific mobile device and uses strong encryption, it can be only used by that device.
The Mobile Web UI
On-boarding introducing you to PIN Login
Set PIN screen on Mobile Web
Becoming more popular with non-regulatory sites is an option to ‘never’ log-me-out. This would even more challenging on accounts were your bank account is linked as the security risks are evident.
Get in touch
This is but a another contribution to the design community by spindlelegs. Please leave a comment or message direct at firstname.lastname@example.org