| Datei | Inhalt |
|---|---|
design_lab_rams.html | Dieter Rams — 10 Prinzipien, Braun-Ästhetik |
design_lab_tufte.html | Edward Tufte — Data-Ink, Chartjunk, Small Multiples |
design_lab_farrow.html | Mark Farrow — Stille, Weißraum, Schwarz als Methode |
design_lab_mccandless.html | David McCandless — Informations-Viereck, Farbe als Sprache |
design_lab_interactive.html | Touch-UI, Fitts's Law, Affordances, Feedback |
design_lab_buchdruckerkunst.html | Gutenberg, Satzspiegel, Marginalien, Initialen |
lexikon/design_feedback.jsonl | 49 Victors eigene Kommentare |
lexikon/design_eval.jsonl | 63 Bewertungen: implement / discuss |
Nicht weniger als nötig — sondern so wenig wie möglich ohne etwas zu verlieren das zählt. Das Interface tritt zurück, der Inhalt spricht.
→ Voice/Mikrofon: Ein einziger großer Knopf. Keine Navigationsleiste. Kein Overhead.
Data-Ink Ratio: alles was keine Information trägt, darf nicht da sein. Kein Chartjunk, keine Schatten, keine Rahmen um Rahmen.
Victor: „SO WICHTIG!!!!" (1+1=3 — zwei Elemente erzeugen immer einen dritten ungewollten Effekt)
Victor: „Intelligenter Kontext. Immer relativ zum Umfeld der Information."
Weißraum ist keine leere Fläche — er ist aktives Gestaltungsmittel. Schwarz absorbiert, schafft Fokus. Schrift ist das Bild.
→ Voice: #111111 Hintergrund ist keine Sparmaßnahme — es ist Farrows Methode. Richtig so.
Farbe trägt Information oder sie ist falsch eingesetzt. Victor bewertet alle 4 McCandless-Sektionen: „implementieren".
→ Voice: #00d4aa nur wenn aktiv/aufnehmend. Sonst nichts.
Fitts's Law: Mikrofon-Button groß, Thumb-Zone unten mittig. Touch Targets min. 44px. Reaktion unter 100ms.
→ Voice: Der Aufnahme-Button muss so groß sein dass man ihn blind findet.
| Variable | Wert | Bedeutung |
|---|---|---|
--bg | #111111 | Farrow-kompatibel: Schwarz als Methode ✓ |
--accent | #00d4aa | McCandless: Farbe = Information (aktiv) |
--red | #ff4444 | Fehler / Stop |
--text | #e8e8e8 | Lesbar auf Dunkel |
Bewertung: Konsistent mit allen Design-Lab-Prinzipien.
| Aspekt | Beschreibung |
|---|---|
| Stimmung | Braun SK4 Plattenspieler. Schweigen vor dem Ton. |
| Typografie | Helvetica Neue, 18px, nur Versalien für Labels |
| Farbe | #0a0a0a Hintergrund, #f0f0f0 Text, #00d4aa nur aktiv |
| Layout | Knopf 88px, Thumb-Zone unten. Transcript oben. Nichts sonst. |
| Waveform | 5 dünne Balken, zentriert, nur während Aufnahme |
| Bewertung | ★★★★★ — konsequenteste Umsetzung |
Bauauftrag: BUILD_MIKROFON_V2_RAMS_PROTOTYP → Route /mikrofon-v2, V1 bleibt unberührt
| Aspekt | Beschreibung |
|---|---|
| Stimmung | Pet Shop Boys Plattencover. Weißraum als Argument. |
| Typografie | Großer Zustandstext 48px. Versalien. Schrift ist das Bild. |
| Farbe | #111111 + #eeeeee. KEINE weiteren Farben außer Fehler. |
| Waveform | Eine einzige Linie, pulsiert bei Aufnahme |
| Bewertung | ★★★★☆ — mutig, hoher Wiedererkennungswert |
| Aspekt | Beschreibung |
|---|---|
| Stimmung | Dashboard. Jedes Element verdient seinen Platz. |
| Waveform | 26-Balken + History-Canvas — Tufte Small Multiples in Echtzeit |
| Layout | Waveform prominent, Knopf darunter, Transcript darunter |
| Bewertung | ★★★★☆ — evolutionär, nah an V1 |
| Aspekt | Beschreibung |
|---|---|
| Stimmung | Satzkasten, Bleibuchstaben, Papier das atmet. |
| Typografie | EB Garamond 20px, Transcript als Buchseite, Initialen |
| Farbe | #fafaf7 (Papier), #1a1a1a, #8b4513 Akzent |
| Waveform | Kein — pulsierender Punkt als Interpunktion |
| Bewertung | ★★★☆☆ — poetisch, für Voice-App evtl. zu warm |
Richtung 1 (Rams Schwarz) als /mikrofon-v2 Prototyp — weil es die konsequenteste Umsetzung aller Prinzipien ist, die Victor mit „implement" bewertet hat. Ein Knopf. Rams würde nicken.