web-dev-qa-db-fra.com

Existe-t-il une distinction entre les badges, les étiquettes et les étiquettes?

Nous examinons un ensemble de modèles de conception pour aider à la classification des projets sur une liste - il semble y avoir de fortes discussions sur la différence entre les badges, les étiquettes et les étiquettes.

À mon avis, les badges (comme les notifications) sont de petits identificateurs généralement basés sur des images, les étiquettes sont des identifiants non interactifs et les balises sont des combinaisons interactives des deux options précédentes.

4
Eliot Hill

Les badges sont des indicateurs numériques du nombre d'éléments associés à un élément (un lien) et des étiquettes sont utilisées pour fournir des informations supplémentaires sur quelque chose. Une balise est un mot ou un groupe de mots temporairement attaché à un élément, un outil de référencement.

Voir cette explication sur Atlassian Design Guidelines :

Les badges permettent une identification visuelle rapide des valeurs numériques telles que les décomptes et autres quantités. Ils ne sont pas utilisés pour autre chose que des entiers. Pour appeler les balises ou d'autres attributs à haute visibilité, utilisez Étiquettes . Les étiquettes, comme les mentions et les pastilles, sont un moyen de baliser visuellement les objets d'interface utilisateur pour une reconnaissance et une navigation rapides. Ils sont utilisés dans les taxonomies (balises) pour fournir un schéma ad hoc généré par l'utilisateur pour la classification et la recherche, ou dans les contrôles à sélection multiple pour indiquer les éléments déjà verrouillés.

Les étiquettes peuvent inclure une icône d'action (généralement "supprimer"). Gardez à l'esprit qu'ils augmentent la quantité de bruit visuel, en particulier en combinaison avec d'autres éléments de marquage visuel. Ils doivent être courts et ne pas nécessiter de retour à la ligne.

4
Madalina Taina

Il semble y avoir un certain nombre de noms différents associés à cette fonctionnalité. Afin de les classer correctement, nous devons prendre en considération la fonctionnalité, il existe généralement 4 types:

  1. mots-clés utilisés pour associer des ensembles de données
  2. afficher des informations supplémentaires à côté des composants de l'interface utilisateur
  3. compteurs de valeurs numériques
  4. Élément d'interface utilisateur utilisé comme appel pour un nouveau composant ou une nouvelle fonctionnalité.

Donc, sur la base de ces fonctionnalités, les noms utilisés sont:

  1. Tag, Chip, Breadbox, Token, navigation Pill
  2. Pilule, étiquette, bulle, pastilles, timbre
  3. Badge
  4. Ruban, ruban triangle d'angle

J'espère que cela t'aides.

1
Sooraj MV

Pour le contexte du commerce électronique de détail, voici mes 2 cents

badges une information de pièce statique qui serait attrayante pour l'utilisateur

  • nouvelles Arrivées
  • retours/échanges gratuits
  • paiement à la livraison
  • livraison le jour même

étiquettes

  • étiquette d'entretien
  • étiquette d'authenticité par ex. 100% en cuir véritable

les étiquettes pourraient être associées au prix. généralement dynamique

  • étiquette de prix
  • étiquette de remise

là encore, ces définitions pourraient être vaguement jetées en fonction de qui les utilise

0
Ameen Akbar