UI/UX
Shield-Carousel UI/UX
Designrichtlinien, Verwendungsregeln und visuelle Anatomie für diese Komponente.
Anatomy
Das Carousel besteht aus einem scrollbaren Viewport, den Slides sowie einer integrierten Navigation mit Pfeilen und Delimitern.
Responsive Verhalten
Mobile zeigt benachbarte Slides standardmaessig als Vorschau. Desktop fokussiert standardmaessig die aktive Slide und kann Peek optional aktivieren.
Do
- Mobile fuer schnelle Orientierung und Swipe-Interaktion nutzen.
- desktop-peek nur einschalten, wenn Nachbar-Schritte wirklich hilfreich sind.
Don't
- Nicht mehrere gleich starke Hauptaktionen in benachbarten Peek-Slides konkurrieren lassen.
- Nicht als Endlos-Scroller missverstehen; die Komponente navigiert schrittweise.