Skip to content

[Service] Fwd: Statistik überarbeiten test #22

@tickbot

Description

@tickbot

UI/UX-Überarbeitung der Statistik-Seite (Monty Hall Web)

Problem

  • Statistik-Seite ist aktuell sehr basic und optisch unattraktiv.
  • Graphen wirken groß/unzentriert; Farbschema und Design wirken veraltet.

Ziel

  • Graphen kleiner, zentriert und responsive; neues Farben-Design und konsistentes UI.

Aufgaben / Umsetzung

  • Audit der aktuellen Chart-Library (z. B. Charting-Tool) und Styles.
  • Charts um ca. 25–30% verkleinern, zentrieren und responsive gestalten.
  • Neue Farbpalette/Design Tokens implementieren (Light/Dark, konzistente Theme-Farben).
  • Layout verbessern: bessere Abstände, zentrale Ausrichtung, konsistente Typografie.
  • Accessibility: ARIA-Labels, Keyboard-Navigation für Charts, Kontrast ≥ WCAG AA.
  • Performance: ggf. Lazy-Loading oder Debounce-Optimierungen, keine signifikante Regression der Datenanzeige.
  • Tests/Docs: Storybook/Visueller Regression-Test aktualisieren; Design-Spezifikationen verlinken.

Akzeptanzkriterien

  • Charts sind kleiner, zentriert und passen sich Desktop/Mobile an.
  • Neue Palette wird konsequent genutzt; Theme-Tokens vorhanden.
  • Kontrastverhältnis ≥ 4.5:1; Accessibility-Checks bestehen.
  • Keine Funktions- oder Daten-Regression; Darstellung der Statistik korrekt.
  • Tests/Docs aktualisiert; Design-MockupsReferenzen vorhanden.

Hinweise

  • Falls vorhanden, Design-Mockups (z. B. Figma-Link) bereitstellen, um Vorgaben konkret abzuleiten.
  • Zuweisung an verantwortlichen Frontend-Entwickler: TBD.

Labels

  • UI/UX, Enhancement, Frontend, Design

Assignee

  • TBD

Anhänge:

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions