Startseite: aus siebzehn gleichen Rechtecken wird eine Uebersicht

Sie war eine Wand: siebzehn identische Kaesten, auf jedem stand "OEFFNEN".
Wenn alles gleich aussieht, ist alles gleich wichtig -- also nichts. Und
"OEFFNEN" ist keine Information; dass eine Kachel sich oeffnen laesst,
weiss man.

Drei Aenderungen, jede mit einem Grund:

1. GRUPPEN statt einer Liste. "Taeglich" (was man sowieso jeden Tag
   aufmacht), "Rund um den Creator" (die Betreuungsakte), "Team & System"
   (was den Laden am Laufen haelt). Das sind drei verschiedene Absichten.

2. ZAHLEN STATT "OEFFNEN". Auf der Kachel steht jetzt, wo Arbeit liegt --
   "Aufgaben 4", rot markiert, weil etwas ueberfaellig ist. Gespeist aus
   DERSELBEN Quelle wie die Hinweisliste darueber, kein zweiter Zaehler:
   Zwei verschiedene Wahrheiten uebereinander auf einem Bildschirm waeren
   schlimmer als gar keine Zahl.

3. ZEICHEN UND FARBE. Siebzehn eigene Linienzeichen (eigene Pfade, keine
   Fremdbibliothek -- kleiner als jede Schriftart und keine zusaetzliche
   Lieferkette) und acht Farbtoene.

Warum acht Toene und nicht siebzehn: Ich hatte zuerst eine eigene Farbe
je Kachel gebaut und das Ergebnis pruefen lassen. Zwei Paare hatten einen
Abstand von 1.4 und 5.6 -- also praktisch dieselbe Farbe. Das sieht nach
Zufall aus, nicht nach Absicht. Die acht jetzt verwendeten sind gegen
genau diesen Hintergrund gerechnet und bestehen alle Pruefungen
(Helligkeitsband, Farbstaerke, Farbfehlsichtigkeit dE 8.4,
Normalsicht 19.3, Kontrast). Verteilt so, dass in einer Zeile nie
zweimal derselbe Ton steht. Die Farbe stuetzt nur -- WAS eine Kachel
ist, sagen Zeichen und Name.

Dazu:
- Begruessung nach Tageszeit statt immer "Willkommen".
- Sechs Nullen nebeneinander sind Rauschen: Ist wirklich nichts offen,
  steht dort ein Satz und der Platz gehoert den Bereichen.
- Die Hinweisliste stand mit sieben Zeilen im Weg. Jetzt vier sichtbar,
  Rest auf Knopfdruck -- derselbe Helfer wie im Protokoll und im Verlauf.
- Gestaffelter Einlauf, aber in einer no-preference-Abfrage: Bei
  "weniger Bewegung" entsteht gar keine Animation, nicht nur eine ohne
  Dauer. Geprueft mit reducedMotion.

Beim Ansehen des ersten Bildes fielen abgeschnittene Untertitel auf
("Stammdaten, Ziele, 90-..."). Abgeschnittener Text ist der haeufigste
stille Fehler in einer Kachel, weil er nach Absicht aussieht. Texte
gekuerzt -- und der Test misst jetzt die tatsaechliche Textbreite gegen
die verfuegbare, damit es nicht wiederkommt.

40 Pruefungen, Computer und Handy, alle vier Rollen: Ein Creator sieht
"Mein Profil" statt der Liste aller Creator, keine Personenverwaltung,
keine Pipeline, keine Automationen -- und trotzdem drei saubere Gruppen.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-08-31 22:36:29 +02:00
co-authored by Claude Opus 5
parent 43ce6551e2
commit d05a772ee4
22 changed files with 805 additions and 236 deletions
+5 -5
View File
@@ -7,9 +7,9 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202608312145" />
<link rel="stylesheet" href="assets/css/start.css?v=202608312145" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202608312145" />
<link rel="stylesheet" href="assets/css/gate.css?v=202608312236" />
<link rel="stylesheet" href="assets/css/start.css?v=202608312236" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202608312236" />
</head>
<body class="start">
@@ -52,7 +52,7 @@
</main>
<script src="assets/js/kopf.js?v=202608312145" defer></script>
<script src="assets/js/uebersicht.js?v=202608312145" defer></script>
<script src="assets/js/kopf.js?v=202608312236" defer></script>
<script src="assets/js/uebersicht.js?v=202608312236" defer></script>
</body>
</html>