it-swarm.com.de

Sollte "Abmelden" in Burgermenüs immer ganz unten stehen und warum?

Ich habe dies bei der Verwendung von Websites bemerkt, für die ein Login/Logout erforderlich ist. Ich gewöhne mich daran, auf die Schaltfläche "Logout" unten im Menü zuzugreifen. Zum Beispiel:

(general layout of extended menu

Im Burger-Menü befindet sich die Option zum Abmelden immer unten, und normalerweise befindet sich in der oberen Zeile des Menüs meistens "Details" oder "Kontoinformationen". ""

Letzte Nacht habe ich die Steam-Website geöffnet und auf die Schaltfläche ">" geklickt, um das Menü zu erweitern. Das Layout ist etwas anders und ich habe versehentlich per Reflex auf die Schaltfläche "Abmelden" geklickt, weil ich (aus Gewohnheit) dachte, es sei ein Menü "Details", da sich der Link in der ersten Zeile befindet. Hier ist ein Screenshot:

(enter image description here

Also ja, ich bin es nicht gewohnt, dass die Schaltfläche/der Link "Abmelden" ganz oben in dieser Art von Menü steht. Ich habe mich gefragt, meine Frage ist:

Was ist die Basistheorie für diese Position der Schaltfläche "Abmelden" in Menüs mit Zeilen? Sollte es immer am "Ende" sein, weil es das Ausgangsschild zeigt (technisch)? Und warum platziert die Steam-Website beispielsweise die Schaltfläche "Abmelden" an der entgegengesetzten Position? Hat das etwas mit anderen Gewohnheiten oder Tendenzen zu tun?

PS: Verzeihen Sie mein Englisch, ich versuche meine Gedanken in begrenzter Grammatik zu artikulieren.

38
corgiiscute

Ich denke, Steam hat dieses Problem einfach nicht bemerkt.

Hier sind einige Gründe, warum Sie die Abmeldeschaltfläche unten in der Dropdown-Liste platzieren sollten:

  • Vermeiden Sie versehentliche Abmeldungen . Wenn Sie darauf hinweisen, dass die Abmeldung oben in der Liste steht, können versehentliche Abmeldungen für Benutzer erstellt werden, die zum Doppelklicken auf Elemente verwendet werden.
  • Befolgen Sie die Standards - beim Surfen im Internet haben Benutzer etwas wie ein Muskelgedächtnis für die verschiedenen Elemente einer Webseite. In Ihrem Fall haben Sie die Erwartung (Muskelgedächtnis) entwickelt, dass sich die Abmeldung am Ende der Benutzersteuerungsliste befindet. Da die meisten Websites diesen Standard übernommen haben, sollten Sie ihn befolgen, um versehentliche Abmeldungen zu vermeiden.
  • Der obere und der untere Teil einer Liste sind am besten sichtbar - Wenn Sie eine Liste haben, sind die am besten sichtbaren Elemente die oberen und unteren (-). siehe hier ).
  • Bedeutung - Wenn sich eine Person angemeldet hat, ist es sinnvoll, die Abmeldeoption als letzte aufzulisten, da das Abmelden normalerweise das Ende einer bestimmten Aufgabe ist.
46

Machen Sie es schwieriger, zerstörerische Knöpfe zu finden

Wenn Sie destruktive Schaltflächen einschließen müssen, sollten Sie auf jeden Fall einen Weg finden, sie schwerer zu finden als die primäre Aktionsschaltfläche Best Practices für Schaltflächen

Für Unternehmen ist es heute sehr wichtig, die Benutzer mit ihren Produkten zu beschäftigen, und niemand möchte ihnen einen einfachen Zugriff auf die Benutzer ermöglichen, um ihre App zu verlassen oder beenden Sie die Verwendung ihres Produkts.

Hier ist ein perfektes Beispiel von Pinterest, das es wirklich schwieriger gemacht hat, auf ihrer Website zu finden:

(enter image description here

17
DPS

Benutzerfluss

Stellen Sie sich jeden Menüpunkt als Aufgabe vor. Sie können Aufgaben nacheinander ausführen, z. B. task1, task2, task3.... taskN. Welches wäre die allerletzte Aufgabe, die Sie ausführen können? Die Antwort ist einfach: Abmelden.

App Ergonomie

Durch Hinzufügen des Abmeldelinks am unteren Rand des Menüs wird es schwieriger, versehentlich auf dieses Element zu klicken. Siehe Grafik unten:

(enter image description here

Wenn Sie nach dem Öffnen des Menüs die Abmeldung oben hinzufügen und versehentlich doppelklicken, klicken Sie auf den Link Abmelden.

Wenn Sie es jedoch unten hinzufügen , verringert jeder Menüpunkt die Chancen, bis sie vernachlässigbar werden . Außerdem: Zwischen dem zweiten und siebten Element ist ein zusätzlicher Aufwand des Benutzers erforderlich, um die Abmeldung zu erreichen, was natürlich die Wahrscheinlichkeit verringert, dass diese Taste um gedrückt wird Unfall fast auf 0. Daher wird empfohlen, dass die Abmeldung nicht weiter als bis zum 6. oder 7. Element geht. Darüber hinaus wird es Kompromisse geben: Daumen erreichen das Element leichter als zuvor und Benutzer vergessen möglicherweise, sich bei Bedarf abzumelden.

Die Größe (Höhe) hängt natürlich von Tests ab, die auf der Auswahl der Schriftarten, dem Auffüllen usw. basieren. Aber auch davon, wofür Ihre App gedacht ist: Nicht immer möchten Sie, dass sich Benutzer nach Abschluss einer Sitzung abmelden. Aber Sie müssen die Option trotzdem anbieten

Fazit

Dies geschieht auf diese Weise, da es sich um einen akzeptierten Standard handelt, der Vorteile mit nahezu keinen Kosten bringt

13
Devin

Nach meinem Verständnis ist die Schaltfläche zum Abmelden die Schaltfläche in der Dropdown-Liste, die eine andere Aktion als der Rest hat.

Die restlichen Details Ihres Menükontos, Einstellungen, Ansichtsprofil usw. sind Navigationselemente für den Benutzer. Die Schaltfläche zum Abmelden ist jedoch eine Aktion, mit der sich der Benutzer vom System abmelden kann.

Sicher ist, dass das Abmelde- und das Navigationselement getrennt werden müssen, da sie sich unterschiedlich verhalten.

Wenn Sie das Abmelden an der Schaltfläche platzieren, würde ich sagen, dass dies eine Möglichkeit ist, sie zu trennen, aber auch eine Konvention, da viele Anwendungen es auf diese Weise verwenden.

Ich fand auch diese Frage, die auch sehr interessant ist: Platzierung der Abmeldeschaltfläche/des Links? die sehr gut mit dieser verbunden ist Warum sollte eine Website die Abmeldeschaltfläche ausblenden?

Wenn Sie die Abmeldefunktion ausblenden, können Sie den Browser oder die Registerkarte eher schließen, aber effektiv bei einem Dienst angemeldet bleiben. Auf diese Weise kann Facebook Ihren Online-Aufenthaltsort über Werbepartnerschaften, die alle an Facebook zurückmelden, offen verfolgen.

Schließlich gefällt mir die klare Trennung der Abmeldeoption im Vergleich zu den anderen sehr gut, wie dies beispielsweise bei Jira der Fall ist. Ich denke, das ist viel klarer, als es nur am Ende der Dropdown-Liste anzuzeigen.

(Jira

6
Dimitra Miha

Beste Benutzererfahrung: Verfolgen Sie Klicks und Artikel der Bestellliste gemäß den Präferenzen der Besucher.

Ergebnis: Die Schaltfläche zum Abmelden steht möglicherweise an erster Stelle.

Beste Unternehmenserfahrung: Bestellen Sie Artikel nach bestem Interesse des Unternehmens.

Ergebnis: Die Schaltfläche zum Abmelden sollte schwer zu erreichen sein.

4
cameraman

Es hängt alles davon ab, wie wichtig das Abmelden für Ihre Lösung und die Benutzerziele ist.

Wenn Sie über eine Liste von Funktionen verfügen, können Sie diese anhand ihrer Relevanz für die vom Benutzer ausgeführten Aufgaben bewerten.

Das Abmelden hängt selten mit den Hauptaufgaben der Lösung zusammen. Aus diesem Grund wird die Position des Abmelden häufig am Ende der Informationshierarchie platziert. Wenn Sie also ein vertikales Menü haben, wird es häufig unten und wenn angezeigt Sie haben ein horizontales Menü, das oft am Ende steht (rechts in der westlichen Kultur).

Einige Lösungen betrachten das Abmelden jedoch möglicherweise als einen Sonderfall, der es wert ist, an einer prominenten Stelle platziert zu werden, z. bleibt in der oberen rechten Ecke bestehen (Ecken des Bildschirms sind markante Stellen).

Unter dem Strich hängt die Position davon ab, wie wichtig es für den Benutzer ist, sich explizit abzumelden.

Sie könnten argumentieren, dass sich das Abmelden von allen anderen Funktionen so unterscheidet, dass es nicht neben anderen Lösungsfunktionen in einem Menü platziert werden sollte.

2
SteveD

Das Platzieren der Abmeldeschaltfläche an der richtigen Stelle ist kontextsensitiv. Bei gesicherten Apps sollte es in der Kopfzeile außerhalb des Hamburger-Menüs hervorgehoben sein. Für andere kann es im Hamburger-Menü sein. Wahrscheinlich oben, wenn der Benutzer es vorzieht, sich jedes Mal abzumelden, und unten, wenn es weniger verwendet wird.

1
Alipta Ballav