web-dev-qa-db-ja.com

取り外し可能なタグのリストに適切な用語はありますか?

私はそれらを「タグブロック」と呼んでいますが、それは正しくないと思います。パターンはテキスト情報のブロックで、Xで削除されます。ファイルを追加した後、いくつかの場所で表示され、ファイルを削除できます。

Pinterestはこのパターンを使用して、検索用語をセクション分けします。

Pinterest


Best Buyの場合、左側のファセットからフィルターを選択すると表示されます。

Best Buy

16
IczerX01

彼らはあなたが使うスクリプトに応じて多くの名前を受け取ります、単一の特定の名前についての合意はないようです。さまざまなオプションを説明するために、ここにこれらのブロックを生成するスクリプトの名前とリンクがあります。

タグ入力

トークン入力

タグセレクタ

選択ボックス および 選択ボックス

tagselectの前後にある種の一貫した名前が付けられているようですが、明確ではありません。さらに、これらのプラグインのほとんど(すべてではない)はJQueryを使用しており、「セレクター」はJQuery(およびHTML5)ではまったく異なるものですが、selectはさらに混乱します。 tag boxのようなものがより適切なオプションです。個人的に、私はそれらを閉じられる用語ボックスと呼びます

これらはタグではありません

明確にするために:これらはタグではなく、これらもselectではありません、これらはboxesではなく、selectorsではありません。これらの用語はすべて非常に具体的な定義を持っています。それらのどれも、部分的にのみ、質問に完全に適用されません。

さらに、この要素は常にタグであるとは限らず、カテゴリ、カスタム分類、またはライブ検索用語の場合もあります。

要素の構造

この要素は、少なくとも3つの異なるサブ要素で構成されます:視覚的な要素、分類法/ IA、およびアクション1。

視覚的なものは、タグまたはフィルター用語とclose要素を含むボックスまたは境界です、 分類法1は用語自体(タグなど)であり、アクション1close要素であり、場合によっては、再配置をドラッグするためのhandleです。

機能的には、input要素ですautocomplete searchなどを使用する場合、ただし、ユーザーが事前に定義された用語のリストからのみ選択できるため、管理者によって追加されました。これらはselectです。

要するに

上記のように、それについてコンセンサスはありません。この要素を適切に誰かに伝えたい場合は、2つ以上の複合パーツを組み合わせて呼び出すことは妥当です

12
Devin

それらはtagsまたはtag buttonsと呼ばれます。

これは非常に多くのOSに固有なので、タグと呼ぶことができます。クライアントに、却下可能なタグなどが必要だと言っただけなので、おそらくそれらをより完全に参照することができます。

すばらしい質問です。

enter image description here

5
Fattie

材料設計はそれらを「チップ」と呼びました。 https://material.io/guidelines/components/chips.html

2
sharpmachine

ブレッドボックス

ラッセル1 本ではこれらをbreadboxと呼んでいますが、これらはタグではなくプレーンリストのスタイルをとっています。しかし、それは文体の違いです(Your Selectionボックスを参照してください):

A screenshot of the food network site, where a box with current filters and an option to remove each is given

1Russell-Rose、T.、2013。Designing the Search Experience。モーガンカウフマン、アムステルダム。

2
Izhaki

フラットなデザインが流行する前、グラデーション、ドロップシャドウ、反射の全盛期には、角の丸い四角形の内側にラップされたタグは、特定の円で菱形と呼ばれることがよくありました。この用語は、ボタンとクリック可能なタグのリストを区別する方法でした。とはいえ、ここ数年で言及された用語は聞いていません。

2
JRez

ボタン?特別な用語はありません。最初の例はタグです。 2つ目はフィルターです。ボタン/ボックスとしてスタイル設定されているだけです。

更新:ジョーは、これらが何と呼ばれるかは私たちが話していることに依存することを私に認識させます。

  • コンテンツにメタデータを提供する個々の単語またはフレーズ:タグ
  • 検索データセットを減らすために使用される用語:フィルター
  • アイテムを削除する「x」:削除しますか?
  • 対話できるビジュアルボックス:ボタン?

あなたの画像は(機能的に)タグとフィルターの例であり、削除アイコンで簡単に消すことができ、(スタイルとして)ボタンとして表示される :)

1
DA01

それらについて特に確立された用語があるかどうかはわかりませんが、一般的にはピルと呼ばれる用語を聞いたことがあります。

pill UIパターンの最も一般的な用途はrepresentタグであるという事実から、命名の混乱が生じます。人々がパターンを説明するために一般的な用法を使用することにドリフトする理由を見つけるのは簡単です。 Pillstagsに非常によく機能しますが、他の場合には非常によく機能しますものも-電子メール、IPアドレスなど...

したがって、「ピル」または「ピル入力」は、タグ付け機能を提供するためによく使用されるuiパターンですが、他の目的にも使用できます。

1
Adrian Long