Dropdown-Menü im Dashboard

Ich reagiere auf die Nachricht von @pierre-gilles zur Verbesserung der Benutzerfreundlichkeit.

Sorgen Sie dafür, dass sich das Dropdown-Menü der Dashboards schließt, wenn man daneben klickt.

Bearbeitung: Es ist dasselbe, wenn Sie auf Ihren Namen klicken, um zu den Einstellungen zu gelangen. Das Menü schließt sich nicht, wenn Sie daneben klicken.

Ich stimme zu, denn es geht hier nur um ein kleines Stück Code… Aber ich frage mich (und ich glaube, ich habe das hier schon einmal erwähnt), ob man vielleicht über eine andere Darstellung der Liste der Dashboards nachdenken könnte.

Denn zum Beispiel bei mir zwingt mich das, viele Klicks zu machen:

Ich habe genauso viele Dashboards wie du.
Ich erinnere mich, dass du schon mal davon gesprochen hast.

Soweit ich mich erinnere, ist Pierre-Gilles nicht begeistert von der Registerkartenansicht wie z. B. in Chrome.

Ich denke, dass auf einem PC-Bildschirm eine seitliche Leiste einen signifikanten Vorteil bieten könnte und auf dem Smartphone eine Dropdown-Menü.

Ich würde den Seitenflügel auf PC / Tablette :ok_hand: unterstützen, ich denke, das wäre wirklich ein Plus.

Das Seitenpanel gefällt mir auch gut…
Für die Smartphone-Navigation habe ich kürzlich ein Wischen vorgeschlagen:

Gute Idee für den seitlichen Bereich auf großen Bildschirmen

Auch auf Smartphones ist ein seitlicher Swipe eine gute Idee, aber es ist ein komplexeres Unterfangen, als es scheint. Denn wenn man derzeit auf einen Button klickt, um das Dashboard zu wechseln, wird das ausgewählte Dashboard tatsächlich komplett neu geladen.

Ein flüssiger seitlicher Swipe verändert das Paradigma komplett. Es gibt entweder:

  • Ein « Skelett » anzeigen, wenn man swiped, und das Dashboard auf Anfrage laden (daher mit einem nicht besonders flüssigen Effekt, da das Dashboard nicht sofort verfügbar ist)
  • Alle Dashboards beim anfänglichen Anzeigen des ersten Dashboards laden (aber möglicherweise zu schwer in Bezug auf die Leistung)
  • Den Swipe antizipieren und die Dashboards « um » das aktuelle Dashboard laden (eine Art Mittelweg)

Kurz gesagt, es ist etwas Forschung für denjenigen, der das entwickelt. Meiner Meinung nach ist es weit davon entfernt, ein Quick Win zu sein :slight_smile:

Und die Entwicklung in zwei Phasen: erst einfach am PC, dann fortgeschrittener auf kleinen Bildschirmen, ist das machbar?
Den Quick-Win behalten wir bei, ohne die folgende Entwicklung zu vergessen.

Alles ist spielbar! Auch wenn du dich um das PR kümmerst, spare ich Zeit damit;)

Hallo !

Falls ich mir die Freiheit nehmen darf, sollte man eher eine hybride Lösung zwischen der ersten und der dritten Lösung in Betracht ziehen →

Die dritte Lösung ist in Bezug auf Leistung und Benutzererfahrung die beste, aber ein etwas überhitzter Benutzer, der zwischen seinen Dashboards mit hoher Geschwindigkeit scrollt, könnte dieses Verhalten schnell überlasten, indem er viele Anfragen auf einmal generiert.

Man sollte daher auch ein Skelett während des Ladens anzeigen können, um dieses Verhalten zu verhindern und dem Backend Zeit zu geben, ruhig zu antworten, während man dem Benutzer indirekt mitteilt, dass er etwas zu schnell war und etwas Geduld haben muss. :slightly_smiling_face:

Mein kleiner Beitrag, wäre das hier: https://codepen.io/jmyrland/pen/VwYdjX

Machbar?
Also grob:

  • Bei PC/Tablet wird die Seitenleiste angezeigt
  • Bei Smartphone swipen, um das Menü anzuzeigen

Der Vorteil ist, dass man dasselbe System auf allen Plattformen nutzt, oder? Man muss nicht zwei verschiedene Dinge entwickeln.

Falls ich auf dem Holzweg bin, sagt mir Bescheid ^^

Das ist machbar, aber ich sehe nicht unbedingt den Vorteil gegenüber der aktuellen Lösung, wir haben dieselbe Anzahl von Klicks!

Der Unterschied besteht eher darin, dass ich auf dem Handy, wenn ich unten auf einem Dashboard bin, Folgendes tun muss:

  • nach oben scrollen
  • einen großen Abstand zwischen den Fingern machen, um auf das Dropdown zu klicken (oder meine andere Hand verwenden)

Mit einem Seitenmenü kann man darauf zugreifen, ohne die Position auf der Seite zu ändern, kein Scrollen oder großer Abstand ^^ (ich bin für die Verhütung von Verletzungen haha :wink: )

Wenn man sich anschaut, was Tabler (unser Theme) vorschlägt, gibt es interessante Layouts in ihrer letzten Version:

Das Gleiche passiert, wenn Sie auf Ihren Namen klicken, um zu den Einstellungen zu gelangen. Das Menü schließt sich nicht, wenn Sie daneben klicken.

Das ist in meinem UX-Pass korrigiert:

Gemerged auf master, das wird in der nächsten Version von Gladys veröffentlicht.

Ich schließe dieses Thema, um die Stimmen freizugeben.