Eight pixels is the usual standard gap between touch targets. Make sure your text inputs are far enough apart, so your user doesn’t click on the wrong one by mistake. Instead, stick to text fields where the label is visible at all times. Although this isn’t as space-efficient, it allows the user to read down instead of reading across, which can be confusing.įor input fields where the label is in the placeholder, it’s hard for the user to tell if they filled the right things in the correct order once they have completed the form. Stack your labels on top of the text fields. HINT TEXT ANNOTATIONS ZIPHaving a long text field for a short entry (e.g., a zip or pin code) can confuse the user and make them feel like they filled in the wrong thing. The width of a text field implies what should go into it. Overall, you want to make the already laborious task of filling out forms as easy and intuitive as possible. There are a few best practices when it comes to text fields. These hints are usually prompts or examples, e.g., "Enter email" or "E.g., etc.įor accessibility reasons, some users prefer to have the text written out. Placeholder hint text disappears as soon the user starts inputting text into the field. This is especially important if there is a specific way the user needs to fill in the field. Placing your hint text beneath the input ensures it is always visible. The second is to give an example like “E.g., text inputs have a limited length, to keep hint text on a single line, make it as short and to the point as possible.The first is to write out instructions like “Password must contain 8 characters and a number”. The hint text should help the user fill out the form. This is especially important for complicated or long forms. Hint text gives the user an idea of what they should fill in. When making underline text inputs, mimic the material design input by moving the label up when the user starts inputting their information.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |