Welcome to Blueleaf's UXpert, our regular look at UX that could improve your website for users and ultimately deliver increased conversion rates. This week, we're talking about native keypads on mobile and tablet.
What's the problem?
We've no doubt all filled in forms on mobile and tablet devices, where you click into the input field and the device's native keypad opens. The issue is that there are various native keypads which could be opened, so showing the wrong one can slow users down.
What's the solution?
It's really very simple – make sure that the correct native keypad is shown for what the user needs to enter into the input field, e.g.
If the field is letter-based, e.g. name or address, open the QWERTY keypad
If the field is number-based, e.g. house/phone number or quantity, open the numeric keypad
If the field requires a date to be entered, open the native date picker
Also, turn off auto-correct and auto-capitalisation on form fields so that the device doesn't try to change names to words in its dictionary or capitalise email addresses!
What could the benefit be?
The benefit is obvious – displaying the correct native keypad for each input field reduces friction for users and allows them to complete forms faster.
I hope you found this useful – if you have any questions on this or anything else to do with UX, please do message me.
Sign up to our regular email Blueleaf UXpert to keep up to date!