Ein Haus mit acht Welten — das neue Design wird zur einzigen Oberfläche (und der alte Bau ist restlos abgetragen)

Es gibt zwei Arten, eine Oberfläche neu zu bauen. Die laute: alles auf einmal umstellen, das Alte über Nacht ersetzen, und dann drei Wochen lang jeden zweiten Klick reparieren. Und die leise: das Neue Woche für Woche neben dem Alten hochziehen, hinter einem Schalter, den zunächst niemand außer uns sieht — und erst umlegen, wenn wirklich jede Seite trägt.

OutaStory hat die leise Variante gewählt. Über viele Wochen ist parallel zur bestehenden Plattform eine komplett neue Oberfläche entstanden — Seite für Seite, von der Startseite über den Lese-Modus bis in die letzten Verwaltungs-Ecken. Die ganze Zeit lief sie gedämpft im Hintergrund, sichtbar nur über eine Vorschau-Adresse. Diese Woche ist der Schalter gefallen. Das neue Design ist ab jetzt die einzige Oberfläche — auf dem Web und, mit dem nächsten App-Release, auch in den Apps.

Und der eigentlich bemerkenswerte Teil ist nicht, dass das Neue da ist. Es ist, dass das Alte weg ist. Restlos. Nicht deaktiviert, nicht auskommentiert, nicht „liegt noch für den Notfall herum“ — sondern entfernt, bis zur letzten Zeile und dem letzten Schalter, der zwischen alt und neu unterscheiden konnte. Warum das die schwierigere und wichtigere Hälfte der Arbeit war, ist die Geschichte dieser Woche.

Was sich für dich ändert

Der Reihe nach das Sichtbare. Das neue OutaStory ist ruhiger, klarer und deutlich charaktervoller zugleich — ein Widerspruch nur auf den ersten Blick.

Eine gemeinsame Formensprache. Vorher war jede Seite für sich gewachsen; jetzt teilen sich alle dieselbe Grammatik aus Abständen, Rundungen, Schatten und Fokus-Rahmen. Listen — in Profil, Verwaltung, Moderation — sitzen auf einer durchgehenden, gerahmten Fläche statt als lose Kärtchen mit Lücken. Formulare atmen gleichmäßig. Nichts an alldem ist spektakulär; es ist die Art von Ordnung, die man nicht bemerkt, weil nichts mehr im Weg steht.

Zwei eigens gehostete Schriften. Für Überschriften eine redaktionelle Antiqua mit Persönlichkeit, für Fließtext eine klare, ruhige Grotesk. Beide liegen auf unserem eigenen Server — kein Umweg über fremde Schrift-Dienste, keine Wartesekunde, bis Text erscheint.

Ruhige Dichte, wo gearbeitet wird. Schreib-, Veröffentlichungs- und Verwaltungs-Oberflächen sind bewusst nüchtern gehalten: kein Glas, keine große Bühne, engere Zeilen, haarfeine Trennlinien. Eine Autorin, die im dritten Kapitel steckt, braucht keine Dekoration, sondern Platz und Ruhe. Die Bühne bleibt den Orten vorbehalten, an denen eine Geschichte glänzen darf.

Acht Welten

Das eigentliche Herz des neuen Designs ist aber nichts davon — es ist die Theme-Wahl. OutaStory ist eine Plattform für Geschichten, und Geschichten haben Stimmungen. Also bekommt die Oberfläche selbst Stimmungen: acht kuratierte „Welten“, jede mit eigener Palette, eigenem Licht, eigenem Charakter — von einem tiefen, sternenklaren Nachtblau über einen warmen Pergament-Ton bis zu einem sanften, gedämpften Rot. Man wählt eine Welt im Profil, und die ganze Plattform zieht sie an, hell wie dunkel.

Interessant an diesem Schritt ist, was davor stand. In der Entwicklung hatten wir mit deutlich mehr Themes experimentiert — über zwei Dutzend. Das ist der Vorteil eines Schalters, hinter dem niemand außer uns steht: Man darf großzügig ausprobieren. Zur Graduierung haben wir bewusst von über zwanzig auf acht zusammengestrichen — nicht weil die anderen schlecht waren, sondern weil acht klare, gepflegte Welten mehr wert sind als zwanzig, von denen die Hälfte nur „auch noch da“ ist. Und weil jede zusätzliche Welt in Ewigkeit mitgepflegt, mit-getestet und mit-durchdacht werden muss.

