webentwicklung-frage-antwort-db.com.de

Der beste Weg, um die Aktion eines Nicht-Tasten-Steuerelements zu kommunizieren

Zusammenfassung der Fragen : Ich frage mich, welche Empfehlungen empfohlen werden, um dem Benutzer mitzuteilen, was passieren wird, wenn er auf ein Objekt klickt, falls es nicht möglich ist, die Aktion auf dem Objekt selbst zu formulieren (dh das Objekt ist keine klassische Schaltfläche).


Für den Fall, dass das Objekt einen Texttitel hat, besteht der mir bekannte traditionelle Ansatz darin, den Titeltext einfach in einen Hyperlink umzuwandeln. Falls es sich jedoch nicht um eine herkömmliche Website handelt, hat der Benutzer möglicherweise keine Ahnung, was nach dem Klicken tatsächlich passieren wird! (Im Gegensatz dazu ist für Websites das Paradigma "Auf eine andere Seite navigieren" sehr gut definiert, sodass Hyperlinks für Webseiten gut funktionieren.).

Hier ist meine Situation speziell:

  • Ich habe eine Seite mit etwa 20 bis 30 verschiedenen Messindikatoren, ähnlich einer Google Analytics-Startseite. Jeder Indikator verfügt über ein Sparkline-Trenddiagramm, den aktuellen Wert der Kennzahl und einen kleinen Aufwärts-/Abwärtspfeil, der das Delta (Änderung) gegenüber der letzten Periode angibt.

  • Ich habe zwei Aktionen, die der Benutzer für jeden Indikator ausführen muss:

    • (1) Sie können den Indikator erweitern, um weitere Informationen anzuzeigen (zusätzliche Statistiken für die Kennzahl, Bewertungen usw. anzeigen). Diese Erweiterung erfolgt im Kontext und führt den Benutzer nicht zu einer anderen Seite.
    • (2) Wählen Sie den Indikator aus und navigieren Sie zu einer anderen Seite, Schritt 2 des Workflows, auf der der Benutzer den Indikator weiter bewerten und untersuchen kann. Die zweite Aktion ist die primäre Aktion, die der Benutzer am häufigsten ausführt.

Wie oben erwähnt, könnte ich den Indikatornamen einfach zu einem Hyperlink machen und dem Benutzer einfach mitteilen, dass er anklickbar ist. Ich möchte jedoch vermeiden, dass Benutzer auf etwas klicken müssen, ohne eine Ahnung zu haben, was passieren wird (und dass sie tatsächlich unter anderem auf eine andere Seite weitergeleitet werden) - dies fühlt sich fast so an, als würde man den Benutzer bitten, auf eines zu klicken Knopf ohne Etikett!

Das Wichtigste, was ich dem Benutzer mitteilen möchte, ist, dass er durch Auswahl eines Indikators einen Analyse-Workflow startet, der mit einer detaillierteren Bewertung des Indikators beginnt. Die Steuerung wird weiter durch die Tatsache erschwert, dass es auch eine sekundäre "Erweiterungs" -Aktion auf dem Indikator gibt, wie oben erwähnt.

Eine naheliegende Lösung besteht darin, einfach neben jedes Objekt eine Schaltfläche "Bewerten" zu setzen. Ich möchte jedoch vermeiden, dass auf der Seite 20 bis 30 Schaltflächen zum Bewerten angezeigt werden (da ich 20 bis 30 Indikatoren habe).

  • Option A : Eine Möglichkeit, dies zu lösen, besteht darin, sich einfach auf einen Tooltip zu verlassen. Mit anderen Worten, der gesamte Indikatorbereich ist anklickbar (angezeigt durch Hervorheben/Umrissen des Bereichs beim Mouseover) und beim Mouseover wird ein Tooltip mit der Aufschrift "Indicator x bewerten" angezeigt.

  • Option B : Ein anderer Ansatz, über den ich nachgedacht habe, könnte darin bestehen, das Label "Assess" beim Mouseover anzuzeigen, aber anstelle eines Tooltips muss das Label Teil des Markierungsfelds sein, das dem Tooltip sehr ähnlich ist Design, außer dass es kein schwebendes Overlay ist, sondern etwas stärker in das Indikatorobjekt integriert.

  • Option C : Dies scheint mir falsch zu sein, aber ich erwähne es aus Gründen der Diskussion. Bleiben Sie bei der Idee der Schaltfläche "Bewerten", aber lassen Sie die Schaltfläche nur beim Mouseover erscheinen. Ich erinnere mich, dass ich gelesen habe, dass eine Interaktion mit dem Mauszeiger, dem Kontrollieren des Steuerelements und dem Klicken auf das Klicken nicht empfohlen wird, da das Steuerelement zum Anzeigen möglicherweise verschwindet, während der Benutzer auf dem Weg ist, den Mauszeiger vom Fokusbereich mit dem Mauszeiger nach zu bewegen das Objekt selbst.

