Zum Hauptinhalt springen

PULSE — Produkt-Analytics-Dashboard

Produkt-Analytics-Dashboard

Dashboard für Produktanalyse: fünf Steuerungsansichten auf einem Bildschirm zusammengeführt, ein einziger Zeitfilter für alle Karten und Tabellenziffern, die das Layout nie verschieben.

2026-03
  • Full-Stack-Entwicklung
  • Datenvisualisierung
  • Produkt-Interface-Design
Next.jsTypeScriptTailwind CSSRechartsVercel
Vorschau von PULSE — Produkt-Analytics-Dashboard
  1. 01

    Fünf Steuerungsansichten auf einem einzigen Bildschirm vereint

  2. 02

    Ein einziger Zeitfilter — 7, 30 oder 90 Tage — steuert alle Karten

  3. 03

    Überall Tabellenziffern: Kein Wert verschiebt das Layout

Das Briefing

Ein Dashboard zur Produktanalyse für ein Abo-Geschäft. Das Problem eines solchen Werkzeugs sind nie die Daten: Es sind zu viele. Wiederkehrender Umsatz, aktive Konten, Conversion-Rate, Abwanderung, Akquise je Kanal, Verteilung der Tarife — alles ist wichtig, und damit nichts mehr.

Der Auftrag betraf die Oberfläche: auf einem Bildschirm lesbar machen, was sonst über fünf Reiter verteilt gelesen wird.

Die Rahmenbedingungen

  • Hohe Dichte, bewusst. Wer sein Dashboard öffnet, will alles sehen und nicht klicken.
  • Keine Farbe darf eine Information allein tragen: Ein Diagramm muss auch für farbenblinde Menschen lesbar bleiben.
  • Die Zahlen ändern sich ständig: Das Layout darf nicht springen, wenn ein Wert von 3 auf 4 Stellen wächst.

Die Entscheidungen

Zwei Navigationsebenen, nicht sechs.

Alles liegt unter zwei Einträgen: Steuerung — Überblick, Publikum, Umsatz, Funnels, Retention — und Arbeitsbereich — Integrationen, Einstellungen. Die Unterscheidung ist nicht thematisch, sondern zeitlich: was man täglich ansieht, und was man einmal einstellt. Allein diese Trennung streicht die Hälfte der Wege hin und zurück.

Der Zeitfilter über allem.

Sieben, dreißig oder neunzig Tage: Ein einziger Selektor am Seitenkopf steuert alle Ansichten. Ein Filter je Karte hätte unmögliche Vergleiche erlaubt — ein Umsatz über dreißig Tage neben einer Abwanderung über sieben.

Überall Tabellenziffern.

Alle Werte sind dicktengleich gesetzt. Eine Spalte von Beträgen richtet sich am Komma aus, und ein aktualisierter Zähler lässt das Layout nicht mehr zucken. Ein Detail von drei Zeilen Stil, das darüber entscheidet, wie solide sich das Werkzeug anfühlt.

Das Ergebnis

Ein Überblick, der auf einen Bildschirm passt: wiederkehrender Nettoumsatz mit Periodenvergleich, aktive Konten, Conversion, Abwanderung, Akquise je Kanal und Verteilung der Tarife. Die Kontentabelle ist sortierbar, die Daten sind exportierbar, die Aktivität ist live sichtbar.

Was ich anders machen würde

Es fehlt eine Benachrichtigung. Ein Dashboard, an dessen Öffnen man denken muss, nützt nur an den Tagen, an denen man daran denkt: Der nächste Schritt wäre eine einstellbare Schwelle für die Abwanderung, per E-Mail gemeldet. Die Daten liegen bereits vor, es fehlt der Anlass.

Aureon