3D · Web & Software
Aphantasie-Testportal: Case Study
Wie aphantasie.org entstand: sieben Selbsttests in fünf Sprachen, ein 3D-Erlebnis im Browser, datensparsame Auswertung – und Platz 1 für „aphantasie test“.
7 Min. LesezeitOnur CirakogluAktualisiert
Mit aphantasie.org betreiben wir ein Testportal für Aphantasie, die fehlende Fähigkeit, sich Bilder vorzustellen. Heute bietet es sieben Selbsttests in fünf Sprachen, ein scroll-gesteuertes 3D-Erlebnis im Browser und steht bei Google auf Platz 1 für „aphantasie test“ (Google Search Console, Ø Position 1,5, 23.–30.09.2026). Das Portal ist unser eigenes Produkt und unser Labor: Hier erproben wir, was wir später für Kunden einsetzen.
Ausgangslage
Aphantasie ist vielen Betroffenen unbekannt – sie erfahren oft erst durch Zufall, dass andere Menschen „vor dem inneren Auge“ tatsächlich etwas sehen. Es fehlte ein seriöser, verständlicher Einstieg mit validierten Tests, der ohne Anmeldung funktioniert und in mehreren Sprachen erreichbar ist.
Was das Portal leistet
Sieben Selbsttests. Darunter der Original-VVIQ (Vividness of Visual Imagery Questionnaire, David Marks, 1973), ein Test für mehrere Sinne nach der Methodik des PSIQ (Plymouth Sensory Imagery Questionnaire), ein Test zur binokularen Rivalität sowie Fragebögen zu Hyperphantasie, autobiografischem Gedächtnis und innerem Monolog. Wo wir eigene Fragen formulieren, sagen wir das; die Quellen dokumentieren wir auf den Testseiten.
Fünf Sprachen. Deutsch, Englisch, Spanisch, Französisch und Polnisch – jede Sprachversion mit eigener URL, eigenen Metadaten und hreflang-Verknüpfung, damit Suchmaschinen sie als zusammengehörig erkennen.
Ein 3D-Erlebnis. „Through the Mind’s Eye“ zeigt in fünf Akten, was Aphantasie bedeutet: Ein leuchtender Apfel verblasst, flackert, verschwindet – und wird zur abstrakten Konstellation. Gesteuert durch Scrollen, gerendert in WebGL, mit statischem Fallback für Nutzer, die Bewegung reduziert haben. Die Dramaturgie und Technik beschreiben wir im Beitrag Scrollytelling.
Technische Entscheidungen
| Baustein | Wahl | Grund |
|---|---|---|
| Framework | Next.js, React, TypeScript | statische Auslieferung, Server Components, Typsicherheit |
| Mehrsprachigkeit | next-intl | Routing je Sprache, saubere hreflang-Paare |
| 3D | Three.js, React Three Fiber | deklarative WebGL-Szenen in React |
| Daten | Browser-Speicher | Ergebnisse bleiben auf dem Gerät, kein Konto, keine Serverspeicherung |
| Styling | Tailwind CSS | konsistentes Design-System |
Mehrsprachigkeit von Anfang an
Nachträglich eingebaute Mehrsprachigkeit ist teuer. Wir haben das Routing von Beginn an sprachbasiert aufgebaut: /tests/vviq (Deutsch) und /en/tests/vviq sind eigene Seiten mit eigenen Metadaten. Als später Spanisch, Französisch und Polnisch dazukamen, war das eine Frage der Übersetzung, nicht der Architektur.
Datensparsamkeit
Alle Tests lassen sich anonym durchführen. Die Ergebnisse bleiben im Browser: Es gibt kein Konto und keine Speicherung auf unseren Servern.
Es gibt keine Drittanbieter-Tracker; die Ergebnisse verlassen das Gerät nicht.
3D ohne Ladezeit-Strafe
Three.js ist groß. Die Szene wird erst geladen, wenn sie gebraucht wird, und nur die benötigten Module werden importiert. Auf schwächeren Geräten schaltet eine Heuristik Nachbearbeitungseffekte ab; wer Bewegung reduziert hat, bekommt eine textliche Beschreibung der fünf Akte statt der Animation.
Ergebnis
Aphantasie in Zahlen
Stand 30.09.2026
- Selbsttests, darunter der Original-VVIQ
- 7
- Sprachen
- 5
- Platz bei Google für „aphantasie test“ (Ø Position 1,5)
- 1
- bis der Inhalt steht (LCP, Labormessung Lighthouse Desktop)
- 0.97s
Die Zahl der Tests entspricht aphantasie.org/tests (sechs Selbsttests) plus dem Original-VVIQ auf /tests/vviq. Die Platzierung stammt aus der Google Search Console, Zeitraum 23.–30.09.2026: „aphantasie test“ Ø Position 1,5 bei einer Klickrate von 43 %, „aphantasie-test“ Ø 1,1, „test aphantasie“ Ø 1,7. Die Ladezeit ist eine Labormessung (Lighthouse Desktop, Median aus 3 Läufen, 30.09.2026), keine Felddaten echter Nutzer. Beides messen wir regelmäßig nach.
Was wir gelernt haben
Mehrsprachigkeit früh einplanen. Sprachen kamen dazu, ohne dass wir das Routing anfassen mussten.
Fachliche Vorlagen respektieren. Bei psychologischen Tests entscheidet die Treue zur veröffentlichten Vorlage über den Wert des Ergebnisses. Wir dokumentieren Quellen und ändern Fragen nicht „zur besseren Lesbarkeit“.
3D muss optional sein. Die Experience ist ein zusätzlicher Layer. Das Portal funktioniert vollständig ohne WebGL.
Weiterlesen
- Fallstudie im Portfolio
- Live: aphantasie.org
- Scrollytelling: Guide mit Beispielen – die Technik hinter dem 3D-Erlebnis
Aktualisiert am 30.09.2026: Zahl der Tests vereinheitlicht (sieben Selbsttests), Platzierung mit Werten aus der Google Search Console belegt, Ladezeit neu gemessen.