Removing labels seems to offer a trade off between clarity and concision. For editable forms, labels are necessary, but when can we forgo them when displaying that data back to an end user?

For example, here's a simple form with labels:


download bmml source – Wireframes created with Balsamiq Mockups

If you had a read-only view with labels, you could just disable inputs like this:


download bmml source

But if we present just the data and remove field labels altogether, I don't think we lose much clarity, and most users familiar with american names and address could parse the fields back into their original buckets if need be:


download bmml source

Data with well defined structures that has a well defined mapping to a real world analog seems the least risky, but examples of unadorned read-only data exist all of good design.

Here are two examples of content that is immediately presented without the pretense of a label to suggest how the data must be understood. In both cases, it looks almost silly to try to explicitly name those fields in the path to clarity

Google Search Results

Ux Planet Article Title

Certainly the Content Management System being used to edit articles would provide separate input fields, but the rules feel different for presenting that content to end users. Are there any guidelines as to when we can safely remove field labels without introducing ambiguity?

  • I have had this question for a long time. I think it depends on the data type. For example, if you are showing a standalone ABC123 which is a license plate number, it might not be clear to the end users (number plates have different structures in different countries). In such cases, accompanying the data value with a label would be able to convey the message faster to the user. This is just an example. – Chandan Dec 27 '18 at 10:06

It's going to depend on context. For your address example, separate uneditable text input boxes make sense when you want to show information that can be changed, but don't want users to go back and forth between different viewing and editing pages. So generally, a single address field is only used on summary type pages.

As for your other examples, again, it depends. For example, suppose I don't know what the tags do? The natural place to put a help link or mouse-over popup is on the "Tags:" label. Also, without your "Date Uploaded" label, I would've assumed "Last Modified", which can mean I thought it was more out-date information than it really is.

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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