it-swarm.com.de

Platzierung der Schaltfläche Weitere Informationen / Hilfesymbole für Optionsfelder

In unserem gesamten System werden wir standardisieren, wann und wie mehr Informationen/Hilfe für bestimmte Eingabefelder verwendet werden.

Im Allgemeinen besteht der Standard darin, dass das Symbol/die Schaltfläche dem Feld folgendermaßen folgt: enter image description here

(enter image description here

Wo sollte bei einem Optionsfeld-Controller das Info-/Hilfesymbol platziert werden?

P.S. Das Info-/Hilfesymbol verweist auf die als Ganzes festgelegten Optionsfelder.

Hier sind die möglichen Optionen. Was wäre das beste Design nach den Best Practices für das Entwerfen eines Optionsfeld-Controllers mit Info-/Hilfesymbol?

(enter image description here

8
L. Lemmer

Es gibt einen Unterschied im Verständnis auf der Ebene des Konzepts (Etiketts) gegenüber den verfügbaren Auswahlmöglichkeiten. Für die Flexibilität benötigen Sie möglicherweise einige Muster.

Wenn Sie versuchen, Verständnis für das Etikett und seine Auswahlmöglichkeiten zu vermitteln, können Sie das i in die Nähe des Etiketts setzen und einige Informationen zum Schwebeflug mit einigen Links zur Dokumentation angeben, um bei Bedarf ein besseres Verständnis zu erhalten.

Denken Sie an Größe und Komplexität und verfügen Sie über ein stabiles System.

Mir ist klar, dass ich kein einfaches "Mach es so!" Gebe, sondern eine Denkweise für priorisierte Kontexte, damit du etwas Flexibilität hast. Hier sind einige Situationen, die ich gesehen habe.

Unbekanntes Label, wenige Auswahlmöglichkeiten, die etwas vertraut sein können:

(enter image description here

Unbekanntes Label, viele Möglichkeiten, einige komplex:

In jedem Fall ist das ? (oder i) kommt dem nahe, was es beschreiben muss.

(enter image description here

Wenn Sie Ihre Formulare oben ausrichten:

(enter image description here

Sie sehen dies auch in einigen Dropdown-Menüs (die genauso funktionieren wie eine lange Liste von Optionsfeldern). Hier ist ein Beispiel aus Google Analytics:

(enter image description here

16
Mike M

Denken Sie an eine logische Reihenfolge und eine gute Platzierung

(enter image description here


Stattdessen können Sie Folgendes verwenden:

(enter image description here



AKTUALISIEREN

Basierend auf den Kommentaren des OP (Original Poster):

"Daher beschränke ich mich auf die von mir bereitgestellten Optionen. In unserem System ist es Standard, dass die Steuerelemente rechts neben dem Etikett und nicht darunter angezeigt werden."

Zwei Szenarien:

1- Sie sind NICHT auf den horizontalen Raum beschränkt:

(enter image description here

2- Der horizontale Raum ist begrenzt:

(enter image description here

* Letzte Option, um das Etikett selbst zu unterstreichen. Wenn Sie den Mauszeiger darüber halten, wird der Tooltip angezeigt. Die Unterstreichung wäre hier Ihr visueller Hinweis (sie ist nicht so klar wie das Infosymbol, und einige verwechseln sie möglicherweise als anklickbaren Text).

ENDE DES UPDATE


12
Mo'ath

Ich würde die Informationen rechts in der Mitte des Etiketts verwenden.

Warum? Das Handgelenk neigt sich nach rechts, sodass der Benutzer leichter klicken kann und das Layout der Fragen nicht beschädigt wird.

Optionsfelder funktionieren am besten, wenn sie vertikal ausgerichtet sind, da das Auge von oben nach unten scannen kann, als von links nach rechts, von unten nach links und weiter zu scannen.

ABER, wenn der Benutzer nach dem Testen aufgefordert wird, den Info-Tooltip zu überprüfen, verwenden Sie ihn links und richten Sie ihn an den Optionsfeldern aus. Sie können jeweils die Mausbewegung sehen.

(enter image description here

Weitere Informationen zum Fitt-Gesetz finden Sie hier: https://en.wikipedia.org/wiki/Fitts%27s_law .

wenn Sie ein Raster für die Beschriftung und die Optionsfelder verwenden, lernt der Benutzer das Muster und füllt das Formular so schnell wie möglich aus.

Meiner Meinung nach hängt von der Häufigkeit der Verwendung von Tooltips ab. Wenn der Benutzer diese Informationen häufig verwenden wird, links, wenn nicht, rechts.

2

Nach Radiooptionen oben.

Angesichts Ihres zusätzlichen Kontexts, in dem Sie Beschriftungen und Optionen nicht stapeln können, wäre dies meiner Meinung nach ideal für andere Eingaben. Benutzer wären es gewohnt, es dort zu sehen.

Es wäre konsistenter als die vertikale Zentrierung.

0
Dustin Graham

Wir haben uns entschieden, nur ein Kombinationsfeld zu verwenden, wenn es sich um eine Aufzählung handelt. Da es unsere Praxis ist, mehr Informationen nur dann zu verwenden, wenn sie unbedingt benötigt werden. Daher sollte es ziemlich selten sein, dass sie auftauchen, aber wenn es benötigt wird und es sich um eine Aufzählung handelt, verwenden Sie einfach das Kombinationsfeld-Steuerelement, um jegliche Verwirrung zu vermeiden.

(enter image description here

0
L. Lemmer