Startseite / Designsystem / Umschalten
Umschalten Designsystem
Ändern Sie den Status, ohne die Auswirkung erraten zu müssen.
6 Prüfpunkte · 2 Inhaltsgruppen Checkliste speichern Link kopieren
Checkliste Beispiel
Inhalt der Checkliste Struktur und Bedeutung Interaktion und Benutzerfreundlichkeit
Prüffortschritt
Zurücksetzen
01 Struktur und Bedeutung Vergleichen Sie Informationen und Präsentation im Nutzungskontext.
Geben Sie die gesteuerte Funktion an Verwenden Sie eine stabile Bezeichnung, die die Option beschreibt, anstatt nur zu sagen, dass sie aktiviert oder deaktiviert ist. Ändern Sie den Status per Berührung und Tastatur. Das Etikett muss die Funktion beschreiben, der aktuelle Zustand muss über die Farbe hinaus erkennbar sein und die Anwendungsergebnisse müssen mit dem übereinstimmen, was die Schnittstelle verspricht. Beispiel Das Etikett „Terminerinnerung“ begleitet den Schalter und den „Ein“-Status; Durch Ausschalten des Schalters wird nur die Erinnerung gestoppt, der Kalender wird nicht gelöscht.Zeigt den aktuellen Status an Kombinieren Sie Positionen, Formen oder Text, um zusätzlich zur Farbe ein- und auszuschalten. Das On- oder Off-Label muss neben Ort und Farbe auch erkennbar sein; Überprüfen Sie den Status in der dunklen Benutzeroberfläche und wenn keine Farbe angezeigt wird. Erklären Sie, wann Sie sich bewerben müssen Geben Sie an, ob die Änderung sofort wirksam wird oder gespeichert werden muss, insbesondere bei Optionen, die sich auf Daten auswirken. Schalten Sie entsprechende Änderungen mit sofortiger Wirkung um; Wenn Sie immer noch auf „Speichern“ klicken müssen, geben Sie bitte ein geeigneteres Steuerelement an oder wählen Sie es aus. 02 Interaktion und Benutzerfreundlichkeit Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.
Halten Sie den Berührungsbereich breit Verwenden Sie Etiketten oder verwandte Bereiche, um den Status zu ändern, und platzieren Sie sie nicht in der Nähe anderer Schalter. Das gesamte Etikett kann zum Aktivieren/Deaktivieren verwendet werden, der Erklärungslink im Etikett sollte jedoch nicht versehentlich seinen Status ändern. Unterstützt Fokus und Raum Geben Sie einen Namen und einen Status für das Support-Tool an, das über die Tastatur bedient werden kann. Der Speicherplatz muss seinen Status ändern und der Benutzername muss den Effekt angeben. Konzentrieren Sie sich nach den Statusaktualisierungen weiterhin auf die Steuerung. Feedback, wenn Änderungen fehlschlagen ggf. Berichtsbearbeitung; Bei einem Fehler stellen Sie den korrekten Zustand wieder her und weisen Sie an, es erneut zu versuchen. Wenn ein Fehler gespeichert wird, setzen Sie den Status mit einer Erklärung zurück. Lassen Sie nicht zu, dass die Schnittstelle anzeigt, dass sie eingeschaltet ist, während der Server noch ausgeschaltet ist.
Der Fortschritt wird automatisch in diesem Browser gespeichert.
JavaScript aktivieren, um Punkte abzuhaken und die Checkliste zu speichern oder zu exportieren.
ANLEITUNG
So prüfen Sie 01 Überprüfen Sie, ob auf dem Etikett klar angegeben ist, was eingeschaltet ist Ändern Sie den Status per Berührung und Tastatur. Das Etikett muss die Funktion beschreiben, der aktuelle Zustand muss über die Farbe hinaus erkennbar sein und die Anwendungsergebnisse müssen mit dem übereinstimmen, was die Schnittstelle verspricht.
BEISPIELE
Anwendungsbeispiele Aktivieren Sie Erinnerungen für einen Kalender Das Etikett „Terminerinnerung“ begleitet den Schalter und den „Ein“-Status; Durch Ausschalten des Schalters wird nur die Erinnerung gestoppt, der Kalender wird nicht gelöscht.
Varianten und Anwendungsfälle Ausgeschalteter Zustand Eingeschalteter Zustand Beschriftung am Steuerelement Ausgeschalteter Zustand Die Bedeutung einer Einstellung bleibt klar, auch wenn der Schalter aus ist und noch nichts geändert wurde.
Die Beschriftung bei ausgeschaltetem Schalter lesen: Die Wirkung des Einschaltens muss verständlich sein.
Beispiel „Neue Fotos automatisch speichern“ auszuschalten löscht keine bereits gespeicherten Fotos.
Benachrichtigungen aktivieren
Eingeschalteter Zustand Der Schalter zeigt den tatsächlichen Wert und meldet fehlgeschlagene Änderungen.
Einen Speicherfehler simulieren: Der Schalter kehrt zum gespeicherten Wert zurück und erklärt den Fehler.
Beispiel Benachrichtigungen aktivieren, während die Anfrage fehlschlägt: Zum ausgeschalteten Zustand zurückkehren und einen erneuten Versuch anbieten.
Benachrichtigungen aktivieren
Beschriftung am Steuerelement Beschriftung und Beschreibung nahe am Schalter halten; der Klickbereich darf nicht mit anderen Einstellungen verwechselt werden.
Die Beschriftung anklicken und mit Screenreader prüfen: Beide Wege betreffen die richtige Einstellung.
Beispiel „Aktivitäts-E-Mails erhalten“ zeigt darunter die Versandhäufigkeit.
Benachrichtigungen aktivieren