Twitter Bootstrap nennt sie "Badges", gibt es eine weitere allgemeingültige Beschreibung für dieses UI-Muster?

Question

Dies ist, was ich bin auf: http://twitter.github.com/bootstrap/components.html#badges

Ist „Abzeichen“ die häufig auf Laufzeit vereinbart? Facebook und unzählige andere Websites nutzen diese Funktion, um Benutzer über Nachrichten, Anfragen und Benachrichtigungen sofort zu aktualisieren. Das UI-Muster wird so allgemein, dass ich erwartet habe, etwas Autoritatives zu finden, wie es bei "Dialog" oder "Modal" der Fall wäre. Aber was ich gefunden habe, war überall: Abzeichen, Benachrichtigung, Benachrichtigung, Nachrichten, Juwel, Update-Symbol, Blase, Zähler, Graf ... Aber was ist am semantischsten und genauesten?

Ich stimme voll und ganz zu, dass ich versuche, Haare zu spalten, aber nachdem ich zunächst eine schnelle Suche bei Google durchführen wollte, um herauszufinden, wie dieses Muster genannt wurde, bin ich nun zu dem Schluss gekommen, dass entweder: a) da ist kein Konsens darüber, wie dieses sehr häufige UI-Muster beschrieben werden soll. oder b) Ich suche an den falschen Stellen mit schlechten Annahmen und falscher Terminologie (ich hoffe, es ist A, aber ich bin Mann genug, um zuzugeben, dass es eher B ist).

Die Beschreibung des "Badge" -Tags von StackOverflow lautet "Ein Badge ist eine präzise visuelle Anzeige von etwas Wichtigem für den Benutzer. Zum Beispiel kann die Anzahl der ungelesenen E-Mails in einer E-Mail-App als Badge auf dem Symbol der App angezeigt werden."

Leider bin ich immer noch nicht davon überzeugt, dass das Wort "Badge" hier auch nur entfernt angebracht ist.

Nicht zu vergessen, mein Team auf ein Feature arbeitet, die völlig unabhängig ist, dass wir „Abzeichen“ zu nennen (nicht „Dachse“, sehr wichtige Unterscheidung) entschieden haben, so dass, wenn ich .badges Komponente Bootstrap sah begann ich Ich frage mich, ob wir ein "bekanntes" Konzept falsch anwenden.

Also, was ist das kleine Benachrichtigung Update-Symbol Thingy genannt?

Edit: nachdem ich ein paar Antworten gesehen habe, möchte ich klarstellen, dass ich dies im Geiste der semantischen Codierung frage. Ich interessiere mich nicht wirklich für den Design- oder Usability-Aspekt des Musters, ich bin mehr daran interessiert, mit meinem Code so semantisch wie möglich zu bleiben. Nachdem ich furchtbar geschriebene Markups aus unzähligen Open-Source-Projekten durchwurst habe, habe ich den Wert der semantischen Codierung vollständig verstanden. Zu verstehen, wie Klassen effektiv beschrieben werden können, ist mehr als nur ein "UX" oder Vokabular. Es geht um sauberen Code, DRY-Code, organisierten semantischen Code, der den Inhalt so genau wie möglich beschreibt, und so weiter.

Answer 1

Der Begriff "Badge" bezieht sich normalerweise auf einen kleinen Indikator, der zu einem Symbol hinzugefügt wird, um den aktuellen Status des Objekts anzuzeigen, auf das das Symbol verweist. Wenn beispielsweise ein E-Mail-Symbol eine kleine Zahl in einem farbigen Rechteck enthält, die die Anzahl der ungelesenen E-Mails angibt, handelt es sich um ein "Badge". Das "Abzeichen" wird auf dem Symbol platziert, genauso wie ein Abzeichen auf jemandes T-Shirt platziert wird.

Twitter verwendet den Begriff "Badge", um auf eine Angabe zu verweisen, die eigenständig ist und nicht auf ein anderes Symbol angewendet wird, scheint eine Erweiterung dieses Konzepts zu sein. Persönlich mag ich es nicht, weil es weniger wie ein Abzeichen ist und eher wie ein Indikator.