daxko/design

Marking required vs optional fields on forms and layout

Closed this issue · 1 comments

Indication of required fields is most useful when
• There are lots of fields
• But very few are required
• Enables users to scan form to see what needs to be filled in

Indication of optional fields is most useful when
• Very few fields are optional

A few best practices by Luke W
• Try to avoid optional fields
• If most fields are required: indicate optional fields
• If most fields are optional: indicate required fields
• Text is best, but * often works for required fields
• Associate indicators with labels

Here are a few examples to start a discussion. This should be a quick one to decide.

required vs optional

I'm against using * for required fields. It seems research shows that optional is better than having required and users tend to fill out more fields with when they're not directed to.

Also, I have a feeling with a sass based product our users are going to tend to fill out all the information they have available so noting something as optional or required doesn't really give us or our users a lot of benefit.