Datumsauswahl Designsystem

Hilft bei der Auswahl von Daten, ohne das Format oder den Zeitraum zu verwechseln.

8 Prüfpunkte · 3 Inhaltsgruppen

Inhalt der Checkliste

Prüffortschritt

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Geben Sie das Datumsformat anZeigt Beschriftungen, Beispiele und Datumsangaben in der aktuellen Sprache an.Zwingen Sie Leute, die das genaue Datum kennen, nicht dazu, sich durch viele Monate zu klicken.Beispiel „Startdatum – TT/MM/JJJJ“, für direkte Eingabe 15. November 2026.Führen Sie einen Kalender, der einfach zu navigieren istZeigt Monat, Jahr, Tagesnamen und beschriftete Monatsschalter an.Halten Sie die Monats- und Jahrestitel klar und reagieren Sie, nachdem Sie den Monat geändert haben. Das ausgewählte Datum und das heutige Datum müssen unterschiedliche Signale haben.Unterstützt den direkten ImportErmöglicht Ihnen, das Datum einzugeben und das falsche Format zu melden, ohne das Datum versehentlich zu ändern.Ermöglicht die direkte Eingabe bei der Auswahl eines sehr weit entfernten Datums; Beim Formatfehler muss die Reihenfolge Tag/Monat/Jahr angegeben und der Wert beibehalten werden, damit der Benutzer ihn korrigieren kann.Erklärungsdatum kann nicht ausgewählt werdenUnterscheiden Sie bei Bedarf zwischen heute, ausgewähltem Datum und gesperrtem Datum mit Grund.Erklären Sie, warum der Termin nicht ausgewählt werden kann, insbesondere aufgrund eines engen oder begrenzten Zeitplans. Reduzieren Sie nicht nur die Kühnheit der Zahl.

Interaktion und Benutzerfreundlichkeit

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

Klären Sie die beiden Enden des DatumsbereichsGegebenenfallsWenn Sie einen Bereich auswählen, geben Sie bei der Rückwärtseingabe das Start- und Enddatum sowie das Handle an.Halten Sie sowohl den ersten als auch den letzten Tag ein, wenn Sie eine Seite reparieren. einen ungültigen Bereich melden, ohne die beiden Werte stillschweigend zu invertieren.Kalender mit Tastatur steuernWählen Sie für Mittagsbewegungen Kalender entsprechend dem erläuterten Verhalten aus und schließen Sie sie.Geben Sie die Zeitzone an, wenn die Zeit verfügbar istGegebenenfallsWenn Sie einen Zeitplan mit einer Uhrzeit festlegen, zeigen Sie die Zeitzone an und sorgen Sie dafür, dass die Datums- und Uhrzeitauswahl konsistent bleibt.Zeigt die Zeitzonen- und Datumsänderungsregeln an, wenn eine Zeit nach Mitternacht ausgewählt ist; Das 12/24-Stunden-Format muss mit der Benutzerauswahl übereinstimmen.

Vervollständigen Sie das Erlebnis

Achten Sie auf Details, die bei der Verwendung des Designs leicht übersehen werden können.

Bieten Sie eine Möglichkeit, zum Heute zurückzukehrenWenn Sie mehrere Monate durchsuchen, bieten Sie eine Möglichkeit, zum aktuellen Monat oder Tag zurückzukehren, ohne wiederholt rückwärts navigieren zu müssen.Unterscheiden Sie die Aktion, die den Kalender nur auf den heutigen Tag vorstellt, von der Aktion, die den heutigen Tag auswählt. Wenn Sie heute nicht wählen dürfen, erklären Sie die Regel trotzdem.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG

So prüfen Sie

Geben Sie das Datumsformat an

Zwingen Sie Leute, die das genaue Datum kennen, nicht dazu, sich durch viele Monate zu klicken.

BEISPIELE

Anwendungsbeispiele

Geben Sie das Datumsformat an

„Startdatum – TT/MM/JJJJ“, für direkte Eingabe 15. November 2026.

Datumsauswahl Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie das Datumsformat an

Anwendungsbeispiele

Geben Sie das Datumsformat an

Checkliste suchen

Keine Checklisten gefunden