Optionsfelder Designsystem

Macht die Einzelauswahl klar und einfach zu bedienen.

6 Prüfpunkte · 2 Inhaltsgruppen

Inhalt der Checkliste

Prüffortschritt

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Stellen Sie eine allgemeine FrageBeschriften Sie die Gruppe, damit Benutzer wissen, was sie auswählen.Verschieben Sie die Auswahl mit den Pfeiltasten und tippen Sie dann auf die Beschriftung. Es wird nur eine Option ausgewählt; Der Gruppenname und die Beschreibung sollten deutlich machen, welche Auswirkungen die Auswahl hat.Beispiel Die Gruppe „Liefermethode“ hat „Standard“ und „Schnell“; Auf jedem Etikett sind die geschätzte Zeit und Gebühr aufgeführt, wobei jeweils eine Auswahl getroffen wird.Unterscheiden Sie jede OptionVerwenden Sie spezifische Bezeichnungen und fügen Sie Erklärungen hinzu, wenn die Auswahl geringfügige Unterschiede aufweist.Bei jeder Auswahl muss das gleiche Attribut problemlos verglichen werden können. Erläutern Sie die Kosten bzw. Konsequenzen direkt unter der entsprechenden Option.Wählen Sie nur ein Element ausHalten Sie Ausschlüsse konsistent und wählen Sie nur dann eine Vorauswahl aus, wenn es einen guten Grund gibt.Treffen Sie keine Vorauswahl, wenn der Benutzer eine bewusste Entscheidung treffen muss; Wenn es zu einem Verzug kommt, geben Sie den Grund deutlich an und lassen Sie dennoch Änderungen vor dem Absenden zu.

Interaktion und Benutzerfreundlichkeit

Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.

Lassen Sie es auch das Etikett berührenOrdnen Sie die Beschriftung der Auswahltaste zu und halten Sie den Aktivierungsbereich groß genug.Klicken Sie sowohl auf die entsprechende Bezeichnung als auch auf die Beschreibung. Halten Sie genügend Abstand ein, damit beim Drücken dieser Option nicht die nächste Option aufgerufen wird.Kann über die Tastatur verschoben werdenUnterstützt die Tabulatortaste zum Gruppieren und die Pfeiltasten zwischen Auswahlen im gewohnten Verhalten.Gruppen benötigen lediglich einen Einstiegspunkt über die Tabulatortaste und die Verwendung von Pfeilen, um Elemente zu ändern. Vermeiden Sie es, jedem Kreis eine separate Tab-Stufe zu geben.Alle Status anzeigenUnterscheiden Sie zwischen nicht ausgewählt, ausgewählt, fokussiert und deaktiviert, ohne sich ausschließlich auf die Farbe zu verlassen.Unbrauchbare Gegenstände bedürfen nachvollziehbarer Gründe; Die Radiogruppe mit einem Fehler muss der gesamten Frage einen Hinweis beifügen, nicht nur einem einzelnen Element.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG

So prüfen Sie

Auf Einzelauswahl in einer Gruppe prüfen

Verschieben Sie die Auswahl mit den Pfeiltasten und tippen Sie dann auf die Beschriftung. Es wird nur eine Option ausgewählt; Der Gruppenname und die Beschreibung sollten deutlich machen, welche Auswirkungen die Auswahl hat.

BEISPIELE

Anwendungsbeispiele

Wählen Sie die Versandart

Die Gruppe „Liefermethode“ hat „Standard“ und „Schnell“; Auf jedem Etikett sind die geschätzte Zeit und Gebühr aufgeführt, wobei jeweils eine Auswahl getroffen wird.

Optionsfelder Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

So prüfen Sie

Auf Einzelauswahl in einer Gruppe prüfen

Anwendungsbeispiele

Wählen Sie die Versandart

Gruppe mit genau einer Auswahl

Auswahlzustände

Checkliste suchen

Keine Checklisten gefunden

Optionsfelder Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

So prüfen Sie

Auf Einzelauswahl in einer Gruppe prüfen

Anwendungsbeispiele

Wählen Sie die Versandart

Varianten und Anwendungsfälle

Gruppe mit genau einer Auswahl

Auswahlzustände