Damit niemand, der eine der ausgelaufenen Welten gewählt hatte, plötzlich vor einer kaputten Oberfläche steht, übersetzt eine einmalige, sanft geführte Migration jede alte Wahl auf die nächstliegende der acht Überlebenden — geräuschlos, beim ersten Laden. Wer eine noch existierende Welt gewählt hatte, behält sie unverändert.

Warum das Abreißen die schwierigere Hälfte ist

Jetzt zum stillen Teil, auf den ich ehrlich gesagt am stolzesten bin.

Monatelang trug die Plattform zwei Oberflächen gleichzeitig in sich — die alte und die neue, getrennt durch einen Schalter. Fast jede Seite existierte in zwei Fassungen, verzweigt an genau dieser Stelle: „Wenn neu, zeig dies; sonst zeig jenes.“ Das ist während der Bauphase genau richtig — es ist das Sicherheitsnetz, das erlaubt, das Neue zu zeigen, ohne das Alte anzufassen. Aber es ist Ballast, den man nicht behalten darf. Zwei parallele Oberflächen bedeuten zwei Orte für jeden Fehler, zwei Fassungen jeder Entscheidung, und ein schleichendes Auseinanderdriften, das mit jeder Woche teurer wird.

Also war die Graduierung nicht ein Schritt, sondern zwei. Erst wurde das Neue zum Standard gemacht — der Schalter zeigte ab jetzt immer nach vorn. Und dann, das eigentliche Aufräumen, wurde die Verzweigung überall entfernt: an siebenundachtzig Oberflächen die alte Fassung herausgeschnitten, das neue Markup zur einzig verbliebenen gemacht, und zum Schluss der Schalter-Mechanismus selbst gelöscht — die ganze Maschinerie, die je zwischen alt und neu unterscheiden konnte, ist weg. Was bleibt, ist eine Plattform mit einer Oberfläche, einer Quelle der Wahrheit, ohne totes Parallel-Universum im Keller.

Diese Art Arbeit hat keinen glänzenden Screenshot. Sie ist unsichtbar — genau dann, wenn sie gelingt: Wenn nach dem Entfernen des Alten nichts am Neuen kippt, hat man es richtig gemacht. Zehntausende automatische Tests haben nach jeder Runde bestätigt, dass genau das der Fall war.

Unter der Haube: Wartung mit Augenmaß

Zwischen den Design-Runden lief die unspektakulärste und trotzdem wichtige Pflege: die Werkzeugkiste auf einen aktuellen Stand bringen. Rund ein Dutzend Bibliotheken, auf denen OutaStory steht, wurden aktualisiert — und ein paar bewusst nicht.

Das „bewusst nicht“ ist dabei der interessantere Teil. Ein aktuelles Update ist nicht per se ein besseres Update. Fünf Bausteine haben wir absichtlich auf ihrem Stand belassen, jeder aus einem konkreten, dokumentierten Grund — darunter einer, von dem wir aus Erfahrung wissen, dass ein voreiliger Sprung schon einmal eine Störung ausgelöst hat, und zwei, die aus Sicherheitsgründen bewusst auf einer bestimmten, geprüften Fassung festgenagelt sind. „Immer alles auf die neueste Version“ klingt nach Sorgfalt, ist aber oft das Gegenteil: Sorgfalt heißt, für jeden Baustein einzeln zu entscheiden — und die Entscheidung zu begründen.

Zwei größere Sprünge haben wir dagegen gemacht — die Bild-Werkzeuge und den MP3-Decoder haben je eine Hauptversion übersprungen. Solche Sprünge bringen fast immer eine kleine Bruchstelle mit (die Bild-Bibliothek hatte eine Funktion für abgerundete Ecken für veraltet erklärt), und genau dafür ist das Test-Netz da: Es hat die Bruchstelle sofort gezeigt, die Umstellung war eine Handvoll Zeilen, und der Beweis, dass die Vertonungs-Längen danach immer noch stimmen, kam aus einem Test, der eine echte MP3-Datei durchrechnet.

