Getrennte Benachrichtigungen und Kontooptionen

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:

  1. Ich bin heute mit dem Forum fertig. Zeit zum Abmelden.
  2. Klicke auf den Avatar, den Ort, an dem ich von ~jeder anderen Website den Abmelde-Button kenne.
  3. Erhalte stattdessen meine Benachrichtigungen, ohne dass ein Abmelde-Button sichtbar ist.
  4. (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 :stuck_out_tongue:

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.

7 „Gefällt mir“

Ich stimme Ihnen größtenteils zu! :slight_smile:

Es erinnert mich an das Discourse Central Theme (noch nicht veröffentlicht), das die Benachrichtigungen und das Konto trennt, und es fühlt sich natürlicher an. Ich mag es irgendwie:

(Nebenbei bemerkt, wenn Sie wissen, was Sie tun, werden die Änderungen in diesem Theme hier erklärt und könnten in einer Theme-Komponente für ein anderes Theme verwendet werden.)

Es gibt auch diese praktische Komponente, die erwähnenswert ist, um ein Logout-Symbol am unteren Rand des Menüs hinzuzufügen:

Was die Suche betrifft, könnte Sie diese Komponente interessieren:

5 „Gefällt mir“

Ja, das ist eine gute Entscheidung für dieses Theme und meiner Meinung nach lohnt es sich, es auch für viele andere Themes einzuführen.

4 „Gefällt mir“

Dem stimme ich auch zu und hoffe, dass das Setup im zentralen Thema zum Standard wird. Ich habe auch vor einiger Zeit darüber gepostet, aber wenn Sie es selbst implementieren, bitten Sie um viel Wartung angesichts des Tempos der Änderungen in Bezug auf die Navigation.

3 „Gefällt mir“

Der Header wird derzeit aktualisiert, um Ember-Komponenten anstelle unseres benutzerdefinierten Widget-Systems zu verwenden, sodass es bald viel einfacher sein wird, Dinge zu verschieben!

4 „Gefällt mir“

Die Trennung der verschiedenen Aspekte des persönlichen Menüs scheint in der Tat eine gute Idee zu sein.
Und ich denke, die Änderungen am zentralen Thema, die @Arkshine hervorgehoben hat, gehen in die richtige Richtung.
Es gibt drei Dinge, die ich hinzufügen würde:

  1. Ich denke, persönliche Nachrichten sollten ebenfalls einen eigenen Bereich bekommen (nun, grundsätzlich glaube ich, dass Chat und persönliche Nachrichten zu einer Sache zusammengeführt werden sollten, aber das ist eine andere Geschichte)
  2. Zumindest für mich bekomme ich auch im zentralen Thema Lesezeichen im Benachrichtigungsmenü (Screenshot unten), und ich finde, sie gehören entweder nur zum Benutzermenü (wie vom OP vorgeschlagen) oder zur Seitenleiste (wenn das Benutzermenü zu einer reinen „Profil/Einstellungen“-Sache werden soll).
  3. Wo wir gerade dabei sind: Da „Antworten“, „Likes“, „Abzeichen“ usw. effektiv Filter für die gesamte Benachrichtigungsliste sind, sollten sie meiner Meinung nach an den Anfang des Benachrichtigungsbereichs (oder vielleicht ganz verworfen) verschoben werden.

1 „Gefällt mir“