0

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

「バッジ」は一般的に合意されている用語ですか? Facebook やその他の無数のサイトがこの機能を使用して、メッセージ、リクエスト、通知を介してユーザーを即座に更新します。UI パターンは非常に一般的になりつつあり、「ダイアログ」や「モーダル」のように、信頼できるものを見つけることを完全に期待していました。しかし、バッジ、通知、通知、メッセージ、ジュエル、更新アイコン、バブル、カウンター、カウントなど、いたるところにあることがわかりました。

私は髪を分けようとしていることを完全に認めますが、最初はこのパターンが何と呼ばれているかを知るために Google で簡単な検索を行うつもりでしたが、今では次のいずれかの結論に達しました:この非常に一般的な UI パターンを説明する方法。または b) 悪い仮定と間違った用語で間違った場所を検索しています (A であることを願っていますが、B である可能性が高いことを認めるのに十分な人間です)。

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

悲しいかな、「バッジ」という言葉がここで少しでも適切であるとはまだ確信が持てません。この画像は私が考えたときに私が見るものです

言うまでもなく、私のチームはまったく関係のない機能に取り組んでおり、これを「バッジ」と呼ぶことにしました (「アナグマ」ではなく、非常に重要な区別です) .badges。 「既知」の概念。

では、その小さな通知更新アイコンは何と呼ばれているのでしょうか?

編集:いくつかの返信を見た後、セマンティックコーディングの精神でこれを求めていることを明確にしたいと思います。私は、パターンのデザインや使いやすさの側面についてはあまり「気に」しません。自分のコードを可能な限りセマンティックなものにすることに専念し続けることに関心があります。数え切れないほどのオープン ソース プロジェクトのひどく書かれたマークアップをごちゃ混ぜにした結果、セマンティック コーディングの価値を完全に理解するようになりました。クラスを効果的に記述する方法を理解することは、単なる「UX」や語彙以上のものです。それは、クリーンなコード、DRY コード、可能な限り正確にコンテンツを記述する体系化されたセマンティック コードなどに関するものです。

4

1 に答える 1

2

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

Twitter が「バッジ」という用語を使用して、それ自体が独立しており、別のアイコンには適用されない表示を指すのは、この概念の延長のようです。個人的には、バッジのようなものではなく、単なるインジケーターのようなものなので、好きではありません。

于 2012-04-12T01:28:01.387 に答える