Twitter Bootstrapが「バッジ」と呼んでいますが、このUIパターンの説明は広くありますか？

Question

これは私が参照しているものです：http://twitter.github.com/bootstrap/components.html#badges

「バッジ」は一般に合意された用語ですか？ Facebookや数え切れないほどの他のサイトでは、この機能を使用して、メッセージ、リクエスト、および通知を介してユーザーを即座に更新します。 UIパターンがとても一般的になってきています。私は、「ダイアログ」や「モーダル」のように、権威あるものを見つけることを期待していました。しかし、私が見つけたのは、バッジ、通知、通知者、メッセージ、宝石、アップデートアイコン、バブル、カウンター、カウント...などです。

私はヘアを分割しようとしていることを完全に認めていますが、最初にGoogleでこのパターンが呼び出されたことを知るためにクイック検索を行うつもりで、次のいずれかの結論に至りました。この非常に共通のUIパターンを記述する方法についてコンセンサスはありません。またはb）私は間違った前提と誤った用語で間違った場所を探しています（私はそれがAだと思っていますが、私はそれがBである可能性が高いことを認めても十分です）。

StackOverflowの「バッジ」タグの説明は、「バッジは、ユーザーにとって重要な要素を簡潔に示したものです。たとえば、電子メールアプリケーションの未読メールの数をアプリのアイコンのバッジとして表示できます。

ああ、私は「バッジ」という言葉がここでも遠隔的に適切であると確信していません。

ないに言及し、私のチームは、私たちが「バッジ」（ない「アナグマ」、非常に重要な違い）を呼び出すことにしましたことを完全に無関係である機能に取り組んでいるので、私は、ブートストラップの.badgesコンポーネントを見たとき、私は開始しました私たちが間違って「既知の」概念を適用しているのか疑問に思っています。

それでは、小さな通知更新アイコンの名前は何ですか？

編集：私はセマンティックコーディングの精神でこれを求めていることを明確にしたいと思います。私はパターンのデザインやユーザビリティの面を本当に気にしていません。私は自分のコードでできるだけセマンティックになることに専念しています。無数のオープンソースプロジェクトからひどく書かれたマークアップを混乱させた後、私はセマンティックコーディングの価値を十分に理解するようになりました。クラスを効果的に記述する方法を理解することは、単なる「UX」や語彙のことだけではありません。それはクリーンなコード、DRYコード、可能な限り正確に内容を記述する組織化されたセマンティックコードなどです。

Answer 1

「バッジ」という用語は、通常、アイコンに追加される小さなインジケータを指し、アイコンが参照するものの現在のステータスを示します。たとえば、電子メールのアイコンの中に、未読メールの数を示す色の付いた四角形の小さな数字がある場合、それは「バッジ」です。 「バッジ」は、バッジが誰かのシャツに置かれているのと同じ方法でアイコンに表示されます。

Twitterは「バッジ」という用語を単独で使用し、別のアイコンに適用されていない表示を参照するためにこの概念を拡張しているようです。個人的には、バッジのようなものではなく、単にインジケータに似ているので、私はそれが気に入らない。