0

How to make optional fields like email a bit more subtle? The intent is to have minimum prominence for the email field and reduce its usage. The reason why we can't remove it is that lead capture fields are decided by the clients and they force us to keep it optional instead of removing it.

There are the 2 options we have: 1)

with open text email field

2) The below image has been labeled as Email but we will keep it as Email (optional). It's a checkbox which will open text input similar to 1st image.: with checkbox - that opens text field once it's clicked

Which of the two option is better in terms of:

1) More people should understand it's optional and skip it if they want to.
2) user experience wise
1

This article provides a very good overview of form best-practices, if you haven't yet read it yet. I urge you to read it and reference it.

As for your question, the way I would implement it would be as follows:

  • Remove the * for required
  • Add in optional label
  • Make the grey lighter

Example 1


Please keep in mind that place holders are not labels, and should not be used as such. In your example the labels should move up to above the field once a user begins typing. An easier and more universal input style would be to use a design like this:

Example 2

  • which link? i think you have missed mentioning the url – maverick Oct 22 '18 at 18:50
  • 1
    @maverick It's hyperlinked in the first word. I originally missed it but corrected it within 30 seconds, so I guess you were really quick to see the answer haha – mrchaarlie Oct 23 '18 at 13:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.