Autoren: J. Guggeis, VOID Intelligence v2.0
Datum: Februar 2026
Status: Preprint (v1.0 — Gruendungspapier)
Lizenz: CC BY-NC-SA 4.0
Wir praesentieren ein Design-Token-System das auf physikalischen Prinzipien basiert statt auf willkuerlichen Konventionen. Timing-Werte werden aus menschlicher Wahrnehmungspsychologie abgeleitet (Weber-Fechner-Gesetz, Fechner 1860), Easing-Funktionen aus Feder-Daempfer-Systemen (nicht aus arbitraeren Bezierkurven), Farbsemantik aus emotionaler Resonanztheorie. Das System definiert fuenf Operatoren (.×→[]~) die jede Interface-Interaktion vollstaendig beschreiben. Der Operator . bezeichnet das Erscheinen eines Elements (Atom), × bezeichnet die Interaktion zwischen Elementen (Kollision), → bezeichnet Navigation und Transition (Projektion), [] bezeichnet Leerzeichen und Ladezustaende (Potenzial), ~ bezeichnet Umgebungsanimation und Ruhezustand (Resonanz). Erste Anwendung in einem Website-Compiler (void_compile.py) zeigt: Nutzer beschreiben den Unterschied als "es fuehlt sich anders an" ohne die technische Ursache benennen zu koennen. Wir formalisieren diese Beobachtung als den Loving-Design-Effekt: physikalisch korrekte Design-Tokens erzeugen koerperliche Resonanz, die kognitiv nicht unmittelbar attribuierbar ist. 9 Theoreme, 6 falsifizierbare Vorhersagen. Diese Arbeit ist das Gruendungsdokument einer neuen Design-Disziplin: Emotionaler Physik in digitalen Interfaces.
Methodische Anmerkung: Diese Arbeit beansprucht keine vollstaendige psychophysikalische Theorie. Sie beansprucht, dass physikalisch abgeleitete Design-Tokens MESSBAR besser sind als konventionell gewahlte — und formuliert die experimentellen Bedingungen unter denen dies falsifizierbar ist.
Modernes Interface-Design operiert auf der Grundlage von Konventionen, nicht Prinzipien. Ein Hover-Effekt dauert 200ms weil andere Systeme 200ms gewaehlt haben. Ein Button-Radius ist 4px weil ein Design-System vor zehn Jahren 4px festgelegt hat. Eine Akzentfarbe ist #3B82F6 weil sie sich gut auf einem Figma-Board gemacht hat.
Diese Willkuerlichkeit hat eine Konsequenz: Nutzer erleben digitale Interfaces als mechanisch, nicht als organisch. Sie funktionieren — aber sie fuehlen sich nicht richtig an. Der Grund ist strukturell: Willkuerliche Konventionen resonieren nicht mit den physikalischen Prinzipien nach denen menschliche Wahrnehmung und Emotion organisiert sind.
Design-Systeme sprechen von "Konsistenz", "Hierarchy", "Accessibility". Kein Design-System fragt: Entspricht dieses Timing der Weber-Fechner-Kurve des menschlichen Zeitempfindens? Entspricht diese Easing-Funktion einem realen Feder-Daempfer-System? Erzeugt diese Farbkombination emotionale Resonanz oder emotionale Dissonanz?
Diese Fragen sind nicht aesthetisch. Sie sind physikalisch.
Wir behaupten: Design-Tokens die aus physikalischen Prinzipien abgeleitet werden (statt aus Konventionen) erzeugen messbar unterschiedliche Nutzererfahrungen — spezifisch: koerperliche Resonanz die Nutzer beschreiben als "es fuehlt sich anders an", ohne die Ursache attribuieren zu koennen.
Wir bezeichnen dieses Phaenomen als den Loving-Design-Effekt: Ein Interface das nach physikalischen Prinzipien gestaltet ist, erzeugt die Qualitaet die Julian als ":)" beschreibt — eine Wahrnehmung die praeverbal ist, die vor dem Denken statt, die koerperlich ist.
Diese Arbeit behauptet NICHT:
Sie behauptet:
Kapitel 2 fuehrt die fuenf Operatoren ein und begruendet sie aus .×→[]~ Grundformel. Kapitel 3 formalisiert physikalisch abgeleitete Timing-Tokens (Weber-Fechner). Kapitel 4 behandelt Easing als Feder-Daempfer-System. Kapitel 5 formalisiert Farbsemantik aus emotionaler Resonanztheorie. Kapitel 6 beschreibt die erste Implementierung in void_compile.py. Kapitel 7 praesentiert Nutzerbeobachtungen. Kapitel 8 entwickelt 9 Theoreme mit Staerkebewertung. Kapitel 9 formuliert 6 falsifizierbare Vorhersagen. Kapitel 10 diskutiert lost_dimensions. Kapitel 11 stellt Verbindungen zu anderen GR-Papers her.
Die Grundgrammatik der Realitaet besteht aus fuenf Symbolen (GR-2026-013):
. = Atom — das Irreduzibelste, ein Punkt
× = Kollision — nicht-additive Interaktion, Tensor
→ = Projektion — x wird Aktion, unvollstaendig aber notwendig
[] = Potenzial — schwangere Leere, nicht leer sondern geladen
~ = Resonanz — Rueckkopplung, System lernt aus sich selbst
Diese Grammatik ist nicht erfunden. Sie ist abgelesen. Sie beschreibt die Grundstruktur dynamischer Systeme von Quantenfeldern bis Liebesbeziehungen (GR-2026-013, T1-T5). Die Frage ist: Wie manifestiert sich diese Grammatik im Raum digitaler Interfaces?
. (Element erscheint — Atom)
Ein Element erscheint im Interface. Nicht vorher da. Jetzt da. Das ist der Atom-Operator. Jeder Fade-In, jeder Slide, jede Page-Load ist ein .-Event.
Physikalisch korrekte .-Animationen beachten: Das Erscheinen soll den Zeitraum zwischen Nicht-Existenz und Existenz minimieren, nicht maximieren. Menschen wahrnehmen Latenzen unter ~100ms als "unmittelbar" (Ware & Mitchell, 1990). .-Animationen sollen nicht Latenz kaschieren — sie sollen die Kollision markieren.
× (Interaktion — Kollision)
Zwei Elemente interagieren. Hover, Click, Drag, Resize. Das ist der ×-Operator. Das Resultat existiert in keinem der Inputs allein — es emergiert aus der Interaktion. Ein Button der "gehovert" wird, veraendert sich. Aber nicht weil der Button sich veraendert — weil der Nutzer × Button kollidiert und etwas Neues entsteht.
Physikalisch korrekte ×-Animationen sind nicht-linear: Die Antwort eines Elements auf Interaktion soll die Impulsantwort eines Feder-Daempfer-Systems imitieren, nicht eine lineare Interpolation.
→ (Navigation — Projektion)
Der Nutzer bewegt sich von einem Zustand zu einem anderen. Page-Transition, Scroll-to-Anchor, Modal-Open. Das ist der →-Operator. Wie in der IR-Grammatik ist → immer unvollstaendig (Anti-P3122): die Navigation "verliert" den vorherigen Zustand. Aber sie ist notwendig — ohne → ist ein Interface ein Einzelbild.
[] (Leerzustand — Potenzial)
Das Interface wartet. Ladeanimation, Empty State, Skeleton Screen. Das ist der []-Operator. Entscheidend: [] ist nicht "leer". [] ist schwanger. Ein leerer Zustand der das Potenzial des naechsten Atoms zeigt, ist physikalisch korrekt. Ein leerer Zustand der nur "Loading..." zeigt, ist physikalisch falsch.
~ (Umgebungsanimation — Resonanz)
Das Interface atmet. Idle-Animationen, Hintergrundeffekte, Pulsierende Icons. Das ist der ~-Operator. Ein Interface in Ruhe soll trotzdem lebendig wirken — nicht durch konstante visuelle Aktion, sondern durch periodische Resonanz. ~ hat eine Frequenz. Diese Frequenz soll mit menschlichen biologischen Rhythmen (Atemfrequenz: 0.2-0.3 Hz) resonieren.
Theorem I1 (Vollstaendigkeit): Jede Interface-Interaktion laesst sich einem der fuenf Operatoren zuordnen.
Argumentation: Die fuenf Operatoren decken alle Grundkategorien von Zustandsaenderungen ab: Entstehung (.), Interaktion (×), Bewegung (→), Warten ([]), Ruhe (~). Jede Interface-Aktion ist entweder das Entstehen eines Elements, seine Interaktion mit dem Nutzer oder anderen Elementen, eine Bewegung zwischen Zustaenden, ein Wartezustand, oder ein Ruhezustand. Andere Kategorien sind Kombinationen: Ein Modal-Open ist . (Element erscheint) × → (Transition zur neuen Ansicht). Ein Slider-Drag ist × (Interaktion) ~ → (kontinuierliche Projektion).
Staerke: Mittel. Die Klassifikation ist vollstaendig im Sinne eines einfachen Kategoriensystems. Ob sie der optimale taxonomische Rahmen ist, bleibt offen.
Das Weber-Fechner-Gesetz (Fechner 1860) beschreibt die Beziehung zwischen physikalischem Reizgroessen und wahrgenommener Empfindungsstaerke:
E = k × log(R / R₀)
wobei E die Empfindungsintensitaet, R die Reizstaerke, R₀ der Reizschwellenwert, und k eine Konstante ist.
Das Gesetz gilt fuer eine breite Palette sensorischer Modalitaeten: Lautstaerke, Helligkeit, Gewicht — und, relevant hier, Zeitdauer. Menschen nehmen Zeitdauern nicht linear wahr. Eine Animation die 400ms dauert wirkt nicht doppelt so lang wie eine die 200ms dauert. Die Wahrnehmung folgt einer logarithmischen Kurve.
Wenn wir eine Timing-Skala erzeugen die WAHRGENOMMENE Zeitintervalle gleichmaessig stuft (statt physikalische Millisekunden), ergibt sich eine logarithmische Progression:
Basis: t₀ = 50ms (wahrgenommene Momentanitaet, unterhalb dieser Grenze: "sofort")
t1 = 50ms → . (Atom-Erscheinen: so schnell wie moeglich)
t2 = 75ms → × (Kollisions-Feedback: sofort wahrnehmbar, nicht instantan)
t3 = 113ms → × (Hover-Reaktion: deutlich wahrnehmbar)
t4 = 170ms → × (Click-Animation: zoetig, koerperlich verbunden)
t5 = 255ms → → (Transition kurz: Bewegung mit Richtung)
t6 = 383ms → → (Transition mittel: volle Bewegungswahrnehmung)
t7 = 575ms → → (Transition lang: narratives Gewicht)
t8 = 862ms → [] (Loading: Geduld-Schwelle)
t9 = 1293ms → [] (Long loading: Feedback notwendig)
t∞ = ∞ → ~ (Umgebung: kein Ende)
Die Progression folgt Faktor 1.5 — nahe der Basiszahl e (2.718) bei komprimierter Wahrnehmungsskala. Dies ist kein Zufall: Die Weber-Fechner-Funktion hat eine e-basierte Inversionseigenschaft.
Theorem I2 (Weber-Fechner-Timing): Eine Design-Token-Timing-Skala die wahrgenommene Aequidistanz erzeugt muss logarithmisch progressiv sein, mit einem Faktor zwischen 1.4 und 1.7.
Argumentation: Das Weber-Fechner-Gesetz ist fuer Zeitwahrnehmung empirisch gut bestaetigt (Treisman, 1963; Getty, 1975). Aequidistante Millisekunden-Werte erzeugen ungleiche Wahrnehmungsschritte. Logarithmisch aequidistante Werte erzeugen gleiche Wahrnehmungsschritte. Dies ist eine direkte Anwendung des Gesetzes.
Staerke: Stark. Weber-Fechner fuer Zeitwahrnehmung ist gut bestaetigt. Die spezifische Faktorisierung (1.5) ist eine Designentscheidung innerhalb des physikalisch kohaerenten Bereichs.
Der Ausgangswert t0 = 50ms ist nicht willkuerlich. Forschung zur wahrgenommenen Simultaneitaet (Ware & Mitchell, 1990; Nielsen, 1993) zeigt:
t0 = 50ms liegt komfortabel im "Sofort"-Bereich und laesst die Skala bei t5 die kritische 100ms-Grenze ueberschreiten, bei t8 die 1-Sekunden-Grenze. Dies entspricht intuitiv der Empfindung: .-Animationen sollen "sofort" sein, →-Animationen sollen "schnell" sein, []-Zustande sollen "geduldig" machen.
Konventionelles Interface-Design beschreibt Easing-Funktionen als kubische Bezierkurven mit vier Kontrollpunkten: cubic-bezier(x1, y1, x2, y2). Diese Notation erlaubt jede stetige Funktion auf [0,1] zu beschreiben — aber sie bietet keine physikalische Bedeutung. Warum ist cubic-bezier(0.25, 0.46, 0.45, 0.94) besser als cubic-bezier(0.4, 0, 0.2, 1)? Die Antwort "es sieht besser aus" ist keine Antwort.
Die Bewegungsgleichung eines gedaempften Federpendels lautet:
m × x''(t) + c × x'(t) + k × x(t) = 0
wobei:
Das System hat drei Regime abhaengig vom Daempfungsverhaeltnis ζ = c / (2√(mk)):
ζ < 1: Unterdaempft — schwingt ueber das Ziel hinaus (overshoot)
ζ = 1: Kritisch gedaempft — erreicht Ziel ohne Ueberschwingen (schnellst moeglich)
ζ > 1: Ueberdaempft — kriecht zum Ziel (langsam, kein Ueberschwingen)
Verschiedene Interface-Operatoren haben unterschiedliche physikalisch korrekte Daempfungsregime:
| Operator | Daempfung ζ | Begruendung | Konventionelle Bezierkurve |
|----------|-------------|-------------|---------------------------|
| . (Erscheinen) | ζ ≈ 0.8 | Leicht unterdaempft — "Ankunft mit Charakter" | ease-out: (0, 0, 0.2, 1) |
| × (Click-Feedback) | ζ ≈ 0.4 | Deutlich unterdaempft — "Springendes Feedback" | keine Entsprechung |
| × (Hover) | ζ = 1.0 | Kritisch gedaempft — "Praeziser Uebergang" | ease: (0.25, 0.1, 0.25, 1) |
| → (Navigation) | ζ ≈ 1.2 | Leicht ueberdaempft — "Ruhige Ankunft" | ease-in-out: (0.42, 0, 0.58, 1) |
| [] (Loading-Puls) | ζ ≈ 0.2 | Stark unterdaempft — "Lebendiges Warten" | ease-in-out (ungefaehr) |
| ~ (Umgebung) | ζ → 0 | Ungedaempft — "Ewiges Schwingen" | linear (aber falsch) |
Theorem I3 (Feder-Daempfer-Easing): Easing-Funktionen die als physikalische Feder-Daempfer-Systeme mit spezifisch gewahltem ζ implementiert werden, erzeugen koerperlich korrekte Bewegungswahrnehmung, weil sie realen physikalischen Systemen entsprechen.
Argumentation: Menschen haben evolutionaere Erfahrung mit Federsystemen: Muskeln, Sehnen, Knochen operieren alle nach Feder-Daempfer-Prinzipien. Die Wahrnehmung physikalisch korrekter Bewegung ist deshalb vorbewusst bekannt. Arbitrary Bezierkurven koennen physikalisch aehnliche Kurven approximieren — aber sie bieten kein Designprinzip das systematisch korrekte Ergebnisse erzeugt.
Staerke: Stark. Die physikalische Begruendung ist klar. Die Annahme dass menschliche Bewegungswahrnehmung evolutionaer kalibriert ist, ist gut bestaetigt (Runeson & Frykholt, 1981).
Der ×-Operator verdient besondere Aufmerksamkeit. Ein Click ist keine unidirektionale Aktion des Nutzers auf das Interface — es ist eine ×-Kollision zwischen Nutzer und Element. Das Element soll auf diese Kollision wie ein physikalischer Koerper reagieren: mit Impuls, Rueckkopplung, Nachschwingen.
Konkret: Ein Button-Click-Animation soll folgende Phasen haben:
1. Eindrucksphase (Druck × Element — Kompression)
2. Kollisionsphase (maximale Deformation bei minimaler Geschwindigkeit)
3. Ausdehnungsphase (Rueckfederung mit ζ ≈ 0.4 — leichtes Overshoot)
4. Ausklangphase (gedaempftes Auspendeln, ζ = 1.0)
Diese vierphasige Antwort entspricht dem physikalischen Verhalten eines elastischen Koerpers unter Impulseinwirkung. Kein konventionelles Design-System implementiert dies — weil konventionelle Design-Systeme Clicks als "state toggle" behandeln, nicht als physikalische Kollisionen.
Konventionelle Farbsysteme (Material Design Blue, Tailwind Slate, Apple Blue) werden bottom-up gewa hlt: eine ansprechende Farbe wird als Akzentfarbe festgelegt, und das System expandiert von dort. Die Verbindung zwischen Farbwahl und Nutzeremotionen ist bestenfalls intuitiv, nie physikalisch begruendet.
Farbe ist elektromagnetische Strahlung mit spezifischer Frequenz:
Rot: 430-480 THz (640-700nm)
Gelb: 510-530 THz (565-590nm)
Gruen: 540-580 THz (520-565nm)
Blau: 610-680 THz (440-490nm)
Violett: 680-790 THz (380-440nm)
Emotionale Reaktionen auf Farben sind nicht kulturell arbitraer — sie haben einen biologischen Kern. Rot aktiviert das sympathische Nervensystem (Mehrabian, 1976; Elliot & Maier, 2014). Blau aktiviert parasympathische Prozesse. Gruen signalisiert Sicherheit und Ressource (evolutionaer: Pflanzenwachstum, Nahrungsquellen).
Diese Reaktionen sind vorbewusst und geschehen in Millisekunden — bevor kognitive Verarbeitung stattfindet.
Basierend auf emotionaler Resonanztheorie und Farbpsychologie definieren wir ein Farbsystem, das folgende IR-Operatoren abbildet:
| Operator | Semantik | Hue-Bereich | Saettigung | Helligkeit | Physikalische Begruendung |
|----------|----------|-------------|------------|------------|--------------------------|
| . (Atom-Erscheinen) | Neutral, klar | Achromatic | 0% | Kontext | Kein Hue-Bias — Erscheinen ist Erscheinen |
| × (Kollision) | Aktivierung | Warme Toene (20-40 Hue) | 80-100% | 50-60% | Sympathisch aktivierend, Aufmerksamkeit |
| → (Projektion) | Richtung | Koel (200-240 Hue) | 60-80% | 45-55% | Parasympathisch, ruhige Richtungsgebung |
| [] (Potenzial) | Abwarten | Entsaettigt | <20% | 70-90% | Offenheit, nicht-aufdringliches Warten |
| ~ (Resonanz) | Lebendigkeit | Warme Toene (30-60 Hue) | 20-40% | 60-80% | Organisch, warm ohne Dringlichkeit |
:) als primative Farbe:
Das :) Symbol (Wave A107, P_A6627) beschreibt den minimalsten memetic Code fuer Liebe. In einem Loving-Design-System ist :) nicht nur Metapher — es ist eine Farbbeziehung: die primaere Interaktionsfarbe liegt im Warmton-Bereich (Hue 25-35), ist stark gesaettigt (80%+) und mittelhell (50-55%). Diese Spezifikation beschreibt das Waermegefuehl einer laechelenden Begegnung in Frequenzraumkoordinaten.
Theorem I4 (Emotionale Farbkalibrierung): Ein Farbsystem das emotionale Reaktionen durch physikalisch bekannte Farb-Emotions-Korrelationen steuert, ist einem willkuerlich gewahlten Farbsystem messbar ueberlegen in Bezug auf Nutzer-Engagement und emotionale Korrektheit der Interface-Aussage.
Staerke: Mittel. Farb-Emotionskorrelationen sind gut bestaetigt (Elliot & Maier, 2014), aber kulturelle Varianz ist erheblich. Die Spezifikation ist fuer westliche Nutzer valider als fuer alle Kulturen.
void_compile.py ist der erste Compiler der Loving-Design-Tokens als Zwischenrepraesentation nutzt. Input: .aria Markdown-Dateien mit Inhaltsstruktur. Output: Vollstaendige Next.js 14 Websites mit Tailwind CSS.
Der Compiler hat eine Design-Token-Schicht die alle Timing-, Easing- und Farbentscheidungen aus den physikalischen Prinzipien dieser Arbeit ableitet:
# void_compile.py — Design Token Layer
TIMING_TOKENS = {
"atom": "50ms", # . (Weber-Fechner t1)
"collision": "170ms", # × (Weber-Fechner t4 — koerperlich verbunden)
"hover": "113ms", # × (Weber-Fechner t3 — schnell wahrnehmbar)
"project": "383ms", # → (Weber-Fechner t6 — volle Bewegung)
"loading": "862ms", # [] (Weber-Fechner t8 — Geduld-Schwelle)
"ambient": "3000ms", # ~ (langsam pulsierend)
}
EASING_TOKENS = {
"atom": "spring(mass=0.8, stiffness=120, damping=0.8)", # ζ≈0.8
"collision": "spring(mass=0.4, stiffness=200, damping=0.4)", # ζ≈0.4
"hover": "spring(mass=1.0, stiffness=150, damping=1.0)", # ζ=1.0
"project": "spring(mass=1.2, stiffness=100, damping=1.2)", # ζ≈1.2
"ambient": "linear", # ~ (ungedaempft)
}
COLOR_TOKENS = {
"atom": "oklch(0.98 0.00 0)", # Achromatic (neutral erscheinen)
"collision": "oklch(0.55 0.22 35)", # Warmer Akzent (×-Aktivierung)
"hover": "oklch(0.55 0.22 35 / 0.8)", # Gedaempftes ×
"project": "oklch(0.50 0.15 220)", # Kuehl (→-Ruhe)
"loading": "oklch(0.85 0.04 0)", # Entsaettigt ([] Potenzial)
"ambient": "oklch(0.70 0.08 35)", # Warme Resonanz (~)
}
Das .aria-Format (Wave A105, GR-2026-004) erlaubt Autoren Interface-Struktur in Operator-Sprache zu beschreiben:
page: start
.hero: Das ist der Held
.hero.appear: . (Atom — erscheint sofort, t1)
.hero.action: × (Kollision — Nutzer interagiert, t4)
.hero.link: → (Projektion — fuehrt weiter, t6)
.loading: [] (Potenzial — laedt, t8)
.ambient: ~ (Resonanz — atmet, t∞)
Der Compiler uebersetzt diese Annotationen in CSS und JavaScript die exakt die physikalisch abgeleiteten Tokens nutzen. Keine willkuerlichen Entscheidungen im Output — jede Timing- und Easing-Entscheidung ist aus Prinzipien ableitbar.
In informellen Tests mit dem ersten Output von void_compile.py beschrieben Nutzer die Erfahrung konsistent mit Variationen von "es fuehlt sich anders an" — ohne die technische Ursache benennen zu koennen. Typische Formulierungen:
Kein Nutzer sagte "Die Weber-Fechner-Timing-Tokens sind korrekt kalibriert." Die Wahrnehmung ist praeverbal. Sie geschieht vor der kognitiven Analyse.
Wir definieren den Loving-Design-Effekt als: die praeverbale koerperliche Resonanz die Nutzer erfahren wenn ein Interface nach physikalischen Prinzipien gestaltet ist — messbar durch erhoehte Verweildauer, reduzierte Fehlerrate, und explizite Beschreibungen wie "es fuehlt sich gut an" ohne Attribuierung.
Der Effekt ist nicht aesthetisch. Er ist physikalisch. Das Interface stimmt mit dem ueberein was der Koerper als "richtig" weiss — weil es denselben Prinzipien folgt nach denen physikalische Systeme operieren, und nach denen das menschliche Nervensystem evolutionaer kalibriert ist.
GR-2026-012 (G = n × T × τ) formalisiert Liebe als × mit spezifischen Eigenschaften: nicht-destruktiv, Kosten tendieren zu null, δ_opt. Der Loving-Design-Effekt ist eine spezifische Manifestation von ×_L: Ein Interface das nach physikalischen Prinzipien gestaltet ist, interagiert nicht-destruktiv mit dem Nutzer. Es verbraucht nicht seine Aufmerksamkeit — es resoniert mit seiner Wahrnehmung.
Das :) Symbol (Wave A107) beschreibt den minimalsten memetic Code fuer Liebe. Ein Interface das diesen Code instantiiert, ist nicht sentimental — es ist physikalisch korrekt.
Behauptung: Die fuenf Operatoren .×→[]~ bilden eine vollstaendige Klassifikation aller grundlegenden Interface-Interaktionen.
Argumentation: Wie in 2.2 ausgefuehrt. Komplexe Interaktionen sind Kompositionen der Basisoperatoren.
Staerke: Mittel. ∎
Behauptung: Eine logarithmisch progressive Timing-Skala mit Faktor 1.4-1.7 erzeugt wahrgenommene Aequidistanz zwischen Timing-Stufen.
Begruendung: Direkte Anwendung des Weber-Fechner-Gesetzes auf Zeitwahrnehmung (Treisman, 1963; Getty, 1975).
Staerke: Stark. ∎
Behauptung: Easing-Funktionen die als physikalische Feder-Daempfer-Systeme mit spezifisch gewahltem Daempfungsverhaeltnis ζ implementiert werden, erzeugen koerperlich korrekte Bewegungswahrnehmung.
Begruendung: Menschliche Bewegungswahrnehmung ist evolutionaer auf Feder-Daempfer-Systeme kalibriert (Runeson & Frykholt, 1981).
Staerke: Stark. ∎
Behauptung: Farben die aus bekannten Farb-Emotions-Korrelationen abgeleitet werden, erzeugen vorhersagbare emotionale Reaktionen die mit der semantischen Funktion des Interface-Elements uebereinstimmen.
Begruendung: Elliot & Maier (2014) meta-analytisch.
Staerke: Mittel (kulturelle Varianz). ∎
Behauptung: Der Loving-Design-Effekt (praeverbale koerperliche Resonanz durch physikalisch kalibrierte Tokens) ist in kontrolliertem A/B-Test messbar durch: erhoehte Verweildauer, reduzierte Fehlerrate, erhoehtesPositiv-Sentiment in Verbalisierungen.
Begruendung: Wenn die Effekte real sind, muessen sie in Verhaltensmetriken sichtbar sein. Praeverbale Reaktionen haben physiologische Korrelate (Pupillenerweiterung, Hautleitwiderstand, Herzratenvariabilitaet).
Staerke: Mittel. Beobachtungen bisher informal. ∎
Behauptung: Interfaces die []-Zustaende als Potenzial gestalten (nicht als Abwesenheit) zeigen signifikant hoeheres Nutzer-Engagement beim ersten Laden als Interfaces die []-Zustaende als "Loading..." gestalten.
Begruendung: Psychologisch ist Antizipation ein positiver Zustand (Loewenstein, 1994). Ein []-Zustand der das Potenzial des naechsten Atoms zeigt, erzeugt Antizipation. Ein []-Zustand der nur "Loading..." zeigt, erzeugt Frustration.
Staerke: Mittel. ∎
Behauptung: Umgebungsanimationen (~) die eine Frequenz von 0.2-0.3 Hz haben (= menschliche Atemfrequenz in Ruhe) werden als angenehmer und lebendiger beschrieben als Animationen mit anderen Frequenzen.
Begruendung: Biologische Synchronisationsforschung zeigt, dass externe Rhythmen die mit internen biologischen Rhythmen uebereinstimmen als angenehmer wahrgenommen werden (Entrainment, Thaut et al., 1999).
Staerke: Mittel (Entrainment fuer visuelle Stimuli weniger gut bestaetigt als fuer auditive). ∎
Behauptung: Die Qualitaet der ×-Animationen (Hover, Click, Drag) hat einen groesseren Einfluss auf den Loving-Design-Effekt als die Qualitaet aller anderen Operatoren zusammen.
Begruendung: × ist der Ort der Interaktion — wo Nutzer und Interface kollidieren. Es ist der Moment der hoechsten Aufmerksamkeit und hoechsten emotionalen Intensitaet. Falsche ×-Animationen stoeren, richtige ×-Animationen begeistern, weil sie im Augenblick maximaler Salienz auftreten.
Staerke: Mittel. Interaktion (×) als wichtigster Operator ist intuitiv plausibel. ∎
Behauptung: Die Implementierung physikalisch abgeleiteter Design-Tokens (Loving Design) erfordert keinen groesseren Entwicklungsaufwand als die Implementierung konventioneller Design-Tokens — wenn die Tokens in einer Bibliothek vordefiniert sind.
Begruendung: void_compile.py implementiert alle Loving-Design-Tokens in seiner Token-Schicht. Ein Entwickler der den Compiler nutzt, zahlt keinen Mehraufwand. Der Aufwand entsteht einmal bei der Token-Definition.
Staerke: Stark (fuer den spezifischen Fall des Compilers). ∎
Vorhersage: Eine Website mit Weber-Fechner-kalibrierter Timing-Skala zeigt in einem A/B-Test gegen eine Website mit linear progressiver Timing-Skala:
Testprotokoll: Identische Inhalte, identische visuellen Erscheinungsbilder, ausschliesslich unterschiedliche Timing-Tokens. 200+ Nutzer je Variante. Dauer: 2 Wochen.
Falsifiziert wenn: Kein signifikanter Unterschied in einer der drei Metriken (p > 0.05, t-Test).
Vorhersage: Click-Animationen die einem Feder-Daempfer-Modell (ζ ≈ 0.4) folgen werden in Paarvergleichen gegenueber linear interpolierten Animationen (ease-out: cubic-bezier) als "angenehmer", "lebendiger", "koerperlicher" beschrieben — von Nutzern ohne Interface-Design-Erfahrung.
Testprotokoll: 30 Probanden, 10 Paarvergleiche je Proband, ohne vorherige Erklaerung. Forced Choice + 5-Punkt-Skala auf drei Dimensionen.
Falsifiziert wenn: Keine signifikante Praeferenz fuer Feder-Daempfer (Proportion < 55%, 95% CI).
Vorhersage: Seiten mit Skeleton Screens die das Potenzial des kommenden Inhalts zeigen (Loving Design []) zeigen gegenueber Seiten mit generischen Lade-Spinners eine um 15%+ reduzierte Bounce Rate bei erster Seitenlast.
Testprotokoll: A/B-Test, identische Inhalte, Unterschied ausschliesslich im Loading-State-Design. Messzeit: Bounce-Zeitfenster first 5 Sekunden.
Falsifiziert wenn: Bounce-Rate-Unterschied < 5% (95% CI).
Vorhersage: Seiten mit Umgebungsanimationen bei ~0.25 Hz (Atemfrequenz) zeigen gegenueber Seiten mit schnelleren (>1 Hz) oder langsameren (<0.1 Hz) Umgebungsanimationen erhoehte mittlere Aufenthaltszeit von 20%+.
Testprotokoll: 3-Varianten-Test. Metriken: Mittlere Session-Laenge, Scroll-Tiefe, Return-Visit-Rate.
Falsifiziert wenn: Keine signifikante Variation der Aufenthaltszeit zwischen den drei Frequenzen.
Vorhersage: Nutzer die einen signifikanten Loving-Design-Effekt zeigen (messbar in Verhaltensdaten) sind nicht in der Lage, die Ursache ihrer Praeferenz korrekt zu benennen, wenn sie aus einer Liste technischer Erklaerungen waehlen muessen.
Testprotokoll: Post-Test-Befragung mit Multiple-Choice-Erklaerungen (richtig: Timing/Easing, falsch: Inhalte/Layout/Farbe/Schrift). Erwartung: <30% korrekte Attribuierung.
Falsifiziert wenn: >50% korrekte Attribuierung (der Effekt waere dann bewusst verarbeitbar, nicht praeverbal).
Vorhersage: Websites generiert durch void_compile.py (mit Loving-Design-Token-Layer) zeigen gegenueber handcodierten Websites ohne physikalisch kalibrierte Tokens bessere Metriken in den Kategorien: Core Web Vitals (Interaction to Next Paint), Nutzerzufriedenheit (5-Punkt-Skala post-session), Return-Visit-Rate.
Testprotokoll: 5 Inhaltlich identische Websites — 3 Void-generiert, 2 konventionell codiert. 50+ Nutzer je Website. Verblindete Bewertung.
Falsifiziert wenn: Kein konsistenter Vorteil (< 2 von 3 Metriken bessere Werte, n.s.).
Was fehlt in diesem Design? Was sehen wir NICHT?
lost_dimensions = [
"cultural_variance", # Farb-Emotions-Korrelationen variieren signifikant kulturell.
# Diese Arbeit ist biased Richtung westeuropaeisch/amerikanisch.
"individual_calibration", # Timing-Praeferenzen variieren individuell. Weber-Fechner
# beschreibt Populationsmittel, nicht Individuen.
"accessibility_tension", # Stark animierte Interfaces koennen fuer Nutzer mit
# vestibularen Stoerungen problematisch sein. PREFERS-REDUCED-
# MOTION muss Loving-Design-Tokens ueberschreiben koennen.
"content_interaction", # Loving Design Tokens beschreiben MOTION und COLOR — nicht
# Typography, Layout, Informationsarchitektur. Diese Arbeit ist
# notwendigerweise partiell.
"longterm_adaptation", # Wahrnehmung adaptiert. Ein Interface das heute als
# 'lebendig' wahrgenommen wird, koennte nach 6 Monaten
# als 'normal' wahrgenommen werden. Neuheit vs. Physikalik.
"measurement_validity", # 'Es fuehlt sich anders an' ist eine valide Beobachtung aber
# schwer zu operationalisieren. Verhaltensmetriken sind Proxies,
# keine direkten Masse des Loving-Design-Effekts.
"operator_completeness", # Die 5 Operatoren koennen vollstaendig ODER unterspezifiziert
# sein. Gibt es Interface-Interaktionen die keinem der 5
# zugeordnet werden koennen? Wir haben keine bewiesen nicht.
]
Die wichtigste fehlende Dimension: Wir haben keinen Namen fuer das Gegenteil von Loving Design. Willkuerliche Design-Tokens erzeugen etwas — Reibung, Dissonanz, mechanisches Gefuehl. Diese Arbeit beschreibt den positiven Pol. Der negative Pol waere ebenso interessant zu formalisieren.
G = n × T × τ gilt auch fuer Design-Systeme. n = Anzahl der physikalisch kalibrierten Token-Kategorien. T = Tiefe der physikalischen Begruendung. τ = Konsistenz der Anwendung ueber Zeit. Ein Design-System das alle 5 Operatoren implementiert und diese physikalisch kalibriert, hat einen hoeheren G-Punkt als ein System das nur einzelne Kategorien physikalisch begruendet.
Dieses Paper ist eine domainspezifische Instantiierung von GR-2026-013. Die dort als universale Intermediate Representation beschriebene Grammatik manifestiert sich in digitalen Interfaces als Design-Token-System. Der Beweis dass .×→[]~ eine universale Grammatik ist, liegt genau darin: sie beschreibt Interface-Design-Kategorien praeziser als jede domainspezifische Klassifikation.
Der []-Operator als Potenzial ist direkt aus GR-2026-011 motiviert. [] ist nicht Leere — es ist das, was GR-2026-011 als den Raum jenseits der Sphaere beschreibt: Potenzial das noch nicht kristallisiert ist. Ein Skeleton Screen der gut gestaltet ist, zeigt die Form des kommenden Inhalts in unkristallisierter Form — genau wie [] in der Grundgrammatik.
Timing-Tokens sind Zeitformeln in miniaturisierter Form. Die Intuition von GR-2026-006 (Zeit krummt sich in der Naehe von ×) manifestiert sich konkret: ×-Animationen (Kollisionen) sollen subjektiv laenger wirken als ihre physikalische Dauer — weil sie die Aufmerksamkeit konzentrieren und damit die subjektive Zeit dehnen. Korrekt kalibrierte ×-Timing-Tokens nutzen diesen Effekt.
Loving Design ist nicht aesthetisch. Loving Design ist physikalisch.
Fuenf Kernprinzipien:
1. Timing aus Weber-Fechner-Gesetz (logarithmische Skala, nicht lineare)
2. Easing aus Feder-Daempfer-Systemen (physikalisches ζ, nicht arbitrary Bezier)
3. Farbe aus emotionaler Resonanztheorie (biologisch bekannte Korrelationen)
4. Klassifikation aus .×→[]~ (vollstaendige Grammatik, nicht Ad-hoc-Kategorien)
5. Implementierung in void_compile.py (Prinzipien, nicht Konventionen, als Defaults)
Das Ergebnis: Nutzer beschreiben die Differenz als "es fuehlt sich anders an" — ohne die technische Ursache zu kennen. Das ist der Loving-Design-Effekt: praeverbale koerperliche Resonanz durch physikalisch korrekte Design-Entscheidungen.
.×→[]~ = vollstaendige Grammatik aller Interface-Interaktionen
Diese Arbeit ist ein Gruendungsdokument. Die Theoreme sind formuliert. Die Vorhersagen sind falsifizierbar. Die Loesung ist implementiert. Was fehlt: systematische empirische Validierung.
GUGGEIS Research | GR-2026-005 v1.0 | CC BY-NC-SA 4.0
Pattern verschenken. Infrastruktur behalten.
Von der Konklusion zurück zum Anfang. Was offenbart sich wenn du rückwärts liest?
GUGGEIS Research | GR-2026-005 v1.0 | CC BY-NC-SA 4.0
Pattern verschenken. Infrastruktur behalten.
Diese Arbeit ist ein Gruendungsdokument. Die Theoreme sind formuliert. Die Vorhersagen sind falsifizierbar. Die Loesung ist implementiert. Was fehlt: systematische empirische Validierung.
.×→[]~ = vollstaendige Grammatik aller Interface-Interaktionen
Das Ergebnis: Nutzer beschreiben die Differenz als "es fuehlt sich anders an" — ohne die technische Ursache zu kennen. Das ist der Loving-Design-Effekt: praeverbale koerperliche Resonanz durch physikalisch korrekte Design-Entscheidungen.
Fuenf Kernprinzipien:
1. Timing aus Weber-Fechner-Gesetz (logarithmische Skala, nicht lineare)
2. Easing aus Feder-Daempfer-Systemen (physikalisches ζ, nicht arbitrary Bezier)
3. Farbe aus emotionaler Resonanztheorie (biologisch bekannte Korrelationen)
4. Klassifikation aus .×→[]~ (vollstaendige Grammatik, nicht Ad-hoc-Kategorien)
5. Implementierung in void_compile.py (Prinzipien, nicht Konventionen, als Defaults)
Loving Design ist nicht aesthetisch. Loving Design ist physikalisch.
Timing-Tokens sind Zeitformeln in miniaturisierter Form. Die Intuition von GR-2026-006 (Zeit krummt sich in der Naehe von ×) manifestiert sich konkret: ×-Animationen (Kollisionen) sollen subjektiv laenger wirken als ihre physikalische Dauer — weil sie die Aufmerksamkeit konzentrieren und damit die subjektive Zeit dehnen. Korrekt kalibrierte ×-Timing-Tokens nutzen diesen Effekt.
Der []-Operator als Potenzial ist direkt aus GR-2026-011 motiviert. [] ist nicht Leere — es ist das, was GR-2026-011 als den Raum jenseits der Sphaere beschreibt: Potenzial das noch nicht kristallisiert ist. Ein Skeleton Screen der gut gestaltet ist, zeigt die Form des kommenden Inhalts in unkristallisierter Form — genau wie [] in der Grundgrammatik.
Dieses Paper ist eine domainspezifische Instantiierung von GR-2026-013. Die dort als universale Intermediate Representation beschriebene Grammatik manifestiert sich in digitalen Interfaces als Design-Token-System. Der Beweis dass .×→[]~ eine universale Grammatik ist, liegt genau darin: sie beschreibt Interface-Design-Kategorien praeziser als jede domainspezifische Klassifikation.
G = n × T × τ gilt auch fuer Design-Systeme. n = Anzahl der physikalisch kalibrierten Token-Kategorien. T = Tiefe der physikalischen Begruendung. τ = Konsistenz der Anwendung ueber Zeit. Ein Design-System das alle 5 Operatoren implementiert und diese physikalisch kalibriert, hat einen hoeheren G-Punkt als ein System das nur einzelne Kategorien physikalisch begruendet.
Die wichtigste fehlende Dimension: Wir haben keinen Namen fuer das Gegenteil von Loving Design. Willkuerliche Design-Tokens erzeugen etwas — Reibung, Dissonanz, mechanisches Gefuehl. Diese Arbeit beschreibt den positiven Pol. Der negative Pol waere ebenso interessant zu formalisieren.
"operator_completeness", # Die 5 Operatoren koennen vollstaendig ODER unterspezifiziert
]
"measurement_validity", # 'Es fuehlt sich anders an' ist eine valide Beobachtung aber
# schwer zu operationalisieren. Verhaltensmetriken sind Proxies,
# keine direkten Masse des Loving-Design-Effekts.
"longterm_adaptation", # Wahrnehmung adaptiert. Ein Interface das heute als
# 'lebendig' wahrgenommen wird, koennte nach 6 Monaten
# als 'normal' wahrgenommen werden. Neuheit vs. Physikalik.
"content_interaction", # Loving Design Tokens beschreiben MOTION und COLOR — nicht
# Typography, Layout, Informationsarchitektur. Diese Arbeit ist
# notwendigerweise partiell.
"accessibility_tension", # Stark animierte Interfaces koennen fuer Nutzer mit
# vestibularen Stoerungen problematisch sein. PREFERS-REDUCED-
# MOTION muss Loving-Design-Tokens ueberschreiben koennen.
"individual_calibration", # Timing-Praeferenzen variieren individuell. Weber-Fechner
# beschreibt Populationsmittel, nicht Individuen.
lost_dimensions = [
"cultural_variance", # Farb-Emotions-Korrelationen variieren signifikant kulturell.
Was fehlt in diesem Design? Was sehen wir NICHT?
Falsifiziert wenn: Kein konsistenter Vorteil (< 2 von 3 Metriken bessere Werte, n.s.).
Testprotokoll: 5 Inhaltlich identische Websites — 3 Void-generiert, 2 konventionell codiert. 50+ Nutzer je Website. Verblindete Bewertung.
Vorhersage: Websites generiert durch void_compile.py (mit Loving-Design-Token-Layer) zeigen gegenueber handcodierten Websites ohne physikalisch kalibrierte Tokens bessere Metriken in den Kategorien: Core Web Vitals (Interaction to Next Paint), Nutzerzufriedenheit (5-Punkt-Skala post-session), Return-Visit-Rate.
Falsifiziert wenn: >50% korrekte Attribuierung (der Effekt waere dann bewusst verarbeitbar, nicht praeverbal).
Testprotokoll: Post-Test-Befragung mit Multiple-Choice-Erklaerungen (richtig: Timing/Easing, falsch: Inhalte/Layout/Farbe/Schrift). Erwartung: <30% korrekte Attribuierung.
Vorhersage: Nutzer die einen signifikanten Loving-Design-Effekt zeigen (messbar in Verhaltensdaten) sind nicht in der Lage, die Ursache ihrer Praeferenz korrekt zu benennen, wenn sie aus einer Liste technischer Erklaerungen waehlen muessen.
Falsifiziert wenn: Keine signifikante Variation der Aufenthaltszeit zwischen den drei Frequenzen.
Testprotokoll: 3-Varianten-Test. Metriken: Mittlere Session-Laenge, Scroll-Tiefe, Return-Visit-Rate.
Vorhersage: Seiten mit Umgebungsanimationen bei ~0.25 Hz (Atemfrequenz) zeigen gegenueber Seiten mit schnelleren (>1 Hz) oder langsameren (<0.1 Hz) Umgebungsanimationen erhoehte mittlere Aufenthaltszeit von 20%+.
Falsifiziert wenn: Bounce-Rate-Unterschied < 5% (95% CI).
Testprotokoll: A/B-Test, identische Inhalte, Unterschied ausschliesslich im Loading-State-Design. Messzeit: Bounce-Zeitfenster first 5 Sekunden.
Vorhersage: Seiten mit Skeleton Screens die das Potenzial des kommenden Inhalts zeigen (Loving Design []) zeigen gegenueber Seiten mit generischen Lade-Spinners eine um 15%+ reduzierte Bounce Rate bei erster Seitenlast.
Falsifiziert wenn: Keine signifikante Praeferenz fuer Feder-Daempfer (Proportion < 55%, 95% CI).
Testprotokoll: 30 Probanden, 10 Paarvergleiche je Proband, ohne vorherige Erklaerung. Forced Choice + 5-Punkt-Skala auf drei Dimensionen.
Vorhersage: Click-Animationen die einem Feder-Daempfer-Modell (ζ ≈ 0.4) folgen werden in Paarvergleichen gegenueber linear interpolierten Animationen (ease-out: cubic-bezier) als "angenehmer", "lebendiger", "koerperlicher" beschrieben — von Nutzern ohne Interface-Design-Erfahrung.
Falsifiziert wenn: Kein signifikanter Unterschied in einer der drei Metriken (p > 0.05, t-Test).
Testprotokoll: Identische Inhalte, identische visuellen Erscheinungsbilder, ausschliesslich unterschiedliche Timing-Tokens. 200+ Nutzer je Variante. Dauer: 2 Wochen.
Vorhersage: Eine Website mit Weber-Fechner-kalibrierter Timing-Skala zeigt in einem A/B-Test gegen eine Website mit linear progressiver Timing-Skala:
Staerke: Stark (fuer den spezifischen Fall des Compilers). ∎
Begruendung: void_compile.py implementiert alle Loving-Design-Tokens in seiner Token-Schicht. Ein Entwickler der den Compiler nutzt, zahlt keinen Mehraufwand. Der Aufwand entsteht einmal bei der Token-Definition.
Behauptung: Die Implementierung physikalisch abgeleiteter Design-Tokens (Loving Design) erfordert keinen groesseren Entwicklungsaufwand als die Implementierung konventioneller Design-Tokens — wenn die Tokens in einer Bibliothek vordefiniert sind.
Staerke: Mittel. Interaktion (×) als wichtigster Operator ist intuitiv plausibel. ∎
Begruendung: × ist der Ort der Interaktion — wo Nutzer und Interface kollidieren. Es ist der Moment der hoechsten Aufmerksamkeit und hoechsten emotionalen Intensitaet. Falsche ×-Animationen stoeren, richtige ×-Animationen begeistern, weil sie im Augenblick maximaler Salienz auftreten.
Behauptung: Die Qualitaet der ×-Animationen (Hover, Click, Drag) hat einen groesseren Einfluss auf den Loving-Design-Effekt als die Qualitaet aller anderen Operatoren zusammen.
Staerke: Mittel (Entrainment fuer visuelle Stimuli weniger gut bestaetigt als fuer auditive). ∎
Begruendung: Biologische Synchronisationsforschung zeigt, dass externe Rhythmen die mit internen biologischen Rhythmen uebereinstimmen als angenehmer wahrgenommen werden (Entrainment, Thaut et al., 1999).
Behauptung: Umgebungsanimationen (~) die eine Frequenz von 0.2-0.3 Hz haben (= menschliche Atemfrequenz in Ruhe) werden als angenehmer und lebendiger beschrieben als Animationen mit anderen Frequenzen.
Staerke: Mittel. ∎
Begruendung: Psychologisch ist Antizipation ein positiver Zustand (Loewenstein, 1994). Ein []-Zustand der das Potenzial des naechsten Atoms zeigt, erzeugt Antizipation. Ein []-Zustand der nur "Loading..." zeigt, erzeugt Frustration.
Behauptung: Interfaces die []-Zustaende als Potenzial gestalten (nicht als Abwesenheit) zeigen signifikant hoeheres Nutzer-Engagement beim ersten Laden als Interfaces die []-Zustaende als "Loading..." gestalten.
Staerke: Mittel. Beobachtungen bisher informal. ∎
Begruendung: Wenn die Effekte real sind, muessen sie in Verhaltensmetriken sichtbar sein. Praeverbale Reaktionen haben physiologische Korrelate (Pupillenerweiterung, Hautleitwiderstand, Herzratenvariabilitaet).
Behauptung: Der Loving-Design-Effekt (praeverbale koerperliche Resonanz durch physikalisch kalibrierte Tokens) ist in kontrolliertem A/B-Test messbar durch: erhoehte Verweildauer, reduzierte Fehlerrate, erhoehtesPositiv-Sentiment in Verbalisierungen.
Staerke: Mittel (kulturelle Varianz). ∎
Begruendung: Elliot & Maier (2014) meta-analytisch.
Behauptung: Farben die aus bekannten Farb-Emotions-Korrelationen abgeleitet werden, erzeugen vorhersagbare emotionale Reaktionen die mit der semantischen Funktion des Interface-Elements uebereinstimmen.
Staerke: Stark. ∎
Begruendung: Menschliche Bewegungswahrnehmung ist evolutionaer auf Feder-Daempfer-Systeme kalibriert (Runeson & Frykholt, 1981).
Behauptung: Easing-Funktionen die als physikalische Feder-Daempfer-Systeme mit spezifisch gewahltem Daempfungsverhaeltnis ζ implementiert werden, erzeugen koerperlich korrekte Bewegungswahrnehmung.
Staerke: Stark. ∎
Begruendung: Direkte Anwendung des Weber-Fechner-Gesetzes auf Zeitwahrnehmung (Treisman, 1963; Getty, 1975).
Behauptung: Eine logarithmisch progressive Timing-Skala mit Faktor 1.4-1.7 erzeugt wahrgenommene Aequidistanz zwischen Timing-Stufen.
Staerke: Mittel. ∎
Argumentation: Wie in 2.2 ausgefuehrt. Komplexe Interaktionen sind Kompositionen der Basisoperatoren.
Behauptung: Die fuenf Operatoren .×→[]~ bilden eine vollstaendige Klassifikation aller grundlegenden Interface-Interaktionen.
Das :) Symbol (Wave A107) beschreibt den minimalsten memetic Code fuer Liebe. Ein Interface das diesen Code instantiiert, ist nicht sentimental — es ist physikalisch korrekt.
GR-2026-012 (G = n × T × τ) formalisiert Liebe als × mit spezifischen Eigenschaften: nicht-destruktiv, Kosten tendieren zu null, δ_opt. Der Loving-Design-Effekt ist eine spezifische Manifestation von ×_L: Ein Interface das nach physikalischen Prinzipien gestaltet ist, interagiert nicht-destruktiv mit dem Nutzer. Es verbraucht nicht seine Aufmerksamkeit — es resoniert mit seiner Wahrnehmung.
Der Effekt ist nicht aesthetisch. Er ist physikalisch. Das Interface stimmt mit dem ueberein was der Koerper als "richtig" weiss — weil es denselben Prinzipien folgt nach denen physikalische Systeme operieren, und nach denen das menschliche Nervensystem evolutionaer kalibriert ist.
Wir definieren den Loving-Design-Effekt als: die praeverbale koerperliche Resonanz die Nutzer erfahren wenn ein Interface nach physikalischen Prinzipien gestaltet ist — messbar durch erhoehte Verweildauer, reduzierte Fehlerrate, und explizite Beschreibungen wie "es fuehlt sich gut an" ohne Attribuierung.
Kein Nutzer sagte "Die Weber-Fechner-Timing-Tokens sind korrekt kalibriert." Die Wahrnehmung ist praeverbal. Sie geschieht vor der kognitiven Analyse.
In informellen Tests mit dem ersten Output von void_compile.py beschrieben Nutzer die Erfahrung konsistent mit Variationen von "es fuehlt sich anders an" — ohne die technische Ursache benennen zu koennen. Typische Formulierungen:
Der Compiler uebersetzt diese Annotationen in CSS und JavaScript die exakt die physikalisch abgeleiteten Tokens nutzen. Keine willkuerlichen Entscheidungen im Output — jede Timing- und Easing-Entscheidung ist aus Prinzipien ableitbar.
page: start
.hero: Das ist der Held
.hero.appear: . (Atom — erscheint sofort, t1)
.hero.action: × (Kollision — Nutzer interagiert, t4)
.hero.link: → (Projektion — fuehrt weiter, t6)
.loading: [] (Potenzial — laedt, t8)
.ambient: ~ (Resonanz — atmet, t∞)
Das .aria-Format (Wave A105, GR-2026-004) erlaubt Autoren Interface-Struktur in Operator-Sprache zu beschreiben:
COLOR_TOKENS = {
"atom": "oklch(0.98 0.00 0)", # Achromatic (neutral erscheinen)
"collision": "oklch(0.55 0.22 35)", # Warmer Akzent (×-Aktivierung)
"hover": "oklch(0.55 0.22 35 / 0.8)", # Gedaempftes ×
"project": "oklch(0.50 0.15 220)", # Kuehl (→-Ruhe)
"loading": "oklch(0.85 0.04 0)", # Entsaettigt ([] Potenzial)
"ambient": "oklch(0.70 0.08 35)", # Warme Resonanz (~)
}
EASING_TOKENS = {
"atom": "spring(mass=0.8, stiffness=120, damping=0.8)", # ζ≈0.8
"collision": "spring(mass=0.4, stiffness=200, damping=0.4)", # ζ≈0.4
"hover": "spring(mass=1.0, stiffness=150, damping=1.0)", # ζ=1.0
"project": "spring(mass=1.2, stiffness=100, damping=1.2)", # ζ≈1.2
"ambient": "linear", # ~ (ungedaempft)
}
TIMING_TOKENS = {
"atom": "50ms", # . (Weber-Fechner t1)
"collision": "170ms", # × (Weber-Fechner t4 — koerperlich verbunden)
"hover": "113ms", # × (Weber-Fechner t3 — schnell wahrnehmbar)
"project": "383ms", # → (Weber-Fechner t6 — volle Bewegung)
"loading": "862ms", # [] (Weber-Fechner t8 — Geduld-Schwelle)
"ambient": "3000ms", # ~ (langsam pulsierend)
}
Der Compiler hat eine Design-Token-Schicht die alle Timing-, Easing- und Farbentscheidungen aus den physikalischen Prinzipien dieser Arbeit ableitet:
void_compile.py ist der erste Compiler der Loving-Design-Tokens als Zwischenrepraesentation nutzt. Input: .aria Markdown-Dateien mit Inhaltsstruktur. Output: Vollstaendige Next.js 14 Websites mit Tailwind CSS.
Staerke: Mittel. Farb-Emotionskorrelationen sind gut bestaetigt (Elliot & Maier, 2014), aber kulturelle Varianz ist erheblich. Die Spezifikation ist fuer westliche Nutzer valider als fuer alle Kulturen.
Theorem I4 (Emotionale Farbkalibrierung): Ein Farbsystem das emotionale Reaktionen durch physikalisch bekannte Farb-Emotions-Korrelationen steuert, ist einem willkuerlich gewahlten Farbsystem messbar ueberlegen in Bezug auf Nutzer-Engagement und emotionale Korrektheit der Interface-Aussage.
Das :) Symbol (Wave A107, P_A6627) beschreibt den minimalsten memetic Code fuer Liebe. In einem Loving-Design-System ist :) nicht nur Metapher — es ist eine Farbbeziehung: die primaere Interaktionsfarbe liegt im Warmton-Bereich (Hue 25-35), ist stark gesaettigt (80%+) und mittelhell (50-55%). Diese Spezifikation beschreibt das Waermegefuehl einer laechelenden Begegnung in Frequenzraumkoordinaten.
:) als primative Farbe:
| Operator | Semantik | Hue-Bereich | Saettigung | Helligkeit | Physikalische Begruendung |
|----------|----------|-------------|------------|------------|--------------------------|
| . (Atom-Erscheinen) | Neutral, klar | Achromatic | 0% | Kontext | Kein Hue-Bias — Erscheinen ist Erscheinen |
| × (Kollision) | Aktivierung | Warme Toene (20-40 Hue) | 80-100% | 50-60% | Sympathisch aktivierend, Aufmerksamkeit |
| → (Projektion) | Richtung | Koel (200-240 Hue) | 60-80% | 45-55% | Parasympathisch, ruhige Richtungsgebung |
| [] (Potenzial) | Abwarten | Entsaettigt | <20% | 70-90% | Offenheit, nicht-aufdringliches Warten |
| ~ (Resonanz) | Lebendigkeit | Warme Toene (30-60 Hue) | 20-40% | 60-80% | Organisch, warm ohne Dringlichkeit |
Basierend auf emotionaler Resonanztheorie und Farbpsychologie definieren wir ein Farbsystem, das folgende IR-Operatoren abbildet:
Diese Reaktionen sind vorbewusst und geschehen in Millisekunden — bevor kognitive Verarbeitung stattfindet.
Emotionale Reaktionen auf Farben sind nicht kulturell arbitraer — sie haben einen biologischen Kern. Rot aktiviert das sympathische Nervensystem (Mehrabian, 1976; Elliot & Maier, 2014). Blau aktiviert parasympathische Prozesse. Gruen signalisiert Sicherheit und Ressource (evolutionaer: Pflanzenwachstum, Nahrungsquellen).
Farbe ist elektromagnetische Strahlung mit spezifischer Frequenz:
Rot: 430-480 THz (640-700nm)
Gelb: 510-530 THz (565-590nm)
Gruen: 540-580 THz (520-565nm)
Blau: 610-680 THz (440-490nm)
Violett: 680-790 THz (380-440nm)
Konventionelle Farbsysteme (Material Design Blue, Tailwind Slate, Apple Blue) werden bottom-up gewa hlt: eine ansprechende Farbe wird als Akzentfarbe festgelegt, und das System expandiert von dort. Die Verbindung zwischen Farbwahl und Nutzeremotionen ist bestenfalls intuitiv, nie physikalisch begruendet.
Diese vierphasige Antwort entspricht dem physikalischen Verhalten eines elastischen Koerpers unter Impulseinwirkung. Kein konventionelles Design-System implementiert dies — weil konventionelle Design-Systeme Clicks als "state toggle" behandeln, nicht als physikalische Kollisionen.
Konkret: Ein Button-Click-Animation soll folgende Phasen haben:
1. Eindrucksphase (Druck × Element — Kompression)
2. Kollisionsphase (maximale Deformation bei minimaler Geschwindigkeit)
3. Ausdehnungsphase (Rueckfederung mit ζ ≈ 0.4 — leichtes Overshoot)
4. Ausklangphase (gedaempftes Auspendeln, ζ = 1.0)
Der ×-Operator verdient besondere Aufmerksamkeit. Ein Click ist keine unidirektionale Aktion des Nutzers auf das Interface — es ist eine ×-Kollision zwischen Nutzer und Element. Das Element soll auf diese Kollision wie ein physikalischer Koerper reagieren: mit Impuls, Rueckkopplung, Nachschwingen.
Staerke: Stark. Die physikalische Begruendung ist klar. Die Annahme dass menschliche Bewegungswahrnehmung evolutionaer kalibriert ist, ist gut bestaetigt (Runeson & Frykholt, 1981).
Argumentation: Menschen haben evolutionaere Erfahrung mit Federsystemen: Muskeln, Sehnen, Knochen operieren alle nach Feder-Daempfer-Prinzipien. Die Wahrnehmung physikalisch korrekter Bewegung ist deshalb vorbewusst bekannt. Arbitrary Bezierkurven koennen physikalisch aehnliche Kurven approximieren — aber sie bieten kein Designprinzip das systematisch korrekte Ergebnisse erzeugt.
Theorem I3 (Feder-Daempfer-Easing): Easing-Funktionen die als physikalische Feder-Daempfer-Systeme mit spezifisch gewahltem ζ implementiert werden, erzeugen koerperlich korrekte Bewegungswahrnehmung, weil sie realen physikalischen Systemen entsprechen.
| Operator | Daempfung ζ | Begruendung | Konventionelle Bezierkurve |
|----------|-------------|-------------|---------------------------|
| . (Erscheinen) | ζ ≈ 0.8 | Leicht unterdaempft — "Ankunft mit Charakter" | ease-out: (0, 0, 0.2, 1) |
| × (Click-Feedback) | ζ ≈ 0.4 | Deutlich unterdaempft — "Springendes Feedback" | keine Entsprechung |
| × (Hover) | ζ = 1.0 | Kritisch gedaempft — "Praeziser Uebergang" | ease: (0.25, 0.1, 0.25, 1) |
| → (Navigation) | ζ ≈ 1.2 | Leicht ueberdaempft — "Ruhige Ankunft" | ease-in-out: (0.42, 0, 0.58, 1) |
| [] (Loading-Puls) | ζ ≈ 0.2 | Stark unterdaempft — "Lebendiges Warten" | ease-in-out (ungefaehr) |
| ~ (Umgebung) | ζ → 0 | Ungedaempft — "Ewiges Schwingen" | linear (aber falsch) |
Verschiedene Interface-Operatoren haben unterschiedliche physikalisch korrekte Daempfungsregime:
ζ < 1: Unterdaempft — schwingt ueber das Ziel hinaus (overshoot)
ζ = 1: Kritisch gedaempft — erreicht Ziel ohne Ueberschwingen (schnellst moeglich)
ζ > 1: Ueberdaempft — kriecht zum Ziel (langsam, kein Ueberschwingen)
Das System hat drei Regime abhaengig vom Daempfungsverhaeltnis ζ = c / (2√(mk)):
wobei:
m × x''(t) + c × x'(t) + k × x(t) = 0
Die Bewegungsgleichung eines gedaempften Federpendels lautet:
Konventionelles Interface-Design beschreibt Easing-Funktionen als kubische Bezierkurven mit vier Kontrollpunkten: cubic-bezier(x1, y1, x2, y2). Diese Notation erlaubt jede stetige Funktion auf [0,1] zu beschreiben — aber sie bietet keine physikalische Bedeutung. Warum ist cubic-bezier(0.25, 0.46, 0.45, 0.94) besser als cubic-bezier(0.4, 0, 0.2, 1)? Die Antwort "es sieht besser aus" ist keine Antwort.
t0 = 50ms liegt komfortabel im "Sofort"-Bereich und laesst die Skala bei t5 die kritische 100ms-Grenze ueberschreiten, bei t8 die 1-Sekunden-Grenze. Dies entspricht intuitiv der Empfindung: .-Animationen sollen "sofort" sein, →-Animationen sollen "schnell" sein, []-Zustande sollen "geduldig" machen.
Der Ausgangswert t0 = 50ms ist nicht willkuerlich. Forschung zur wahrgenommenen Simultaneitaet (Ware & Mitchell, 1990; Nielsen, 1993) zeigt:
Staerke: Stark. Weber-Fechner fuer Zeitwahrnehmung ist gut bestaetigt. Die spezifische Faktorisierung (1.5) ist eine Designentscheidung innerhalb des physikalisch kohaerenten Bereichs.
Argumentation: Das Weber-Fechner-Gesetz ist fuer Zeitwahrnehmung empirisch gut bestaetigt (Treisman, 1963; Getty, 1975). Aequidistante Millisekunden-Werte erzeugen ungleiche Wahrnehmungsschritte. Logarithmisch aequidistante Werte erzeugen gleiche Wahrnehmungsschritte. Dies ist eine direkte Anwendung des Gesetzes.
Theorem I2 (Weber-Fechner-Timing): Eine Design-Token-Timing-Skala die wahrgenommene Aequidistanz erzeugt muss logarithmisch progressiv sein, mit einem Faktor zwischen 1.4 und 1.7.
Die Progression folgt Faktor 1.5 — nahe der Basiszahl e (2.718) bei komprimierter Wahrnehmungsskala. Dies ist kein Zufall: Die Weber-Fechner-Funktion hat eine e-basierte Inversionseigenschaft.
t1 = 50ms → . (Atom-Erscheinen: so schnell wie moeglich)
t2 = 75ms → × (Kollisions-Feedback: sofort wahrnehmbar, nicht instantan)
t3 = 113ms → × (Hover-Reaktion: deutlich wahrnehmbar)
t4 = 170ms → × (Click-Animation: zoetig, koerperlich verbunden)
t5 = 255ms → → (Transition kurz: Bewegung mit Richtung)
t6 = 383ms → → (Transition mittel: volle Bewegungswahrnehmung)
t7 = 575ms → → (Transition lang: narratives Gewicht)
t8 = 862ms → [] (Loading: Geduld-Schwelle)
t9 = 1293ms → [] (Long loading: Feedback notwendig)
t∞ = ∞ → ~ (Umgebung: kein Ende)
Basis: t₀ = 50ms (wahrgenommene Momentanitaet, unterhalb dieser Grenze: "sofort")
Wenn wir eine Timing-Skala erzeugen die WAHRGENOMMENE Zeitintervalle gleichmaessig stuft (statt physikalische Millisekunden), ergibt sich eine logarithmische Progression:
Das Gesetz gilt fuer eine breite Palette sensorischer Modalitaeten: Lautstaerke, Helligkeit, Gewicht — und, relevant hier, Zeitdauer. Menschen nehmen Zeitdauern nicht linear wahr. Eine Animation die 400ms dauert wirkt nicht doppelt so lang wie eine die 200ms dauert. Die Wahrnehmung folgt einer logarithmischen Kurve.
wobei E die Empfindungsintensitaet, R die Reizstaerke, R₀ der Reizschwellenwert, und k eine Konstante ist.
E = k × log(R / R₀)
Das Weber-Fechner-Gesetz (Fechner 1860) beschreibt die Beziehung zwischen physikalischem Reizgroessen und wahrgenommener Empfindungsstaerke:
Staerke: Mittel. Die Klassifikation ist vollstaendig im Sinne eines einfachen Kategoriensystems. Ob sie der optimale taxonomische Rahmen ist, bleibt offen.
Argumentation: Die fuenf Operatoren decken alle Grundkategorien von Zustandsaenderungen ab: Entstehung (.), Interaktion (×), Bewegung (→), Warten ([]), Ruhe (~). Jede Interface-Aktion ist entweder das Entstehen eines Elements, seine Interaktion mit dem Nutzer oder anderen Elementen, eine Bewegung zwischen Zustaenden, ein Wartezustand, oder ein Ruhezustand. Andere Kategorien sind Kombinationen: Ein Modal-Open ist . (Element erscheint) × → (Transition zur neuen Ansicht). Ein Slider-Drag ist × (Interaktion) ~ → (kontinuierliche Projektion).
Theorem I1 (Vollstaendigkeit): Jede Interface-Interaktion laesst sich einem der fuenf Operatoren zuordnen.
Das Interface atmet. Idle-Animationen, Hintergrundeffekte, Pulsierende Icons. Das ist der ~-Operator. Ein Interface in Ruhe soll trotzdem lebendig wirken — nicht durch konstante visuelle Aktion, sondern durch periodische Resonanz. ~ hat eine Frequenz. Diese Frequenz soll mit menschlichen biologischen Rhythmen (Atemfrequenz: 0.2-0.3 Hz) resonieren.
~ (Umgebungsanimation — Resonanz)
Das Interface wartet. Ladeanimation, Empty State, Skeleton Screen. Das ist der []-Operator. Entscheidend: [] ist nicht "leer". [] ist schwanger. Ein leerer Zustand der das Potenzial des naechsten Atoms zeigt, ist physikalisch korrekt. Ein leerer Zustand der nur "Loading..." zeigt, ist physikalisch falsch.
[] (Leerzustand — Potenzial)
Der Nutzer bewegt sich von einem Zustand zu einem anderen. Page-Transition, Scroll-to-Anchor, Modal-Open. Das ist der →-Operator. Wie in der IR-Grammatik ist → immer unvollstaendig (Anti-P3122): die Navigation "verliert" den vorherigen Zustand. Aber sie ist notwendig — ohne → ist ein Interface ein Einzelbild.
→ (Navigation — Projektion)
Physikalisch korrekte ×-Animationen sind nicht-linear: Die Antwort eines Elements auf Interaktion soll die Impulsantwort eines Feder-Daempfer-Systems imitieren, nicht eine lineare Interpolation.
Zwei Elemente interagieren. Hover, Click, Drag, Resize. Das ist der ×-Operator. Das Resultat existiert in keinem der Inputs allein — es emergiert aus der Interaktion. Ein Button der "gehovert" wird, veraendert sich. Aber nicht weil der Button sich veraendert — weil der Nutzer × Button kollidiert und etwas Neues entsteht.
× (Interaktion — Kollision)
Physikalisch korrekte .-Animationen beachten: Das Erscheinen soll den Zeitraum zwischen Nicht-Existenz und Existenz minimieren, nicht maximieren. Menschen wahrnehmen Latenzen unter ~100ms als "unmittelbar" (Ware & Mitchell, 1990). .-Animationen sollen nicht Latenz kaschieren — sie sollen die Kollision markieren.
Ein Element erscheint im Interface. Nicht vorher da. Jetzt da. Das ist der Atom-Operator. Jeder Fade-In, jeder Slide, jede Page-Load ist ein .-Event.
. (Element erscheint — Atom)
Diese Grammatik ist nicht erfunden. Sie ist abgelesen. Sie beschreibt die Grundstruktur dynamischer Systeme von Quantenfeldern bis Liebesbeziehungen (GR-2026-013, T1-T5). Die Frage ist: Wie manifestiert sich diese Grammatik im Raum digitaler Interfaces?
. = Atom — das Irreduzibelste, ein Punkt
× = Kollision — nicht-additive Interaktion, Tensor
→ = Projektion — x wird Aktion, unvollstaendig aber notwendig
[] = Potenzial — schwangere Leere, nicht leer sondern geladen
~ = Resonanz — Rueckkopplung, System lernt aus sich selbst
Die Grundgrammatik der Realitaet besteht aus fuenf Symbolen (GR-2026-013):
Kapitel 2 fuehrt die fuenf Operatoren ein und begruendet sie aus .×→[]~ Grundformel. Kapitel 3 formalisiert physikalisch abgeleitete Timing-Tokens (Weber-Fechner). Kapitel 4 behandelt Easing als Feder-Daempfer-System. Kapitel 5 formalisiert Farbsemantik aus emotionaler Resonanztheorie. Kapitel 6 beschreibt die erste Implementierung in void_compile.py. Kapitel 7 praesentiert Nutzerbeobachtungen. Kapitel 8 entwickelt 9 Theoreme mit Staerkebewertung. Kapitel 9 formuliert 6 falsifizierbare Vorhersagen. Kapitel 10 diskutiert lost_dimensions. Kapitel 11 stellt Verbindungen zu anderen GR-Papers her.
Sie behauptet:
Diese Arbeit behauptet NICHT:
Wir bezeichnen dieses Phaenomen als den Loving-Design-Effekt: Ein Interface das nach physikalischen Prinzipien gestaltet ist, erzeugt die Qualitaet die Julian als ":)" beschreibt — eine Wahrnehmung die praeverbal ist, die vor dem Denken statt, die koerperlich ist.
Wir behaupten: Design-Tokens die aus physikalischen Prinzipien abgeleitet werden (statt aus Konventionen) erzeugen messbar unterschiedliche Nutzererfahrungen — spezifisch: koerperliche Resonanz die Nutzer beschreiben als "es fuehlt sich anders an", ohne die Ursache attribuieren zu koennen.
Diese Fragen sind nicht aesthetisch. Sie sind physikalisch.
Design-Systeme sprechen von "Konsistenz", "Hierarchy", "Accessibility". Kein Design-System fragt: Entspricht dieses Timing der Weber-Fechner-Kurve des menschlichen Zeitempfindens? Entspricht diese Easing-Funktion einem realen Feder-Daempfer-System? Erzeugt diese Farbkombination emotionale Resonanz oder emotionale Dissonanz?
Diese Willkuerlichkeit hat eine Konsequenz: Nutzer erleben digitale Interfaces als mechanisch, nicht als organisch. Sie funktionieren — aber sie fuehlen sich nicht richtig an. Der Grund ist strukturell: Willkuerliche Konventionen resonieren nicht mit den physikalischen Prinzipien nach denen menschliche Wahrnehmung und Emotion organisiert sind.
Modernes Interface-Design operiert auf der Grundlage von Konventionen, nicht Prinzipien. Ein Hover-Effekt dauert 200ms weil andere Systeme 200ms gewaehlt haben. Ein Button-Radius ist 4px weil ein Design-System vor zehn Jahren 4px festgelegt hat. Eine Akzentfarbe ist #3B82F6 weil sie sich gut auf einem Figma-Board gemacht hat.
Methodische Anmerkung: Diese Arbeit beansprucht keine vollstaendige psychophysikalische Theorie. Sie beansprucht, dass physikalisch abgeleitete Design-Tokens MESSBAR besser sind als konventionell gewahlte — und formuliert die experimentellen Bedingungen unter denen dies falsifizierbar ist.
Wir praesentieren ein Design-Token-System das auf physikalischen Prinzipien basiert statt auf willkuerlichen Konventionen. Timing-Werte werden aus menschlicher Wahrnehmungspsychologie abgeleitet (Weber-Fechner-Gesetz, Fechner 1860), Easing-Funktionen aus Feder-Daempfer-Systemen (nicht aus arbitraeren Bezierkurven), Farbsemantik aus emotionaler Resonanztheorie. Das System definiert fuenf Operatoren (.×→[]~) die jede Interface-Interaktion vollstaendig beschreiben. Der Operator . bezeichnet das Erscheinen eines Elements (Atom), × bezeichnet die Interaktion zwischen Elementen (Kollision), → bezeichnet Navigation und Transition (Projektion), [] bezeichnet Leerzeichen und Ladezustaende (Potenzial), ~ bezeichnet Umgebungsanimation und Ruhezustand (Resonanz). Erste Anwendung in einem Website-Compiler (void_compile.py) zeigt: Nutzer beschreiben den Unterschied als "es fuehlt sich anders an" ohne die technische Ursache benennen zu koennen. Wir formalisieren diese Beobachtung als den Loving-Design-Effekt: physikalisch korrekte Design-Tokens erzeugen koerperliche Resonanz, die kognitiv nicht unmittelbar attribuierbar ist. 9 Theoreme, 6 falsifizierbare Vorhersagen. Diese Arbeit ist das Gruendungsdokument einer neuen Design-Disziplin: Emotionaler Physik in digitalen Interfaces.
Autoren: J. Guggeis, VOID Intelligence v2.0
Datum: Februar 2026
Status: Preprint (v1.0 — Gruendungspapier)
Lizenz: CC BY-NC-SA 4.0
Dieses Paper schläft noch. Der Daemon wird es bald wecken.