it-swarm.com.de

Was ist besser: Ja / Nein-Radio oder einfaches Kontrollkästchen?

In einer sehr großen Form auf der Website meines Unternehmens gibt es diese Tendenz, Yes / No Optionsfeldkombination.

(enter image description here

Ich kann mir ein Argument vorstellen, es nicht zu verwenden, aber es ist nicht UX-bezogen: Wir müssen drei Zustände anstelle von nur zwei beibehalten: null, true und false für diese Felder.

Gibt es UX-weise Argumente, stattdessen das Kontrollkästchen zu verwenden?

(enter image description here

Bearbeiten: Wir müssen nicht alle 3 Fälle abdecken, der Fall null ist nur der Anfangszustand und es ist unmöglich, im Formular weiterzugehen, ohne entweder "Ja" oder "Nein" auszuwählen, daher die Wartungsschwierigkeit erwähnen.

103
wscourge

Kommt darauf an, ob die Frage obligatorisch ist. Sie benötigen Optionsfelder, um sicherzugehen, dass ein Benutzer die Frage beantwortet hat. Mit einem leeren Kontrollkästchen wissen Sie nie, ob ein Benutzer diese Frage gerade vergessen hat.

234
denR89

Es gibt keine einzige richtige Antwort, aber die Steuerung hängt vom Kontext ab.

Das Kontrollkästchen ist geeignet, um Unordnung zu minimieren, aber seine Verwendung ist auf Fälle beschränkt, in denen die beschriebene Auswahl auch eine eindeutig entgegengesetzte Bedeutung hat (ohne dass dies erwähnt werden muss):

[X] include subdirectories

Optionsfelder eignen sich, wenn Sie etwas expliziter machen oder wenn für die Auswahl separate Beschreibungen erforderlich sind:

Overwrite files when copying (cannot be undone):

(•) Yes, overwrite   ( ) No

Optionsfelder sind auch die beste Steuerung, um sie ohne Auswahl zu starten.

Das Dropdown-Menü (immer noch mit 2 Auswahlmöglichkeiten) eignet sich für die Auswahl, die Benutzer normalerweise nicht ändern sollten usw. Andere Auswahlmöglichkeiten werden nicht angezeigt und die Änderung erfordert 2 Klicks:

Format drive for the following file system:   exFAT32 ▼

(Nach dem Öffnen ist die andere Wahl NTFS).

Dies sind natürlich nicht die einzigen Kriterien. Wenn Sie bereits über eine Gruppe ähnlicher Steuerelemente verfügen, fügen Sie ein weiteres hinzu, das diesen entspricht. Oder manchmal ist es das Layout, das den zu verwendenden primären Steuerelementtyp regelt. Beispielsweise sehen einige Optionen besser aus, wenn sie in der Tabelle ausgerichtet sind. Und manchmal müssen Sie den Auswahlmöglichkeiten mehrzeilige Beschriftungen oder Symbole hinzufügen, was das zu verwendende Steuerelement impliziert.

Die Wahl liegt also bei Ihnen. Das Ziel besteht darin, die Benutzeroberfläche zu optimieren, wichtige Entscheidungen jedoch explizit zu treffen und einige andere Benutzer aus dem Weg zu räumen.

81
miroxlav

Ich würde das Kontrollkästchen verwenden, weil:

  • es ist optisch übersichtlich (im Vergleich zu Radioboxen, die mehr Platz auf dem Bildschirm beanspruchen).
  • es ist das Nötigste, um die Arbeit zu erledigen
  • es ist ein klassisches UI-Widget und die Leute sind damit vertraut (obwohl dies auch für Optionsfelder gilt).
  • eine Papierversion des Formulars kann gleich aussehen (obwohl einige Papierumfragen Radioboxen verwenden).

Radioboxen wären eine bessere Wahl, wenn Sie mehr als 2 Zustände hätten. In einer Umfrage benötigen Sie beispielsweise möglicherweise {yes, no, I don't know, prefer not to say}, um zwischen den Nuancen einer anderen Option als yes zu unterscheiden.

Es wäre hilfreich, wenn Sie die vorherige Generation von Personen, die diese Schnittstelle erstellt haben, nach den Gründen für die Verwendung von Radioboxen fragen würden. Vielleicht gibt es einen guten Grund dafür, aber es wurde nicht dokumentiert.

22
ralien

Wenn Sie wirklich alle Anwendungsfälle abdecken müssen:

  • Das Häkchen funktioniert nicht, da es nur zwei Fälle abdecken kann.
  • Optionsfelder sollten es abdecken, aber Sie vermissen die dritte Option. Etwas in der Zeile "Ich würde es lieber nicht sagen." Weil das aktuelle Setup nicht funktionieren würde, wenn Sie versehentlich etwas ausgewählt hätten (aber anscheinend unterstützen Sie wahrscheinlich das Deaktivieren des Optionsfelds?), Was ich nicht für eine gute Vorgehensweise halte.

Sie können diesen interessanten Artikel auf Optionsfeldern der Norman Group lesen, wenn Sie weitere Informationen benötigen.

14
rojcyk

Das Kontrollkästchen wird verwendet, um eine Auswahl auszuwählen oder zu bestätigen. Die Frage "Hast du ...?" bietet keine Auswahl an, sodass ein Kontrollkästchen für die Frage nicht gilt. Es scheint sogar, nur die Frage auszuwählen.

Es muss also eine Auswahl angeboten werden - ja oder nein. Verwenden Sie dann das Kontrollkästchen für die Auswahl.

6
Rob

Der Kommentar von @hsan zu der Frage ist wichtig: Wenn Sie sicher sein möchten, dass der Benutzer wirklich "Nein" als Antwort beabsichtigt hat, muss er aktiv eine Auswahl treffen, sodass das Formular erst eingereicht werden kann, wenn er es getroffen hat .

Zu diesem Zweck funktioniert ein Auswahlsteuerelement mit der deaktivierten ersten Option "Bitte auswählen" gut: https://codepen.io/anon/pen/LaZzzP

<label for="mandatory-yes-no">Do you need the thing?</label>
<select id="mandatory-yes-no">
  <option disabled selected> Please select</option>
  <option> Yes </option>
  <option> No </option>
</select>

Wenn Sie den Standardstatus zu einer gültigen Auswahl machen, riskieren Sie, dass der Benutzer ihn nur übersieht oder nicht berücksichtigt. Ob dieses Risiko akzeptabel oder wünschenswert ist, hängt von der Situation ab.

4
Beejamin

Für Ihren speziellen Fall scheint es so, als müssten Sie eine dritte "N/A" -Option hinzufügen, die standardmäßig ausgewählt ist.

In Bezug auf die Verwendung von Kontrollkästchen im Vergleich zu Ja/Nein-Funkgeräten funktionieren Kontrollkästchen meiner Meinung nach besser in Situationen, in denen Felder beim ersten Aufrufen des Formulars "so bleiben, wie sie waren".

Zum Beispiel:

(sample of multiple check boxes grouped together

Mit der richtigen Gruppierung durch den UX-Designer können Benutzer schnell Bereiche des Formulars überspringen, die nicht relevant sind.

Das Optionsfeld betont in der Art und Weise, wie Sie es verwenden, dass eine Auswahl erforderlich ist, besser als ein Kontrollkästchen, das leer gelassen werden könnte.

4
mpr

Wie viele andere Antworten gesagt haben, hängt es vom Kontext ab

Ich möchte jedoch hinzufügen, dass dies nicht nur von der Frage abhängt, die Sie stellen, sondern auch davon, wie sehr der Benutzer über die Frage und ihre Antwort nachdenken soll. Ein Optionsfeld erfordert einige Aktionen, um fortzufahren, während ein Kontrollkästchen überflogen werden kann.

Wie DenR89 sagt, können Sie nie sicher sein, ob ein Kontrollkästchen negativ beantwortet oder ignoriert wurde. Manchmal ist das in Ordnung. Manchmal müssen Sie sicher sein, dass der Benutzer die Frage verstanden und eine ehrliche Antwort gegeben hat. In einem Autoversicherungsantrag können Sie beispielsweise eine Funkbox verwenden für:

Do you own the car?
( ) Yes ( ) No

Da dies rechtliche Konsequenzen haben kann, wenn dies falsch angenommen wird. Sie können jedoch ein Kontrollkästchen in derselben Form verwenden für:

[ ] Include breakdown cover

Wenn die Standardeinstellung (keine Pannenversicherung) für die meisten Personen korrekt ist und die Gültigkeit einer Versicherungspolice nicht beeinträchtigt wird, wenn diese versäumt wird.

Sehr große Formen

Menschen langweilen sich mit sehr großen Formen. In diesen Fällen würde ich Optionsfelder vorschlagen, da die Leute gezwungen sind, die Frage zu lesen und eine Auswahl zu treffen, um zu verhindern, dass Faulheit die Leute über Kontrollkästchen gleiten lässt.

Dies gilt nur dann wirklich, wenn es sich um ein Ja/Nein/Null-Optionsfeld oder ein einzelnes Kontrollkästchen handelt. Wenn sich das Optionsfeld anfänglich im Status "Nein" befindet, entspricht es im Wesentlichen einem Kontrollkästchen. Wenn Sie die verschiedenen Fragen ersetzen können durch:

Do you have:
[ ] Thing 1
[ ] Thing 2
[ ] Thing 3
...

Dann ist das eine ganz andere Frage.

3
Kichi

Meiner bescheidenen Meinung nach

Radio Knöpfe

  1. Der Benutzer sollte nur eine einzige Option auswählen können

    (o) Ente () Gans () Rächender Todeskondor

  2. KEINE Antwort ist keine Antwort. Sobald Sie eine der drei Optionen im vorherigen Beispiel ausgewählt haben (klicken Sie auf ein Optionsfeld), können Sie nur Ihre Auswahl ändern, nicht die Auswahl aufheben.

Kontrollkästchen

  1. Der Benutzer kann mehrere Optionen auswählen

Toppings: [] Schweizer Käse [x] Seltsamer Käse [] Mystery Meat [x] Soylent Green

  1. KEINE Antwort ist eine gültige Antwort. d.h. im vorherigen Beispiel können Sie entscheiden, dass Sie keine Beläge möchten.
2
raubvogel
2
Davbog