Fwd: Statistik überarbeiten test

[tickbot]

Statistik-Diagramme auf Monthy Hall Web UI verbessern (Layout & Design)

Problem

• Die Statistik-Seiten auf Monthy Hall Web wirken aktuell basic und wenig ansprechend.

Ziel

• Optik der Diagramme verbessern: Diagramme kleiner, zentriert, mit neuer Farben/Designs.

Umsetzung (Vorschläge)

• Analyse der aktuellen Chart-Komponenten/Bibliothek und Styles.
• 2–3 Design-Mockups für Farbpalette und Layout erstellen.
• Frontend-Anpassungen:
  • Diagramme in Container zentrieren, kleinere Proportionen
  • Konsistente Abstände/Ränder sicherstellen
  • Einheitliche Farbpalette und Styling (Linien, Bars, Legende)
• Accessibility:
  • Kontrast ≥ WCAG AA
  • klare Achsenbeschriftungen, lesbare Schriftgrößen
• Kompatibilität:
  • keine API- oder Datenlogik-Änderungen, Back- und Frontend kompatibel bleiben
• Testing:
  • Visual-Review-Staging, Responsive-Tests (Desktop/Tablet/Mobile)

Akzeptanzkriterien (Definition of Done)

• Neue Diagramm-Designs sind implementiert und sichtbar im Staging.
• Alle Diagrammtypen (Linien-, Balken-Diagramme) verwenden ein konsistentes, zentriertes Layout und angepasstes Padding.
• Farbpalette implementiert mit ausreichendem Kontrast; Design konsistent über alle Diagrammtypen hinweg.
• Responsive Verhalten verified: Diagramme passen sich Desktop/Tablet/Mobile an.
• Tooltips, Legenden und Achsenbeschriftungen funktionieren und bleiben lesbar.
• Keine Datenfehler oder Performance-Verluste durch Design-Änderungen.
• Dokumentation/Design-Guide aktualisiert (Beispiele in Storybook/Docs).

Anhänge:

Bild: Screenshot 2025-10-10 at 15.52.40.png (image/png)