step-by-step
Zweck (kurz)
Visualisierung und Erläuterung eines Ablaufs
Zweck
Das step-by-step-Pattern soll Besucher:innen den Ablauf verständlicher erläutern, indem es durch Icons, Illustrationen und Beschreibungstexten die Reihenfolge der Schritte verständlich macht.
Felder
- Hintergrundfarbe (optional)
- Überschrift
- Einleitungstext
- Icon
- Feature
- Beschreibung
Dos
- Achte für eine ausgewogene Darstellung darauf, dass alle Schritte ungefähr die gleiche Textlänge haben
- Verwende ausschließlich Icons aus unserem Icon-Set
- Ideal sind 3 bis 4 Schritte
Don'ts
- Achte darauf, dass der Einleitungstext nicht länger als die Liste der Schritte wird