Should you mark required fields or hide optional ones

Home / Everything About / Everything About Forms / Should you mark required fields or hide optional ones

Every field you add to a form is a decision. Research shows that each additional required field drops completion rates by 10-15%. But asking for less data also means you get less data. The key to moving the conversion needle is not removing fields entirely. It's being strategic about which fields you mark as required, which you mark as optional, and which you hide until they become relevant.

What required fields actually do to conversion rates

When someone lands on your form, they scan it in seconds. Not word by word. They look at how many fields there are, how much scrolling they'll need to do, and whether the asks feel reasonable.

Required fields send a signal. Each one sends the message "I need this from you." Two or three required fields feel manageable. Seven required fields feel like a job application. The difference in abandonment rates is not small.

Take any e-commerce checkout and you'll see this in action. If the zip code field is marked optional but shipping address is marked required, customers stay. If both are required and not clearly marked, cart abandonment spikes. The psychology is simple. Uncertain visitors leave.

The mark-the-minority rule: when to mark required, when to mark optional

Most forms have an imbalance. A contact form might have five required fields and one optional. A registration form might have eight required fields and two optional. In these cases, marking every required field wastes space and cognitive load.

The better approach is to mark only the minority. If 80% of your fields are required, mark only the optional ones with the word "(optional)" next to the label. Unmarked fields will be assumed required. This cuts visual clutter and makes the form feel shorter.

On the other hand, look at complex forms where required fields are scattered throughout. Insurance applications, loan forms, and multi-page surveys often have required and optional fields mixed together. When that happens, mark both. Use an asterisk (*) for required fields and "(optional)" for optional fields. Clear labeling beats implied conventions.

The rule is straightforward. Mark the minority, whatever that is.

How to label required fields people actually notice

An asterisk alone is not enough. Screen reader users cannot hear an asterisk. Non-native English speakers may not recognize the convention. Users scrolling fast might miss a small symbol altogether.

The solution is layered labeling. You need the asterisk, the word "required", and both visible and programmatically clear.

Use an asterisk and pair it with the word required

Research shows that pairing a red asterisk (*) with the text "required" in the label eliminates confusion. The asterisk catches the eye. The word "required" confirms what it means. Together they work for sighted users, screen reader users, and people with cognitive disabilities.

Try Email Address * (Required) or Phone Number * followed by text that says "Fields marked with asterisks are required." This format works well.

Add a legend that explains what required means

Before the form fields start, include one simple line saying "* = required field" or "Fields marked with an asterisk (*) are required." This sentence takes five words and eliminates the need for users to interpret the symbol on their own.

Pair this with programmatic HTML attributes. In your form code, add required or aria-required="true" to each required input. This tells the browser and screen reader that the field is required without relying on visual design alone.

Color matters less than contrast and position

Red asterisks are conventional, but the real issue is contrast. If your asterisk is a faint gray or blends into the label, low-vision users will miss it. Make the asterisk bold and ensure it has strong contrast with the background.

Position also matters. Place the asterisk immediately after the label text, not floating separately. This keeps the "required" signal connected to the field name visually and scannable from left to right.

When hiding optional fields beats marking them

Some forms benefit from a different approach called progressive disclosure. Hide optional fields until they become relevant. This works when your form has a clear primary path and optional fields only apply to certain users.

Take a booking form. "Brand name" might be required for corporate customers but optional for individuals. Instead of marking it optional and cluttering the primary path, show it only after the user selects "booking type" as "business." They never see the field unless it applies to them.

Progressive disclosure makes forms feel shorter

Forms that hide optional fields until they're needed convert better than forms that show everything upfront. The reason is perception. A form that shows 12 fields (even if 3 are optional) feels longer than a form that shows 9 fields and reveals 3 more based on the user's answers.

Conditional logic reveals fields based on previous answers

Modern form builders support this natively. When a user selects a certain option, a new field appears. When they change that option, the field disappears. The form adapts to their needs in real time.

This is where WEMASY's conditional logic shines. You can set rules like "if industry is healthcare, show HIPAA compliance field" or "if budget is under $1000, show payment options for small plans." The user only sees questions that matter to them.

Conditional required fields: required only when it makes sense

Advanced form design takes this a step further. Some fields are optional by default but become required based on a user's earlier answers. This is the sweet spot between data collection and user experience.

Suppose "Tell us about your brand" is optional on a free signup. But if the user selects "I'm a brand owner" from a dropdown, the same field becomes required. The form changes the requirement on the fly.

Show the transition clearly

When a field changes from optional to required, the user needs to know. The best approach is to add the asterisk and "(Required)" label immediately when the field becomes required. Some form builders highlight the field change with a subtle animation or color shift. This signals that something has changed without being jarring.

Mistakes that quietly kill your completion rates

Even with the right rules in place, small mistakes compound abandonment. Watch out for these.

Mixing symbols without a legend

Using an asterisk on some fields and "(required)" text on others creates confusion. Pick one approach and stick with it. Consistency across your entire brand matters more than which specific symbol you choose.

Marking optional fields as required by accident

This is common in forms migrated from old systems or when requirements change mid-project. A field gets labeled optional but the backend requires it, or vice versa. Users fill in a field they thought was optional, submit the form, and get an error. They abandon.

Hiding information that users need to see

Progressive disclosure works when the hidden field is truly optional or truly conditional. It backfires when you hide required fields behind complex logic. If a field is essential, show it. Don't make users wonder whether they need to fill it.

Using asterisks without explanatory text

An asterisk on its own is a mystery to people who have never seen that convention. Without a legend, some users will skip the field thinking it's optional. Add the legend. One line at the top. Five words. It prevents abandonment.

Changing required status mid-form

If a field is required, keep it required. If you need to make it optional later based on changing brand needs, do a full review. Don't quietly change a field from required to optional and hope nobody notices. Users will, and they'll get confused.

How WEMASY helps with required and optional fields

WEMASY's form builder gives you full control over field requirements without touching code. Set any field as required or optional from the editor. Add conditional logic that makes a field required only when specific conditions are met. Add custom legends to explain your required field symbols.

You can also see real-time data on which fields are causing the most abandonment. If a particular optional field is slowing your conversions, you can hide it with progressive disclosure. If users are confused by a required field, you can switch to marking only optional fields instead and see which approach converts better.

Frequently asked questions

Do I have to mark optional fields if most of my form is optional?

Can I use just asterisks without the word required?

What color should my asterisk be?

If a field is optional, should I hide it or mark it optional?

Can I make a field required only for certain users?

Does hiding optional fields really improve conversion rates?