New answers tagged

0

I would recommend looking at how someone like gov.uk handle errors on their forms. Adam Silver has written a great book on form design. Here is an example of a great form error pattern that is tried and tested by the team at gov.uk http://nostyle.herokuapp.com/examples/registration-form I highly recommend this book: https://www.smashingmagazine.com/2018/10/...


0

There is no need for that space. With a good animation you can signify that a message appears. This is because messages can have more rows and showing the space will make your design messy.


2

Try helper text below, so there's no memory tax once they start entering a format. Another option you can also look at is using a forgiving format pattern This means if a user enters '2 weeks, 1 day' or '10 days' that is still recognized by the application. It's conforming the application to a human, rather than forcing the human to think in terms of data ...


0

a third solution is to include the required information into the field captions and not use the labels. More elegant. Be sure to use a color code to facilitate the idea of "not filled" and "filled". The grey VS black model is something common.


0

Specific empty field captions Pro: Having placeholders that relate back to the label quickly tells the user what this field is for, which means that the user doesn't necessarily has to read the label, which in some cases can increase the speed and ease of use of filling in a form. Reminder to not replace labels with placeholders. Placeholders should only ...


2

I've often seen this labeled "Title" / "Name" / "Suffix" where Title and Suffix are collected via a select menu of predefined options. For example, American Airlines includes a Title select menu containing MR., MRS., MS., MISS, MX., DR., and MASTER, as well as a Suffix select menu containing JR., SR., M.D., II, III, IV, V, and ...


1

There are a couple of elements I see rare or unusual in the design: The button moves when adding new numbers, this is totally unusual in interactivity. One of the premises in interactivity is the user must clearly know where to interact, if the interaction field changes places it generates uncertainty. The text insertion line is horizontal, this occurs in ...


0

The “Delete” buttons need labels, so that the user who cannot see the locations knows what each button would delete. Clicking the “Add new country” button inserts content into the page above the button. A blind user might not know that anything was inserted. So you would need to do something with the focus or a live region to ensure that the user is informed....


1

I think you are close to two good options; in both options, you'll want to remove the "Delete" button next to the first dropdown (allowing the user to delete additional dropdowns, but not the first one.) You say that language isn't important, but you might want the Add button to be more like "Add additional country". The version on the ...


Top 50 recent answers are included