Es gibt Knöpfe vorne und hinten
Wischen kann eine ergänzende Möglichkeit sein, sollte aber nicht die einzige Möglichkeit sein, Elemente zu verschieben.
Karussell Designsystem
Ermöglicht Ihnen, Inhalte nacheinander zu durchsuchen und gleichzeitig den Standort zu kontrollieren.
Inhalt der Checkliste
Prüffortschritt
01
Struktur und Bedeutung
Vergleichen Sie Informationen und Präsentation im Nutzungskontext.
02
Interaktion und Benutzerfreundlichkeit
Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.
03
Vervollständigen Sie das Erlebnis
Achten Sie auf Details, die bei der Verwendung des Designs leicht übersehen werden können.
Der Fortschritt wird automatisch in diesem Browser gespeichert.
ANLEITUNG
So prüfen Sie
BEISPIELE
Anwendungsbeispiele
Es gibt Knöpfe vorne und hinten
Produktfotos verfügen über die Schaltflächen „Vorheriges Foto“, „Nächstes Foto“ und eine 2/5-Beschriftung.
Varianten und Anwendungsfälle
Inhalte wechseln
Vorherige/Nächste und passende Touch-Bedienung unterstützen, ohne Wischen zur Pflicht zu machen.
Nur mit Tastatur und anschließend mit Touch testen: Beide Wege erreichen dieselben Einträge.
Beispiel „Nächstes Foto“ funktioniert zusätzlich zur horizontalen Wischgeste.
Position innerhalb der Inhalte
Aktuellen Eintrag und Gesamtzahl mit einer verständlichen Beschriftung anzeigen.
Per Schaltfläche und Wischgeste wechseln: Der Zähler folgt dem aktuellen Bild.
Beispiel „Foto 2 / 5“ statt fünf unbeschrifteter Punkte anzeigen.
Kontrollierte Bewegung
Automatische Wechsel anhalten können und die Einstellung für reduzierte Bewegung beachten.
Reduzierte Bewegung aktivieren und das Karussell fokussieren: Gelesene Inhalte wechseln nicht automatisch.
Beispiel Das Karussell stoppt automatisch, sobald eine Interaktion beginnt.
Aktuell angezeigter Eintrag
Inhalt und Aktionen des aktuellen Eintrags klar halten und den Fokus nicht auf verborgene Folien setzen.
Mit Tab durch mehrere Folien gehen: Links außerhalb der aktuellen Folie erhalten keinen Fokus.
Beispiel Nur die Detailschaltfläche des sichtbaren Produkts liegt in der Tab-Reihenfolge.