Ein Fehler, der genau richtig kaputtging

Und dann war da noch eine Sache, die kaputtging — auf die beste denkbare Weise.

Die Hintergrund-Dienste, die Vertonungen, Cover und Beschreibungen erzeugen, weigerten sich zu starten. Der Grund: Ein zentraler Baustein war irgendwann um eine neue Abhängigkeit gewachsen, und in genau diesen vier Diensten fehlte das eine Gegenstück, das diese Abhängigkeit bereitstellt. Sonst überall vorhanden — hier nicht.

Das Schöne daran: Diese Dienste prüfen beim Start ihre eigene Verkabelung und verweigern den Dienst, wenn etwas fehlt — laut, sofort, bevor eine einzige echte Aufgabe durchläuft. Es ist das genaue Gegenteil der stillen Fehler, über die wir hier schon zweimal geschrieben haben — die Suche, die für alle nichts fand, und die Vertonungs-Längen, die sich vervierfachten. Ein Dienst, der beim Start ehrlich abbricht, ist kein Ärgernis; er ist ein Geschenk. Er scheitert dort, wo es nur die Entwicklung sieht, statt später dort, wo es echte Menschen trifft. Der Fix war eine einzige Zeile — die fehlende Verkabelung an die richtige Stelle gesetzt, sodass die Dienste sich selbst versorgen, egal in welchem Zusammenhang sie laufen.

Die Apps folgen

Das neue Design ist nicht nur eine Web-Sache. Weil die Apps sich denselben Kern mit dem Web teilen, tragen sie das neue Design ebenfalls — es kommt mit dem nächsten Store-Release auf iOS und Android an. Der Code dafür ist fertig und geprüft; was noch aussteht, ist der Durchlauf auf echten Geräten, bevor die neue Fassung in die Stores geht. Denn eine App rendert nicht im selben Browser wie der Schreibtisch-Rechner, und die letzten Prozent Politur an einer Oberfläche entscheiden sich immer erst auf dem Gerät in der Hand.

Zahlen zum Stand

• Design-Graduierung: das Neue zum Standard erklärt, die Verzweigung an siebenundachtzig Oberflächen entfernt, der komplette Umschalt-Mechanismus gelöscht, die Themes von über zwanzig auf acht gepflegte Welten zusammengeführt — mit sanfter Migration für jede ausgelaufene Wahl.
• Wartung: rund ein Dutzend Bibliotheken aktualisiert, fünf mit Begründung bewusst gehalten, zwei Hauptversions-Sprünge sauber absorbiert.
• Ein Start-Fehler in den Hintergrund-Diensten — beim Start abgefangen, mit einer Zeile behoben, bevor er irgendjemanden erreichte.
• Tests: weiterhin grün im hohen Zehntausender-Bereich; jede Aufräum-Runde durch die volle Suite abgesichert.

Was als nächstes

• Das neue Design aufs Gerät — der Geräte-Durchlauf für die Apps auf iOS und Android, bevor die neue Fassung in die Stores geht.
• Weiter Kanten schleifen — jetzt, wo es nur noch eine Oberfläche gibt, wandert jede Politur sofort an genau eine Stelle.
• Datenschutz-Freigaben vor dem öffentlichen Start — die dokumentierten Prüfpunkte für Assistent und Jugendschutz bleiben die Bedingung, bevor öffentlich Schalter umgelegt werden.

Vor ein paar Monaten war OutaStory eine Plattform, die man liest. Dann eine, die vorliest. Dann eine, die zuhört. Diese Woche hat sie kein neues Können dazugewonnen — sie hat gelernt, wie sie aussieht, wenn sie ganz sie selbst ist: eine Oberfläche, eine Formensprache, acht Welten zur Wahl, und kein altes Gerüst mehr, an dem die Zukunft hängen bliebe. Wenn dir an dem neuen Look etwas auffällt — eine Welt, die sich in einer Ecke falsch anfühlt, eine Seite, die aus der Reihe tanzt — ist das genau jetzt das wertvollste Feedback. Frisch gestrichene Wände zeigen jeden Kratzer am ehesten.