Pages

Sunday, January 22, 2017

Input Mask


Have you ever wondered how to input data in date of birth field, phone number field, credit/debit cards, country+area codes amongst others? The format might be specified as a placeholder which disappears if user places a cursor on the field. Support text below the field eats into screen real estate. So, what is the best way to display format and guide the user correctly? 


Input Mask

Input Mask is the answer. If user attempts to reset a password on apple website, user is asked to enter data in specific format dd/mm/yyyy. As user enters values, each letter disappears providing a visual cue. 

"Input Masks reduce input errors and also guide users to input data in the right format."

No comments:

Post a Comment