Dropdown-Menü Designsystem

Bringen Sie verwandte Aktionen in einfach zu verwaltende Menüs ein.

8 Prüfpunkte · 3 Inhaltsgruppen

Inhalt der Checkliste

Struktur und Bedeutung Interaktion und Benutzerfreundlichkeit Vervollständigen Sie das Erlebnis

Prüffortschritt

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Benennen Sie die Schaltfläche, die das Menü öffnetGibt an, welche Aktion das Menü enthält und spiegelt den geöffneten Zustand wider.Die Schaltfläche mit den drei Punkten benötigt weiterhin einen Zugriffsnamen entsprechend dem Objekt, auf das sie sich auswirkt.Beispiel Die Schaltfläche trägt die Bezeichnung „Neuen Designentwurf ausführen“.Schreiben Sie konkrete AktionenVerwenden Sie unterscheidbare Verben und fügen Sie Abkürzungen nur hinzu, wenn diese tatsächlich unterstützt werden.Halten Sie die Symbolspalte und die Verknüpfungsspalte ausgerichtet; Zeigt nur die Verknüpfung an, die für diese Aktion tatsächlich funktioniert.Gruppe verwandter AufgabenVerwenden Sie Überschriften oder Trennungen, wenn die Anzahl der Aktionen groß ist.Platzieren Sie Aktionen und Ziele nebeneinander; Teiler müssen eine sinnvolle Gruppierung widerspiegeln, nicht nur eine gleichmäßige Aufteilung der Elemente.Separate Aktionen, die schwer rückgängig zu machen sindLöschen oder Widerrufen separat einstellen, ggf. Bestätigung erläutern.Halten Sie schwer rückgängig zu machende Aktionen getrennt von häufig verwendeten Aufgaben und weit genug entfernt, um versehentliche Klicks zu vermeiden.

Interaktion und Benutzerfreundlichkeit

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

Erklären Sie, warum es nicht verwendet werden kannErstellen Sie kein deaktiviertes Element, von dem der Benutzer nicht weiß, wie er es öffnen kann.Erklären Sie die nicht erfüllte Bedingung mit nutzbaren Inhalten beim Fokussieren oder Berühren, nicht nur mit einem Tooltip beim Bewegen des Mauszeigers.Mit der Tastatur öffnen, durchsuchen und schließenVerwenden Sie das entsprechende Menüverhalten, Escape und kehren Sie zum Fokus auf die Schaltfläche „Öffnen“ zurück.Lassen Sie das Menü auf dem BildschirmÄndern Sie die Richtung oder rollen Sie, wenn Sie sich der Kante nähern. Den notwendigen Triggerpunkt nicht abdecken.Öffnen Sie das Menü in den Ecken des Bildschirms mit langen Listen und vergrößertem Text, um zu sehen, ob es die Richtung ändert oder scrollt.

Vervollständigen Sie das Erlebnis

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

Halten Sie die Untermenüs begrenzt und kontrollierbarWenn eine Gruppe ein Untermenü öffnet, machen Sie dies deutlich, unterstützen Sie das Öffnen und Verlassen des Untermenüs über eine Tastatur und vermeiden Sie tiefe Verschachtelungen, die dazu führen, dass Benutzer ihren Platz verlieren.Probieren Sie Untermenüs am Rand des Bildschirms und auf dem Touchscreen aus. Der Benutzer muss es öffnen können, ohne die Maus auf einer sehr schmalen Linie zu halten.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG