it-swarm.com.de

Optionsfelder in der Kopfzeile?

Mit unserer Web-App können Benutzer zwischen (derzeit 3, möglicherweise in naher Zukunft mehr) verschiedenen "Kontexten" wechseln. Beispielsweise könnten sie die App aus der Sicht eines "Unternehmens", "Kleinunternehmens" oder "Einzelbenutzers" anzeigen. Jeder dieser "Kontexte" bietet etwas Zusätzliches für die gesamte Anwendung, das (offensichtlich) auf eine bestimmte Art von Benutzer ausgerichtet ist.

Derzeit verwenden wir ein Dropdown-Menü, mit dem unsere Benutzer zwischen diesen "Kontexten" wechseln können. Unser Projektmanager hat vorgeschlagen, anstelle des Dropdown-Ansatzes Optionsfelder zu verwenden. Radios scheinen mir in diesem Zusammenhang einfach falsch zu sein. Ich sehe Radios als "Formularelement" und schon gar nicht als Teil eines Headers. Ich verbringe die meiste Zeit mit StackOverflow, was eindeutig nicht der richtige Ort für diese Art von Fragen ist. Deshalb wollte ich nur einige Beiträge von erfahrenen UX-Leuten erhalten.

Was denken Sie?

5
Chris Cashwell

Dropdown-Felder sind in der Regel das häufigere Muster. Da die meisten Ansichtssteuerelemente versuchen, so wenig Ansichtsfenster wie möglich zu verwenden, sind die platzsparenden Eigenschaften eines Dropdowns nützlich. Wenn ein Optionsfeld vertikal angeordnet ist, nimmt es viel Platz ein, aber wenn es horizontal ist, ist es schwer zu scannen, da Benutzer nicht so effektiv von links nach rechts suchen können wie von oben nach unten.

Der Hauptunterschied ist also:

  • optionsfelder machen alle Auswahlmöglichkeiten ständig sichtbar, sind jedoch schwieriger zu scannen
  • dropdowns sind platzsparend und attraktiv, zeigen jedoch nicht alle Möglichkeiten gleichzeitig

Nur Sie können wirklich sagen, wenn Sie Ihren Kontext kennen, welche Vorteile die anderen übertreffen, aber da sich Ihre „Ansichten“ selten ändern, kann ich mir nicht wirklich vorstellen, wie es hilfreich wäre, alle Entscheidungen zu sehen. Ein Optionsfeld nimmt, wie gesagt, Platz ein, was bedeutet, dass Sie Ihr Formular ändern müssen, wenn Sie Elemente zur Liste oder andere Elemente zum Steuerelement hinzufügen - und diese Änderung führt zu kognitiven Reibungen für Ihre Benutzer. Wenn es keinen zwingenden Grund gibt, halten Sie sich an die Dropdowns.

3

Vielleicht könnten Sie die PM fragen, ob einer der Benutzer manchmal Versorgungsunternehmen, manchmal kommerzielle Einheiten und manchmal private Benutzer sind.

Wenn Benutzer tatsächlich, wie es wahrscheinlich erscheint, nur einer Kategorie entsprechen, möchten sie diese wahrscheinlich festlegen und vergessen.

2
Rob

Dropdown ist eine viel bessere Option. Ich sehe zwei Hauptgründe für ihre Verwendung:

1) Übereinkommen. Andere Websites haben Ihre Benutzer bereits für die Arbeit mit diesem Setup geschult.

2) Da Sie weitere Optionen hinzufügen möchten, können Optionsfelder schnell keinen Platz mehr haben, wenn Sie sie in der Kopfzeile haben. Dropdowns bieten viel mehr Flexibilität.

Ich versuche, die Verwendung von Dropdowns einzuschränken, aber in Ihren Fällen sind sie eine viel bessere Option.

1
Emil

Was ist der Grund, warum Sie von Dropdown zu Optionsfeldern wechseln wollten? Finden Benutzer es im Moment verwirrend? Wenn es einen gültigen Grund für eine Änderung gibt, lohnt es sich zu untersuchen, warum.

Das Problem, das Sie haben, wenn Sie versuchen, zu Optionsfeldern in der Kopfzeile zu wechseln, besteht darin, dass es schwieriger wird zu erkennen, welches Optionsfeld zu welchem ​​Etikett gehört. Auf einen Blick ist hier beispielsweise die gewerbliche Einheit oder der private Benutzer ausgewählt:

Radio Buttons

Außerdem fällt es Ihnen schwer, Platz zu schaffen, wenn Sie zu einem späteren Zeitpunkt zusätzliche hinzufügen. Nein, bleiben Sie beim Dropdown-Menü. Es ist zukunftssicherer, ermöglicht längere Etiketten und nimmt viel weniger Platz ein.

1
JonW

Jquery's Button Funktion lässt Optionsfelder wie schöne große Tasten aussehen, die sich immer noch gegenseitig ausschließen.

Hier ist der Standardstil, obwohl er eine schlechte "gepresste" Leistung bietet:

enter image description here

Wie Matt Rockwell angedeutet hat, sind diese in mobilen Apps sehr verbreitet, um "Bildschirme" in einem einzigen logischen Container zu halten. Ähnlich verhält es sich mit Ihrer Website, aber mit den Abfrage-Schaltflächen sehen Sie gut aus (normale Optionsfelder ähneln zu sehr einem Formularsteuerelement) und können Anpassungen vornehmen, die dieselbe Funktionalität wie Optionsfelder haben.

1
Ben Brocka

Twitter verwendet ein " segmentiertes Steuerelement ", wie es mit Apple) bezeichnet wird (in diesem Fall wird es in Verbindung mit einem Suchfeld verwendet - zusammen als "Bereichsleiste" bezeichnet). ), aber eigentlich handelt es sich um eine Sammlung von Optionsfeldern. Dies funktioniert sehr gut, und Facebook verwendet dies auch für seine mobile App.

enter image description here

Dies ist leicht verständlich, sauber und eine großartige Lösung für Ihr Problem. Wenn die Anzahl der verfügbaren Optionen 5 oder 6 nicht überschreitet, ist ein Dropdown-Menü besser geeignet.

0
Matt Rockwell