From 9017b220ea72adcfb1a9f0b4319d25993a0a6ddb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= Date: Thu, 21 Mar 2024 15:01:14 -0300 Subject: [PATCH] Fixed bad example + small improvements --- rules/avoid-labels/rule.md | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/rules/avoid-labels/rule.md b/rules/avoid-labels/rule.md index a2033f78fb0..830f08576d7 100644 --- a/rules/avoid-labels/rule.md +++ b/rules/avoid-labels/rule.md @@ -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. -::: 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). \ No newline at end of file +Find more examples and information on the article ["Labels are a last resort"](https://www.refactoringui.com/previews/labels-are-a-last-resort).