it-swarm-eu.dev

Vorschläge für ein Menümodell mit "Benutzeroptionen"

Ich habe derzeit das folgende Modell für ein Menü einer Webanwendung.

mockup

Ich mag die linke Seite mit den Hauptmenüs und ihren Unterflugmenüs. Was ich nicht sicher bin, ist die rechte Seite. Ich möchte den Namen des Benutzers, die Abmeldeschaltfläche sowie ein Dropdown-Menü für Optionen anzeigen, die der Benutzer ausführen kann: Wechseln Sie sein Profil und bearbeiten Sie sein Konto. Ein Profil ändert lediglich den Kontext der Anwendung (anderer Zeitplan usw.).

Ich würde mich über einige Kommentare/Vorschläge freuen, wie dies am besten dargestellt werden kann. Ich mag die 32x32-Symbole, sie sind schön groß (nicht zu groß oder nicht zu klein). Der einzige Nachteil ist der weiße Raum, mit dem ich auf der rechten Seite zu kontern versuche. Aber ich denke, vielleicht ist das Dropdown-Menü "Optionen" nicht ideal.

4
TheCloudlessSky

Ich stimme @jameswanless zu: Ich sehe auch keinen Nachteil des Leerraums. Es ist eine ziemlich gute Balance.

Die Hauptsache mit dem richtigen Menü ist, dass ich nicht ohne weiteres sagen kann, wem es gehört: Optionen oder Abmelden. Siehe dieses modifizierte Modell:

alt text

Hauptänderungen:

  • Es ist jetzt klarer, dass dies das Menü Optionen ist

  • Ich habe mich für ein etwas größeres Dreieck entschieden, obwohl es wahrscheinlich ein oder zwei Pixel verkleinern muss. Es ist auch ein flaches Dreieck. Was Sie hatten, ist zu klein, um etwas anderes als ein flaches Dreieck zu sein

  • Verschob das Dreieck nach rechts; das ist eine weitaus häufigere Verwendung

  • Ich würde einen Farbverlauf hinzufügen, wie Sie ihn für das linke Menü haben

Insgesamt haben Sie meiner Meinung nach ein schönes, sauberes Design.

4
Hisham

Warum ist das Leerzeichen Ihrer Meinung nach ein Nachteil? Im Moment ist der Abstand meiner Meinung nach ziemlich gut ausbalanciert.

Was am obigen Modell etwas verwirrend ist, ist die Bedeutung der Symbole. Ich denke, die Profillinks und Dropdown-Listen sind ziemlich klar, aber was die Symbole betrifft:

  • home und caledar sind beide ziemlich offensichtlich
  • das Symbol, das eine Person darstellt, ist unklar und kann entweder als über andere Benutzer oder als Profil interpretiert werden. Da das Profil auf der rechten Seite klar gegliedert ist, ist dies möglicherweise in Ordnung
  • balkendiagramm - Ich bin in diesem Fall verloren, aber mehr Kontext über die Anwendung könnte hilfreich sein
  • notizblock - Zeigt dies Blog/Journal an und wenn nicht, was?
  • zahnrad - dies würde normalerweise Einstellungen vorschlagen, aber wenn ja, wie unterscheidet sich dies von den Benutzerprofileinstellungen (wenn ich richtig bin, müssen Sie möglicherweise Site-Einstellungen und Benutzereinstellungen mischen oder sie deutlicher machen

Es ist schwierig, ein gutes Feedback zu geben, ohne zu wissen, um welche Art von Anwendung es sich hier handelt.

0
jameswanless