web-dev-qa-db-fra.com

Quel est le nom de ces wrappers de balises pour le texte trouvé dans Gmail compose, Facebook invite des amis et bien sûr des balises StackExchange?

Je vois ce genre d'élément UX dans beaucoup d'endroits, et pardonne mon ignorance, mais je ne sais pas comment ils s'appellent (s'ils sont appelés quoi que ce soit.

Il consiste à encapsuler une spécification de texte dans un joli petit emballage de couleur, et généralement à inclure un petit X pour le supprimer. Je fais référence aux enveloppes graphiques des adresses e-mail TO dans une fenêtre de composition Gmail comme ici

Gmail Compose

et aussi, lors de l'ajout de balises à une question StackExchange comme ici

stack exchange tags

Comment s'appelle cet élément graphique?

1
CodyBugstein

Je pense que vous avez répondu à votre propre question, plusieurs fois!

Ils sont appelés balises ou étiquettes.

C'est à la fois le terme UX et le terme pour le look. Au niveau UX, ce nom a été choisi parce que fonctionnellement, ce sont de petites étiquettes qui peuvent facilement être accrochées à certains éléments/objets, et elles illustrent des valeurs qui se rapportent audit objet.

Il en va de même pour le look: ils ressemblent à de petits morceaux de plastique ou de papier avec une étiquette imprimée dessus!

1
Dirk v B

Ils sont peut-être les plus universellement appelés balises . Vous pouvez être intéressé par la page UI-Patterns sur eux.

Cependant, il existe une grande variété de noms pour les tags. J'ai découvert ce qui suit en consultant le code des sites Web:

  • mentionne (facebook)
  • balises (échange de pile)
  • jetons (pinterest)
0
Vivek Maharajh