Derzeit fungiert der Avatar in der oberen rechten Ecke als einheitlicher Behälter für verschiedene, sehr unterschiedliche Elemente. Es handelt sich um verschiedene Arten von Benachrichtigungen (Antworten, Beitragsbenachrichtigungen, Likes, DMs, Abzeichen), aber auch um Lesezeichen und Kontooptionen. Zuerst dachte ich „Oh, clever“, aber je länger ich es benutze, desto mehr stört es mich. Beginnen wir mit einigen konkreten Problemen, auf die ich stoße:
Problem 1: Benachrichtigung oder Konto-Fehler?
„Zahl in einem Kreis, der ein Symbol überlappt“ bedeutet für mich „dieses Ding hat eine Nachricht für mich“. Das Gmail-Symbol mit einer 5 sind 5 E-Mails, das Discord-Symbol mit einer 999+ sind Pings von Leuten, die mir egal sind – das verstehe ich.
Aber was ist „mein Gesicht mit einem Kreis“? Intuitiv – es ist etwas über mich. Ich denke immer, es ist ein Konto-Problem – „Ihr kostenloser Testzeitraum ist abgelaufen“, „Bitte verifizieren Sie Ihre E-Mail-Adresse“, etwas in dieser Richtung. Wenn der Kreis keine Zahl enthielte, würde ich auch einen Aktivitätsindikator „Benutzer ist online“ wählen. Aber niemals „Oh, das ist nur eine Benachrichtigung für eine Antwort auf meinen Beitrag“.
Problem 2: „Wie melde ich mich ab?“
Das ist eine Frage, die ich dieses Jahr dreimal in meinem Forum gesehen habe. Ich stelle mir die Schritte des Benutzers wie folgt vor:
- Ich bin heute mit dem Forum fertig. Zeit zum Abmelden.
- Klicke auf den Avatar, den Ort, an dem ich von ~jeder anderen Website den Abmelde-Button kenne.
- Erhalte stattdessen meine Benachrichtigungen, ohne dass ein Abmelde-Button sichtbar ist.
- (Werde verwirrt und poste im Forum, wie es funktioniert)
Das eigentliche Problem hier ist, dass die kombinierte Benachrichtigungs- und Konto-Dropdown-Liste monströs kompliziert ist. Hier auf Meta, wo ich im Grunde ein Erstbenutzer bin, sehe ich 20 Elemente darin – 10 Benachrichtigungen, 8 Tabs, 2 Aktionen. Es ist völlig überwältigend, und wenn man es betrachtet und versucht herauszufinden, dass der Abmelde-Button versteckt ist (Konto-Symbol, nachdem man auf sein Konto-Symbol geklickt hat), erfordert das einiges an Denkvermögen.
Ein Vorschlag
Meine Idee wäre, die Dinge einfach zu halten:
- Einen Konto-Button haben, der nur die Konto-Sachen enthält (den Avatar).
- Einen Benachrichtigungs-Button haben, der nur Benachrichtigungs-bezogene Dinge enthält (aktivierte Beitragsaktivität, Antworten, Erwähnungen, Likes, Abzeichen).
- Einen Chat-Button haben, der nur Chat-Benachrichtigungen enthält.
- Lesezeichen als Teil der Seitenleiste behandeln, wo es bereits eine Funktion zum Hinzufügen von Quasi-Lesezeichen (benutzerdefinierter Abschnitt) gibt.
- (Das Suchsymbol in eine Suchleiste umwandeln, damit die Ansammlung von Symbolen rechts reduziert wird – und damit die Leute öfter suchen, bevor sie posten)
Oder um es zu visualisieren, seht her, meine erstaunlichen Figma-Skills! Rote Kreise neben Symbolen oder anderen UI-Elementen („Chat“-Widget, „Beitrag mit Erinnerung“ in der Seitenleiste) wären entweder die Benachrichtigungsanzahlen oder im Falle von Lesezeichen könnten es auch eine Art „in 1 Tag geplant“ / „seit Donnerstag überfällig“ sein. Ein großer roter Kreis, der in der blauen Leere sitzt, ist Teil Ihres Hintergrunds ![]()
Nebenbemerkung: Was ist der Unterschied zwischen einer „persönlichen Nachricht“ (Messages) und einem „persönlichen Chat“ (DMs)?
Meiner Meinung nach sind sie topologisch identisch, wobei der Hauptunterschied darin besteht, dass die Bedienung des einen etwas umständlicher ist als die des anderen. Nachrichten haben in meinem Entwurf noch keinen guten Platz gefunden (und, zur Referenz – auch auf Reddit haben sie keinen), und ich wäre versucht, die beiden Systeme zusammenzuführen oder vielleicht das eine „Legacy DMs“ und das andere „Chat / neue DMs“ oder so zu nennen.


