Schublade Designsystem

Öffnen Sie sekundäre Inhalte und behalten Sie dabei den Kontext des Hauptbildschirms bei.

8 Prüfpunkte · 3 Inhaltsgruppen

Inhalt der Checkliste

Prüffortschritt

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Geben Sie den Inhalt des Panels anAnhand des Titels können Sie erkennen, ob es sich um Navigation, Einsicht oder Bearbeitung handelt.Die Auswahl einer Schublade beim Betrachten des Hauptinhalts hilft immer noch bei der Aufgabe.Beispiel Das Panel „Bestelldetails“ öffnet sich rechts, die Bestellliste bleibt hinten.Wählen Sie eine durchgehend offene KanteAchten Sie darauf, dass die Eröffnungsausrichtung der Rolle entspricht und dass der Raum groß genug ist, um den Inhalt lesen zu können.Geben Sie die minimale und maximale Breite für jeden Paneltyp an; Um den Erwartungen gerecht zu werden, sollte die gleiche Rolle von der gleichen Seite ausgehen.Zeigt an, dass das Bedienfeld geöffnet istOrdnen Sie die Schaltfläche „Öffnen“ dem Bedienfeld zu und geben Sie den geöffneten oder geschlossenen Zustand an.Der Name der Schaltfläche „Öffnen“ muss angeben, welcher Inhalt angezeigt wird. Der Offenzustand muss auch dann aktualisiert werden, wenn die Schublade mit Escape geschlossen wird.Verwalten Sie den Fokus nach PaneltypBehalten Sie bei Modal-Schubladen den Fokus im Inneren und geben Sie beim Schließen die Öffnungstaste zurück.Für die Schubladenunterstützung neben Inhalts- und Modalschubladen gelten unterschiedliche Regeln. Sperren Sie den Fokus nicht, wenn der Benutzer noch mit beiden Bereichen interagieren muss.

Interaktion und Benutzerfreundlichkeit

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

Es gibt eine freie StraßeAktiviert gegebenenfalls die Schaltflächen „Schließen“, „Escape“ und „Hintergrund“, ohne selbst Daten zu verlieren.Halten Sie die Schließen-Schaltfläche beim Scrollen sichtbar; Wenn nicht gespeicherte Entwurfswarnungen erforderlich sind, müssen für alle Schließungen dieselben Regeln gelten.Halten Sie lange Inhalte zugänglichVerdecken Sie bei scrollenden Inhalten weder Titel noch Endaktionen.Testen Sie auf einem schmalen BildschirmPassen Sie Breite, Tastatur und Tastenpositionen an, wenn das Bedienfeld den gesamten Bildschirm einnimmt.Wenn das Panel zum Vollbildmodus wechselt, überprüfen Sie die Rückkehr, den sicheren Bereich und die Tastatur. Minimieren Sie nicht nur den Desktop.

Vervollständigen Sie das Erlebnis

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

Organisieren Sie den Aktionsbereich der SchubladeWenn eine Schublade die Bearbeitung unterstützt, bewahren Sie die Aktionen zum Speichern und Abbrechen an einem stabilen Ort auf, der vom Bildlaufinhalt getrennt ist.Wenn Sie die Panelfüße an Ort und Stelle lassen, lassen Sie am Ende des Inhalts genügend Platz, damit dieser nicht das letzte Feld verdeckt. Versuchen Sie es auf Ihrem Telefon auch mit geöffneter Tastatur.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG

So prüfen Sie

Geben Sie den Inhalt des Panels an

Die Auswahl einer Schublade beim Betrachten des Hauptinhalts hilft immer noch bei der Aufgabe.

BEISPIELE

Anwendungsbeispiele

Geben Sie den Inhalt des Panels an

Das Panel „Bestelldetails“ öffnet sich rechts, die Bestellliste bleibt hinten.

Schublade Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie den Inhalt des Panels an

Anwendungsbeispiele

Geben Sie den Inhalt des Panels an

Öffnungsrichtung des Bereichs

Details

Hintergrund und Fokus

Details

Aufbau des Bereichs

Details

Checkliste suchen

Keine Checklisten gefunden

Schublade Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie den Inhalt des Panels an

Anwendungsbeispiele

Geben Sie den Inhalt des Panels an

Varianten und Anwendungsfälle

Öffnungsrichtung des Bereichs

Hintergrund und Fokus

Aufbau des Bereichs