Aus dem Sparring, alle drei auch in Analytics wirksam.
1. Vertriebstrichter: Zeilen-Hervorhebung statt Ausgrauen der uebrigen Balken.
Bisher setzte das Ueberfahren einer Zeile alle anderen Balken auf 45 %
Deckkraft. Das war aus drei Gruenden falsch: Es liess fuenf von sechs
Balken verblassen und las sich dadurch wie eine Auswahl statt wie ein
Ueberfahren; es war in sich widerspruechlich, weil die Balken verblassten
und die Namen daneben schwarz blieben; und Deckkraft traegt in diesem
Diagramm bereits Bedeutung — der Balken kodiert einen Anteil, ihn heller zu
machen heisst dort "weniger" und nicht "gerade nicht beruehrt".
Jetzt bekommt die beruehrte Zeile einen Untergrund, die uebrigen bleiben
unveraendert. Derselbe Untergrund wie in der Handlungsbedarf-Liste und in
den Tabellen. Die Spur des aktiven Balkens wird weiss: neutral-50 und
neutral-100 liegen nur fuenf Stufen auseinander, grau auf grau haette dem
Balken den Bezugsrahmen genommen.
2. KPI-Karten einer Reihe auf gleiche Hoehe.
Die Umsatzkarte war hoeher als ihre drei Nachbarn, weil sie als einzige
eine Trendzeile mit Verlaufskurve traegt. Auf dem Dashboard steht zwischen
Rasterzelle und Karte ein Link, und der reichte die Streckung des Rasters
nicht durch. h-full auf der Karte.
3. Handlungsbedarf: Hover-Flaeche greift ueber den Inhalt hinaus.
Der Untergrund endete hart am Pfeil — bei zwei Spalten besonders sichtbar,
weil daneben 32 px Spaltenabstand ungefaerbt blieben. Jetzt acht Pixel
Ueberstand und runde Ecken.
Dabei mitgenommen: Der Trennstrich sass unten und brauchte eine Ausnahme
fuer "die letzte Zeile" — die es bei zwei Spalten zweimal gibt. Die rechte
Spalte behielt dadurch einen Strich, unter dem nichts mehr kam. Oben
liegend ist die Ausnahme die erste Zeile jeder Spalte, und die steht immer
an derselben Stelle, unabhaengig von der Anzahl der Eintraege.
tsc, lint, build und verify:layout laufen sauber; Hover-Zustaende und
Kartenhoehen nachgemessen statt begutachtet.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QPeZNwSeU7qG3RRCwaxEZX
dejanandClaude Opus 5
e209c33916