it-swarm.com.de

Ist es in Ordnung, anklickbare Elemente zu verschachteln?

Ich habe dies im SE-Netzwerk bemerkt und festgestellt, dass Benutzer (jedenfalls ich) vergessen, dass das Element anklickbar ist, wenn ein anklickbarer Link in einem anklickbaren Element verschachtelt ist. Es dauerte eine Weile, bis mir klar wurde, dass der graue Balken immer noch anklickbar war (obwohl ich schon lange auf die anderen grauen Balken geklickt habe).

enter image description here

Beachten Sie, dass das graue Feld und der Link [Revision] unterschiedliche Verhaltensweisen aufweisen - einer lädt die neue Bearbeitung, der andere öffnet den Revisionsverlauf.

Wie könnte man das verbessern?

Wie sollte man allgemein anklickbare Elemente verschachteln? Sollte man ein "offensichtlich anklickbares Element" (z. B. einen Link) in einem nicht offensichtlich anklickbaren Element verschachteln? Wenn man das tut, wie sollte man dann klar machen, dass nichts klickbar ist?

(Hinweis: Ich bitte darum, dass dies auch bei MSO verbessert wird. Ich war nur neugierig auf die allgemeinen UX-Prinzipien )

11
Manishearth

Ich bin vor ungefähr 5 Minuten darauf gestoßen und wusste nicht einmal, dass die Box anklickbar ist. Ich denke, das Verschachteln dieser beiden anklickbaren Elemente erhöht die kognitive Belastung für den Benutzer. Bei der Überlegung, auf das graue Kästchen zu klicken, müssen Benutzer entscheiden, ob sie stattdessen auf den Revisionslink klicken möchten, und müssen sich daran erinnern, dass sie in dieser Situation zwei Optionen haben.

Ich denke, eine einfache Lösung wäre, den 'Revisions'-Link zu entfernen und einfach das graue Kästchen sagen zu lassen: "Dieser Beitrag wurde bearbeitet, Updates anzeigen?" und die gesamte Box soll eine anklickbare Schaltfläche sein. Das Inline-Update der Antwort würde den Benutzer auch weniger stören, als auf "Überarbeitung" zu klicken und auf eine ganz andere Seite zu gelangen.

7
Andrew Shipe

Ich bin nicht das, was Sie beschreiben, eine verbesserungsfähige Situation. Sie haben es mit einem Nebenprodukt von Fitt's Law zu tun:

Je größer die Klickbereiche des Elements sind, desto einfacher ist es im Wesentlichen, darauf zu klicken. Ihr Ziel (im obigen Beispiel) ist das Wort "Revision", das Ziel wurde jedoch auf das hellbraune Feld erweitert. Dies liegt daran, dass der Designer versiert ist.

Sie können zwar immer noch auf die Word-Revision klicken, aber wenn Sie mit der Maus in das Feld eintreten, erhalten Sie den visuellen Hinweis, dass sich der Cursor in die Zeigerhand verwandelt (Mouseover). Jetzt verstehen Sie, dass es anklickbar ist.

Wenn ich sage, dass es möglicherweise nicht verbesserungsfähig ist, meine ich, dass Hypertext-Links eine allgemein verstandene Konvention sind. Beschriftungsfelder jedoch:

  • enthalten nicht immer einen Link, wenn sie einen Link enthalten,
  • sind nicht konsistent anklickbar
  • sind in der Regel Design für die Marke der Website, die sie kennzeichnet

Mit anderen Worten, Callout-Boxen sind nicht konsistent genug, um Erwartungen zu setzen. Sie sollen die Aufmerksamkeit des Benutzers auf eine Nachricht lenken. Wenn der Designer versiert ist und die Warnung dies unterstützt, kann das Feld angeklickt werden.

1
Dan Michael