it-swarm-eu.dev

Warum gibt es im Web eine Konvention für Dropdown-Menüs beim Schweben statt beim Klicken?

Das habe ich mich immer gefragt. Auf allen gängigen Betriebssystemen werden Anwendungsmenüs (Datei/Bearbeiten/Anzeigen usw.) nur beim Klicken angezeigt. Fast jede Website, die ein Dropdown-Menü verwendet, instanziiert es jedoch beim Hover und nicht beim Klicken.

Wie und warum kam diese Konvention zustande?

19
DisgruntledGoat

Ich habe keine Ahnung, wie diese Frage tatsächlich richtig beantwortet wird, aber lassen Sie mich spekulieren: Ich denke, das liegt daran, dass das Web Hyperlinks enthält. Das Klicken auf etwas auf einer Website ist mit dem Besuch einer anderen Seite verbunden. Wenn Sie also ein Dropdown-Menü erstellen, das beim Klicken aktiviert wird, ist die Erwartung, was es bei Aktivierung tun kann, ungewiss: Wird es mich zu a weiterleiten neue Seite oder öffnet sich ein Menü? Wenn Sie diese Logik fortsetzen, ist das Erstellen von Hover-Menüs sehr sinnvoll, da Sie einem Benutzer vor dem Klicken ein Feedback geben können, das angibt, dass er ein Menü aktiviert hat.

Es kann auch das berühmte Internet berücksichtigen Aufmerksamkeitsdefizit-Problem, von dem alle Zahlen stammen, die Personen zeigen, die nur einige Sekunden auf Ihrer Seite herumhängen. Ich weiß, dass das Konzept "Benutzer klicken nicht" ein Mythos ist, aber viele Leute nicht, und es kann dazu führen, dass viele Menüs im Schwebezustand implementiert werden, da die Designer erwarten, dass Benutzer nicht klicken, weil sie denken es kann sie zu einer anderen Seite führen.

Außerdem stelle ich mir einen sich wiederholenden Zyklus vor: Designer sehen Hover-Menüs und Design-Hover-Menüs, die mehr Designer sehen und mehr Designer entwerfen. Nicht jeder denkt über jedes einzelne UI-Steuerelement nach, warum er es benötigt und welchen Zweck es hat. Viele Designer, mit denen ich gearbeitet habe, wählen Steuerelemente aus, "weil Sie diese verwenden" (siehe: Unaufhörliche Überbeanspruchung des Kombinationsfelds für die automatische Vervollständigung; ein Rant für ein anderes Mal).

Vergleichen Sie das oben Gesagte mit Desktop-Apps, bei denen es (normalerweise) keinen Schwebezustand gibt, schon gar nicht als UI-Muster für Menüs, und ich denke, wir haben den Kreis geschlossen.

20
Rahul

Nur eine Vermutung, aber Hover wird wahrscheinlich im Gegensatz zu Onclick verwendet, da CSS eine: Hover-Pseudoklasse hat.

Oder es wurde ein Dropdown-Menü verwendet, weil der Benutzer nicht wusste, dass er klicken musste, um das Menü zu öffnen. In der Hälfte der Fälle sieht ein Dropdown-Menü wie jedes andere Menü aus, bis Sie den Mauszeiger bewegen. Wenn Sie auf eine Navigationsschaltfläche klicken, wird die Site voraussichtlich zu dieser Seite weitergeleitet. Vielleicht fanden Benutzer die zusätzlichen Menüoptionen einfach nicht.

4
LoganGoesPlaces

Rahul macht einen interessanten Punkt in Bezug auf das Fehlen einer konsistenten Aktion auf einen "Klick"; Ich denke jedoch, dass dies darüber hinaus zu einem allgemeineren Gefühl der Auffindbarkeit auf der Seitenoberfläche führt.

Personen klicken möglicherweise nicht, weil sie eine bestimmte Seite nicht verlassen möchten, aber viele Benutzer bewegen sich mit der Maus über die Seite, um nach aktiven Status zu suchen. Da die Menüs auf den Hover und nicht auf das Klicken reagieren, kann der Benutzer die Struktur des Menüsystems leichter erkennen, ohne auf Klicks zurückgreifen zu müssen.

Dies führt natürlich zu bestimmten Zugänglichkeitsproblemen. Wenn ich in einer Desktop-Anwendung auf ein Menü klicke, bleibt das Menü standardmäßig geöffnet, bis ich eine Auswahl treffe, oder klicke aus dem Menü. Dies hilft Benutzern, die möglicherweise Schwierigkeiten haben, die Maus auf den richtigen Befehl zu manövrieren, ohne das Menü zu verlassen (wodurch es im Hover-Paradigma zusammenbricht).

