web-dev-qa-db-ja.com

Gmailのメール作成、Facebookの友達招待、そしてもちろんStackExchangeタグにあるテキストのタグラッパーの名前は何ですか?

私は多くの場所でこの種のUX要素を目にしていて、私の無知を許していますが、それらが何と呼ばれるのかわかりません(それらが何と呼ばれていても)。

これは、テキスト仕様を素敵な小さな色のラッパーでラップすることで構成されており、通常はそれを削除するために小さなXを含めています。ここでは、Gmailの作成ウィンドウでのTOメールアドレスのグラフィカルなラッピングを参照しています

Gmail Compose

また、ここのようなStackExchange質問にタグを追加するとき

stack exchange tags

このグラフィック要素は何と呼ばれていますか?

1
CodyBugstein

あなた自身の質問に何度か答えたと思います!

これらはタグまたはラベルと呼ばれます。

これは、UX用語と外観の用語の両方です。 UX的にこの名前が選択されたのは、機能的には、特定のアイテム/オブジェクトに簡単にフックできる小さなラベルであり、これらのオブジェクトに関連する値を示しているためです。

見た目も同じです。ラベルが印刷されたプラスチックや紙のように見えます。

1
Dirk v B

それらはおそらく最も一般的にtagsと呼ばれます。あなたは興味があるかもしれません それらのUI-Patternsページ。

ただし、タグにはさまざまな名前があります。ウェブサイトのコードを見て、次のことを発見しました。

  • メンション(facebook)
  • タグ(スタック交換)
  • tokens(pinterest)
0
Vivek Maharajh