Skill: Prototyp & Research
Führe die Arbeit mit der richtigen Fidelity-Stufe und Validierung.
Schritte
- Lese
workflows/prototyping.md(5‑stufige Fidelity-Leiter, Vorlage für Journey‑Mapping, Usability‑Test‑Skript, Beispieldaten). - Identifiziere das aktuelle Bedürfnis und wähle die niedrigste Fidelity, die es beantwortet – überspringe niemals Stufen:
- Content‑first (Info‑Bedarf) → Wireframe (Layout/Navigation) → Low‑fi (Aufgabenerfüllung) → High‑fi (Visuelles/Barrierefreiheit) → Code (Machbarkeit/Performance).
- Für Abläufe: erstelle eine User‑Journey‑Map mit Entscheidungspunkten, Fehlerpfaden und Randfällen.
- Für Validierung: definiere den Usability‑Test (Aufgaben, Erfolgskriterien, 5‑Benutzer‑Regel) mithilfe des Skripts.
- High‑fi/Code‑Stufen greifen auf Tokens (
tokens/*), Komponenten (components/*), Taste (taste/*) und Barrierefreiheit (accessibility/*) zu.
Ausgabe
Das Artefakt auf der gewählten Fidelity-Stufe + ein expliziter Plan „Was wir als Nächstes validieren“.
Überprüfung (bevor wir „fertig“ erklären)
- Die Fidelity-Stufe entspricht der zu beantwortenden Frage – keine Stufe übersprungen.
- Abläufe enthalten Entscheidungspunkte, Fehlerpfade und Randfälle (leer/laden/überlaufen), nicht nur den Happy‑Path.
- Ein konkreter Validierungsschritt ist benannt (Aufgaben + Erfolgskriterien), nicht „später testen“.
- High‑fi/Code‑Artefakte erfüllen denselben Token‑ und Accessibility‑Standard wie
design-code(keine hartcodierten Werte, Kontrast, Zustände).