4
Steve Mitcham

Web-Apps sind in Bezug auf die Benutzeroberfläche äußerst inkonsistent, aber der Benutzer muss sie schnell verstehen (andernfalls versiegt seine Aufmerksamkeitsspanne und er geht woanders hin).

Das Hover-Menü ist viel besser erkennbar. Wenn ich auf einer neu besuchten Site eine Schaltfläche sehe, habe ich keine Ahnung, ob ein Menü mit mehr Optionen (die ich möchte) angezeigt wird, oder es nimmt mich mit und zerstört den aktuellen Status einer Seite (einschließlich eines halbgeschriebenen Kommentars) - was offensichtlich nicht das ist, was ich will. Es sind nur wenige Prozent der Websites mit einer letzteren Praxis erforderlich, um Angst vor dem Klicken auf etwas zu haben, das ich nicht kenne - und eingeschüchterte Benutzer sind keine zufriedenen Benutzer.

Mit der Maus erkunden wir Dinge, die auf dem Bildschirm angezeigt werden. Schweben bedeutet "Ich sehe Sie gerade an". Daher ist es ziemlich natürlich, dass das UI-Element entweder zeigt, was es tut (ein Menü) oder einen Hinweis (Tooltip: Dies wird gelöscht) der Beitrag, den Sie schreiben).

Auf der anderen Seite ist es unhöflich, nicht auf den Schwebeflug zu reagieren. Der Benutzer fragt, was das Element tut, und Sie antworten nicht. Die Menschen lieben es, das Gefühl zu haben, Kontrolle zu haben und zu wissen, was passiert. Jedes bisschen Feedback ist wichtig, und wenn Sie nicht auf den Schwebeflug reagieren, verschwenden Sie eine Chance zur Kommunikation.

In unserer aktuellen Desktop-Software (Outlook-Add-In TaskConnect ) haben wir den Hilfetooltip für jedes aktive Element festgelegt und das Tooltip-Zeitlimit festgelegt auf Null - damit es sofort erscheint. Sie können ein kurzes Video sehen, wie es in Aktion aussieht . Was denkst du darüber?

PS: In jedem Fall sollte das Menü auch immer beim Klicken angezeigt werden, da Touchscreen-Benutzer oder Tastaturbenutzer (einschließlich behinderter Benutzer) es sonst nicht verwenden können.

4
Tomáš Kafka

Normalerweise führt Sie das oberste Element eines Menüs zu der Seite mit diesem Titel. Sie gehen in einer Anwendung nirgendwo hin. Das Bewegen des Mauszeigers für Menüelemente wurde als Verknüpfung entwickelt, um Unterabschnitte innerhalb eines bestimmten Abschnitts der Site anzuzeigen, anstatt zur Seite zu gehen, um die Unterabschnitte anzuzeigen. Mit einer App gehen Sie beispielsweise nicht in den Bereich "Datei". Das Aufgeben von Webkonventionen für Touchscreens ist für mich ein Fehler. Sie sind gut zu beachten und zu beobachten, aber häufig ist eine App, die speziell für den Touchscreen entwickelt wurde, besser. Websites sind nicht für Finger gedacht.

3
srgtick

"Entdeckbarkeit" ist hier definitiv ein Faktor.

Meine Unterscheidung ist der Geisteszustand des Benutzers, insbesondere beim Vergleich einer Anwendung mit einer Website.

Wenn Sie auf klicken, möchten Sie etwas tun, eine bestimmte Aktion ausführen - dies muss beabsichtigt sein.
Benutzer betreiben normalerweise Anwendungen in diesem Geisteszustand.

Bei (einigen) Websites geht es jedoch mehr um das Konsumieren von Inhalten. Sie surfen, lesen und führen möglicherweise eine Aktion aus. Tatsächlich eine der größten Herausforderungen, um die Website-Besucher dazu zu bringen, aktiv etwas zu tun, nicht nur zu besuchen. Daher ist es sehr sinnvoll zu versuchen, Sie zu etwas zu drängen, indem Sie die Optionen einfacher zeigen.

Es gibt einen weiteren Unterschied zwischen den beiden Geisteszuständen:
Normalerweise verwenden Sie eine Anwendung mehrmals und werden dadurch ein bisschen vertrauter und kompetenter. Im Web besteht die Möglichkeit, dass viele Ihrer Benutzer neu sind, daher wissen sie möglicherweise nicht, wo sie nach Dingen suchen sollen, und haben möglicherweise "Angst", sich auf etwas festzulegen (zu klicken), das sie nicht kennen.

2
Dan Barak