Neue Header-Dropdown- / Benachrichtigungsmenü-Stile

Es fühlt sich viel besser an, wenn mehrere Benachrichtigungen hervorgehoben sind.

2 „Gefällt mir“

Ja, ich denke, es gefällt mir zusammen mit Kris’ Vorschlag zum Avatar-Gleichgewicht.

EDIT: Der Konsistenz halber habe ich den gleichen Abstand wie in der Seitenleiste verwendet.

3 „Gefällt mir“

Stilistisch: Persönlich bevorzuge ich den ursprünglichen kastenförmigen Stil gegenüber dem Stil mit abgerundeten Kanten, hauptsächlich aufgrund persönlicher Vorlieben und der Konsistenz mit der Art und Weise, wie die anderen UI-Popup-Boxen angezeigt wurden (z. B. Verfassen). Das ist aber hauptsächlich eine ästhetische Präferenz.

Funktional: Wichtiger ist jedoch, dass in einer Situation ohne Hervorhebungen / alle gelesenen Benachrichtigungen, die rechten Schaltflächensymbole meiner Meinung nach nicht ausreichend von der linken Benachrichtigungsspalte unterschieden werden. Besonders in einer Situation ohne hervorgehobene Benachrichtigungen ist es für die Symbole leicht, sich zu sehr mit den Informationen auf der linken Seite verbunden zu fühlen, was einem neuen Benutzer den Eindruck vermittelt, dass das rechte Symbol mit der linken Benachrichtigung zusammenhängt. Dies ist auf eine Kombination aus drei Änderungen zurückzuführen, die alle diese Hinweise entfernen: 1) Die Schaltflächensymbole sind jetzt alle gleich groß / werden in den gleichen Zeilen angezeigt (zumindest in der ursprünglichen Version, nicht im aktuellen Screenshot), 2) es gibt keine unterschiedliche Hintergrundfarbe mehr für die Spalte, 3) es gibt keine vertikale Linie mehr, die sie trennt. Da #1 bereits behoben zu sein scheint, ist das vielleicht genug, aber ich bin mir etwas unsicher.

Aber noch schwieriger ist, dass dies auch verwirrender für den Kontozugriff sein wird und dem Benutzer signalisiert, dass die Kontoeinstellungen auch über dieses Menü erfolgen, da das Verhalten der unteren Kontoschaltfläche völlig andere Dinge anzeigt als die restlichen Benachrichtigungsschaltflächen. (Allgemeiner gesagt ist es super seltsam, Kontozugriff und Benachrichtigung im selben Header-Dropdown zu haben, anstatt zwei separate. Dies kann jedoch ein fairer Kompromiss sein, angesichts der Platzersparnis / Einschränkungen auf mobilen Geräten).

TLDR meines Beitrags: Ich empfehle, dass das Kontosymbol eine besondere Unterscheidung hat, damit die Leute es finden.

3 „Gefällt mir“

Das erinnert mich daran: Obwohl das wahrscheinlich den Rahmen dieses Experiments sprengt, denke ich, dass es die Discourse UX verbessern würde, wenn Benachrichtigungen in ein eigenes Menü verschoben würden (das dann vier horizontale Registerkarten/Abschnitte für Likes, Antworten, Erwähnungen und Badges haben könnte).

Ich denke, das ist auch ein ziemlich gängiges Muster (z. B. auf Youtube, Reddit, Twitter/Bluesky usw., aber auch in anderer Forensoftware wie XenForo).

4 „Gefällt mir“

Ich stimme Ihnen vollkommen zu. Sie haben jedoch Recht, dass dies nicht in den Rahmen dieser Änderung fällt. Die Aufteilung des Benutzermenüs vom Benachrichtigungsmenü wäre eine großartige Änderung, die wir uns ansehen sollten.

3 „Gefällt mir“

Ja, ich habe es heute Nachmittag auf dem Handy versucht und der Tippbereich fühlt sich ziemlich klein an, besonders für die Tabs ganz rechts.

4 „Gefällt mir“

Das ist, was Facebook macht…

Für mich gibt es mehrere Aspekte, die dies ein wenig problematisch machen: (was sich mit früheren Problemen, die wir hatten, überschneidet)

  1. Avatare sind zu klein
  2. Ein Meer aus Blau, wenn ungelesene Nachrichten vorhanden sind – was jetzt noch schlimmer ist, da die winzige weiße Linie zwischen den Benachrichtigungen zu viel Aufmerksamkeit erregt.
  3. Winzige Hervorhebung auf der rechten Seite, die schwer anzuklicken ist

Ich frage mich, ob ein Weg hier darin besteht, die blaue Hervorhebung zu verwerfen und den „blauen Punkt“ (den wir bereits in der Seitenleiste verwenden) für neue Benachrichtigungen zu verwenden.

Dann können wir den Avatar etwas größer machen und das Klickziel und die Hervorhebung auf der rechten Seite wiederherstellen.

Ich sage nicht, dass wir hier den vollen Facebook-Weg mit riesigen Avataren gehen, aber es könnte einen Mittelweg geben, und die Aufgabe des „Meeres aus Blau“ scheint hier potenziell ein entscheidender Faktor zu sein.

4 „Gefällt mir“

Für mich ist diese Änderung gut, aber die Schriftgröße ist zu klein. Im Benachrichtigungsmenü ist sie ca. 13px und die Schriftgröße des Haupttextes beträgt 16px. Hier können Sie sie nah beieinander sehen:

