Many designers tend to mark optional fields by placing “(optional)” after the field label. This approach makes the field label longer and wordier than it really is. While it gets the message across, there’s a more optimal way to mark optional fields.
Using a text badge, you can help users distinguish the label from the “optional” text better. A text badge is the “optional” text placed in a rounded shape.
The shape shouldn’t look like a clickable button. Instead, it should be small, and the border should be tight to the text’s edges. The background color of the shape shouldn’t attract too much attention to signify a button. If users are clicking it expecting something to happen, it looks too much like a button.
The text badge should be proportional in size with the field label. When you align it with the field label, its height shouldn’t surpass the label element’s height. The “optional” text should also be centered inside the badge.
Access Full Article
Access the full article to learn more details and insights. Your subscription gets you full access to this article and all future articles.