Repository navigation
Design-Framework finden #6
Description
Aufgaben des Product-Owners
Definition of Ready (DoR) v1
- Story mit Stakeholdern abstimmen
- Notwendige Designs für die Devs ausreichend definieren
- Wert (Nutz-, Kunden- und Wissens-Wert) mit Stakeholder abstimmen
- Größe (Aufwand, Komplexität) mit DEVs abstimmen
- Quality Attribute Scenarios (QAS) abstimmen
Story
Als Entwickler möchte ich, dass ein Design-Framework verwenden um die Entwicklungsgeschwindigkeit zu erhöhen und die Oberfläche einheitlich gestalten.
Technische Details
Mögliche QAS
- Einheitliches Aussehen aller UI-Komponenten
- Responsives Verhalten auf verschiedenen Bildschirmgrößen
- Barrierefreiheit (Accessibility, z.B. Tastaturbedienung, Screenreader)
- Konsistentes Farbschema und Theme-Unterstützung
- Einhaltung von Corporate Design Vorgaben
- Modularität und Wiederverwendbarkeit von Komponenten
- Performance bei Rendering und Interaktionen
- Saubere Dokumentation der Komponenten
- Unterstützung von Dark/Light Mode
- Flexibles Customizing von Komponenten
- Unterstützung von Internationalisierung (i18n)
- Community-Support und regelmäßige Updates
- Sicherheit bei der Einbindung von Bibliotheken
- Kompatibilität mit CI/CD-Pipelines
Akzeptanzkriterien
- Vor und Nachteile von den Design-Frameworks sind in diesem Ticket dokumentiert
- Die Vor und Nachteile wurden im Team besprochen
- Ein Design-Framework wurde gewählt
- Die Entscheidungen wurden in ADRs dokumentiert (ADRs noch nicht in Verwendung)
Definition of Done (DoD) v1
- Es existiert mindestens ein automatisierter Akzeptanztest pro Akzeptanzkriterium
- Der Autor hat den Code selbst überprüft
- Der Autor hat die Commits gesquasht, um die Historie sauber zu halten
Metadata
Metadata
Labels
No labels
Type
Projects
- Status
Activity
tjorbo commentedon Oct 9, 2025
@EikeApp/dev seit ihr mit der 2 einverstanden? 🍀
tjorbo commentedon Oct 14, 2025
1 remaining item
dennisprzytarski commentedon Oct 15, 2025
Also Flutter hat grundlegend 2 Design Systeme integriert, zwischen denen man sich entscheiden kann: Material Design (Google) und Cupertino (Apple): https://docs.flutter.dev/ui/widgets
Es gibt noch UI Systeme, die eher an Windows, MacOS etc. erinnern, aber denke, Material Design ist vermutlich das beste für uns.
Hier hast du eine Vorlage für Figma, die du direkt einsetzen kannst:
https://www.figma.com/community/file/1035203688168086460
Mehr Infos dazu: https://m3.material.io/blog/material-3-figma-design-kit
Gibt auch noch weitere wie das gestern angesprochen ShadCN, aber ich würd dann doch auf das optimierte System für Flutter setzen, zumal die alle wichtigen Komponenten bereits drin haben.
tjorbo commentedon Oct 21, 2025
@nemacke so wie ich das verstehe, kannst du dir material design ansehen und soweit für die aktuellen Aufgaben umsetzen. Wäre das OK für dich?
tjorbo commentedon Nov 4, 2025
Danke euch allen 👍 🍀