Das macht die Elemente für mich, eine Person mit bereits schlechter Sehkraft :nerd_face:, viel schwerer lesbar. Es wäre schön, wenn die Schriftgrößen gleich wären.

9 „Gefällt mir“

Ich bin mir nicht sicher, was ich von der gro
unterschiedlichen L

ke unter den Symbolen rechts halten soll… Ich finde, sie ist

berm

ig gro
.

3 „Gefällt mir“

Ja, das habe ich nach einer Weile auch empfunden. Es ist jetzt wieder auf 16px. Ich versuche, viele der Abstände und Größen in der Seitenleiste nachzuahmen. Zusammen mit aktiven und Hover-Zuständen.

Ich habe diese wieder auf ihre ursprüngliche Größe zurückgesetzt.

Ich denke, das ist generell eine gute Idee. Es würde uns den Zuständen der Seitenleiste noch näher bringen. Ich kann das mal versuchen.

Können Sie näher erläutern, wie uns die Bewegung hin zu einem blauen Punkt hilft, den Avatar größer zu machen?

Auch diese wurde erhöht.

@sam

Was denkst du darüber? Dies war eine sehr einfache Änderung, die ohne Vorlagen-/Kernbearbeitungen außer CSS möglich war.

Hier ist es mit der Navigation oben

2 „Gefällt mir“

Diese Folgeentwürfe sehen cool aus!

Wenn wir die Navigation oben verwenden, könnten wir sie dann so gestalten, wie wir es bei unseren bestehenden Designs in horizontal-overflow-nav anderswo im Kern tun?

1 „Gefällt mir“

Das sieht dem Menü, das wir vor dem letzten Update hatten, sehr ähnlich.

Verursachen diese nicht bereits Verwirrung bei den Nutzern auf Mobilgeräten? (Zum Beispiel, wenn Leute den Admin-Button auf Benutzerprofilen nicht finden). Wenn das letzte Symbol so versteckt wäre, wäre es sehr schwierig, zum Beispiel den Logout-Button zu finden.

4 „Gefällt mir“

Ja, da haben Sie Recht. Ich denke, wir sollten es mit der Navigation auf der rechten Seite beibehalten, um die Überlaufverwirrung zu vermeiden.

Ich meinte eigentlich nur, das Design stilistisch zu imitieren. Ich denke, das könnten wir auch tun, während es tatsächlich auf der rechten Seite ist. Nur damit wir eine klarere Trennung zwischen den Filtern und dem Benachrichtigungsbereich haben.

Ich dachte an so etwas:

5 „Gefällt mir“

Nur so eine Idee, wir könnten die Lesebestätigungen ausblenden:

Ein Präzedenzfall, den wir bereits auf der Themenliste haben

5 „Gefällt mir“

Kreisposition

Ich bevorzuge (persönlich) Benachrichtigungskreise rechts. Ich denke, es lohnt sich, zuerst Kreise links auszuprobieren, um zu sehen, wie die Leute darauf reagieren. Vielleicht ist es natürlich und es gefällt uns allen.

Nav oben vs. Seite

Ich bevorzuge Navigationsleisten an der Seite bei weitem. Sie sind viel einfacher zu benutzen und anzuklicken. Außerdem gibt es große Platzbeschränkungen.

Nav-Hervorhebung

Bei der Navigation ziehe ich es vor, die „große blaue Hervorhebungsbox“ beizubehalten, anstatt sie wie jetzt zu verkleinern. Bei den winzigen Navigationsboxen spielt bei mir eine seltsame Psychologie eine Rolle. Es fühlt sich wirklich schwer anzuklicken an, obwohl sich keine Mechanik geändert hat.

Mein Gehirn sagt seltsamerweise: „Ich muss auf die winzige, winzige Box klicken, um die Navigation zu ändern.“


Mein Gedanke ist, dass mehr Platz für größere Avatare vorhanden ist, wenn die Dinge visuell weniger überladen sind. Dennoch denke ich, dass die aktuelle Größe in Ordnung ist.

Wie auch immer, Sie können dieses Feedback vorerst streichen.

5 „Gefällt mir“

Ich denke immer noch, dass wir einen Weg finden müssen, um die hervorgehobenen Elemente von Rand zu Rand zu bringen, damit sie unseren anderen Menüs entsprechen. Das machen wir jetzt fast überall … Ich denke, die einzige verbleibende große Ausnahme ist die Seitenleiste.

3 „Gefällt mir“

Ich denke zwar, dass Konsistenz wichtig ist, aber das Problem, das ich habe, ist, dass es sich anfühlt wie ein blaues Meer ohne Abgrenzung zwischen den Elementen, wenn es viele ungelesene Elemente gibt.

Bei unseren Menüs zeigen wir nicht viele Elemente mit aktiver Hervorhebung an. Normalerweise… ich glaube, es ist nur eines oder sogar keines.

Vielleicht spielt das keine Rolle mehr, wenn wir uns für die unregelmäßigen blauen Punkte entscheiden.

3 „Gefällt mir“

Ich mag die Idee, die du hier vorgestellt hast, Keegan. Danke für das Teilen@!

2 „Gefällt mir“

Das neueste Update ist live hier auf Meta.

1 „Gefällt mir“