-
Notifications
You must be signed in to change notification settings - Fork 174
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fixed bad example + small improvements
- Loading branch information
Showing
1 changed file
with
12 additions
and
8 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,28 +1,32 @@ | ||
--- | ||
type: rule | ||
title: Do you avoid having unnecessary labels? | ||
title: Do you avoid unnecessary labels? | ||
uri: avoid-labels | ||
authors: | ||
- title: Adam Cogan | ||
url: https://www.ssw.com.au/people/adam-cogan/ | ||
url: https://www.ssw.com.au/people/adam-cogan | ||
- title: Tiago Araujo | ||
url: https://www.ssw.com.au/people/tiago-araujo | ||
related: | ||
- do-you-have-a-label-tag-for-the-fields-associated-with-your-input | ||
- less-is-more | ||
- how-to-align-your-form-labels | ||
- avoid-ending-labels-text-with-a-colon | ||
created: 2021-07-09T12:00:01.000Z | ||
archivedreason: null | ||
guid: b3b50fc7-72f1-42d7-9e63-80280c57b608 | ||
|
||
--- | ||
Thinking about UI, we want to make them as clean as possible... you do that by removing noise. One of the most common ways to remove noise is to remove or de-emphasise labels. | ||
|
||
Thinking about UI, the objective is to create **clean interfaces** by minimizing clutter. You do that by removing noise. One of the most common ways to avoid noise is the removal or de-emphasis of labels whenever possible. | ||
|
||
<!--endintro--> | ||
|
||
::: good | ||
![Figure: Good example - Unnecessary labels](labels-are-a-last-resort-bad.png) | ||
::: bad | ||
![Figure: Bad example - Unnecessary labels](labels-are-a-last-resort-bad.png) | ||
::: | ||
|
||
::: good | ||
![Figure: Good example - Users know what things are without all the unnecessary labels](labels-are-a-last-resort-good.png) | ||
![Figure: Good example - Users can easily understand the information without the unnecessary labels](labels-are-a-last-resort-good.png) | ||
::: | ||
|
||
Find these and more examples and information on [labels are a last resort](https://www.refactoringui.com/previews/labels-are-a-last-resort). | ||
Find more examples and information on the article ["Labels are a last resort"](https://www.refactoringui.com/previews/labels-are-a-last-resort). |