In Bezug auf die sekundäre Aktion "Indikator erweitern" dachte ich daran, einfach ein kleines "+" oder "Mehr Info" -Regler neben jedem Indikator zu haben.

Gibt es UX-Designregeln, gegen die B oder C verstoßen? Irgendwelche Empfehlungen zum besten (oder besseren) Ansatz?

Als Referenz fügt die Anwendung derzeit eine Bewertungsschaltfläche in die Indikatorerweiterung ein und lässt den gesamten Indikator das Erweiterungsklickobjekt sein. Offensichtlich ist dies falsch, da der Benutzer immer zuerst den Indikator erweitern muss (was ein sekundärer und manchmal nicht notwendiger Workflow ist), um zur Schaltfläche "Bewerten" zu gelangen.

2
M.A.X

Zusammenfassung

Eine Möglichkeit, eine gute Erschwinglichkeit zu erzielen und Navigationsmaßnahmen zu reduzieren, besteht darin, zwei Routen zur „Bewertung“ bereitzustellen. Eine Route verwendet einen Knopf mit guter Erschwinglichkeit, die andere ist direkt von den Sparklines. Das kombinierte Ergebnis ist eine erkennbare Benutzeroberfläche - Benutzer finden die Bewertungsfunktion - und sie ist effizient - erfahrene Benutzer können sie mit minimalen Schritten verwenden.

Dies veranschaulichen

Zeigen Sie mit einem Master-Details Muster das Assess Taste einmal drücken. Das Modell verwendet einen modifizierten Baum, um die Master-Details zu erstellen (nur eine Ebene darin), hier mit dem Detail für Belgien erweitert:

Sparkline Master-Details

Durch Klicken auf die Schaltflächen [+] werden geöffnete Elemente geschlossen und weitere Details zu diesem EINEN Sparkline-Element angezeigt - und wie in der Abbildung dargestellt Assess Taste. Dies vermeidet eine Vielzahl von Tasten.

Um die Erschwinglichkeit an anderer Stelle zu verbessern, bewegen Sie die Sparklines selbst über eine Änderung des Stils, um anzuzeigen, dass sie etwas tun, wenn Sie darauf klicken. Sie können einen Tooltip nach einer längeren Verzögerung als 2,5 Sekunden für den Hover erstellen. Tooltips stören erfahrene Benutzer nicht, geben aber einigen neuen Benutzern, die die Benutzeroberfläche langsam erkunden, einen zusätzlichen Hinweis. Der Tooltip ist optional erhältlich. Sie haben es vermieden, davon abhängig zu sein, da Gelegenheitsbenutzer bereits leicht einen vernünftigen Weg finden können, um eine Bewertung vorzunehmen.

Wenn Sie möchten, ist es in Ordnung, stattdessen die Hyperlinks oder Schaltflächen der Indikatornamen zu erstellen und sie ein wenig weiter von den Steuerelementen [+] [-] zu entfernen, wobei Sie ebenfalls einen langsamen Tooltip verwenden.

Ein wichtigerer Aspekt als der Tooltip ist, dass die Aktion "Bewerten" reversibel ist und leicht gestoppt werden kann, insbesondere wenn sie zeitaufwändig ist - damit Sie die Benutzeroberfläche sicher erkunden können.

5
James Crook