Gestaltung des Backends von TYPO3 v14: Unsere Vision für eine moderne, erweiterbare Grundlage
Letztes Frühjahr hat TYPO3 Pläne angekündigt, das Backend für Version 14 zu erneuern. In einer CMS-Landschaft, in der die Benutzererfahrung immer mehr darüber entscheidet, wer vorne liegt, muss das TYPO3-CMS modern und wettbewerbsfähig sein. Es ist seit Jahren eine stabile Lösung. Aber seien wir ehrlich: Es wirkt langsam etwas veraltet.
b13 hat sich der Neugestaltung angenommen, und ich habe mich sehr darauf gefreut, dieses Projekt zu leiten. Nach 10 Jahren als UX-Designer hier habe ich Dutzende von Websites entworfen, die auf TYPO3 basieren. Ich weiß, wie das System funktioniert, wie Redakteure es nutzen und wo es Reibungspunkte gibt.
Unsere Neugestaltung passt genau zur allgemeinen TYPO3-Produktstrategie, die aus echten Nutzerstudien und jobs-to-be-done Interviews entstanden ist. Eines der Hauptziele ist es, die Komplexität zu reduzieren – TYPO3 zugänglicher zu machen, ohne dabei an Leistung zu verlieren. Das ist unser Ziel.
So sieht also unsere Vision für TYPO3 14 aus: Es soll moderner wirken, schneller laden und den Nutzern ermöglichen, ihren Kontext beizubehalten, anstatt ständig zwischen Bildschirmen hin und her zu springen. Vor allem aber schaffen wir eine erweiterbare Grundlage, die über Jahre hinweg wachsen und sich weiterentwickeln kann. Das steht auch im Einklang mit der übergeordneten Vision von TYPO3, ein möglichst breites Spektrum an Anwendungen abzudecken, von kleinen Einzellösungen bis hin zu kompletten Produktarchitekturen auf Basis des TYPO3-Produkts.
Wir wollen das bis April in den Core integrieren. Und wir wollen UX zu einer sichtbareren Kompetenz innerhalb von TYPO3 machen — zu einem der ersten Dinge, an die man denkt, wenn man das CMS empfiehlt.
Gestaltung für heute und morgen
Das Redesign eines CMS-Backends ist ganz anders als das Design einer Kundenwebsite. Kundenwebsites haben bestimmte Anforderungen, feste Zeitpläne und einen klaren Umfang. Ein CMS-Backend muss alles abdecken, was jemand als Nächstes entwickeln möchte.
Denk nur mal drüber nach: Jede neue Funktion, die sich ein Entwickler ausdenkt, jedes Modul, das jemand zum Ökosystem beiträgt, jedes Tool, das eine Agentur entwickelt — all das muss irgendwo in der Benutzeroberfläche untergebracht werden. Unsere Aufgabe ist es, ein Framework zu schaffen, das flexibel genug ist, um diese zukünftigen Ergänzungen zu berücksichtigen und gleichzeitig Struktur und Konsistenz zu bewahren. Keine leichte Aufgabe.
Diese Neugestaltung wird die Grundlage schaffen, die bis zur Version 15, 16 und darüber hinaus Bestand haben muss. Das Fundament, das wir jetzt legen, bestimmt, wie einfach sich TYPO3 weiterentwickeln kann.
Die fünf wichtigsten Neuerungen im Backend
Hierarchie neu durchdacht
Wenn du TYPO3 öffnest, solltest du sofort wissen, wo was ist und wie du dahin kommst. Aber TYPO3-Installationen sind total unterschiedlich — manche Kunden haben drei Module, andere vierzig.
Wir nehmen die obere Leiste raus und ersetzen sie durch eine Rahmenstruktur, die die wichtigsten Funktionen klarer macht. Die neue Hierarchie bietet einen einheitlichen Rahmen, um alle Tools und Funktionen zu organisieren, die in einer jeweiligen Installation enthalten sind.
Ein frischer Look
Wenn jemand dein CMS unter die Lupe nimmt, zählt der erste Eindruck. Eine moderne Optik zeigt, dass das System regelmäßig gepflegt und wohlüberlegt gestaltet ist.
Wir haben uns entschieden, die Schriftart von Verdana zu Open Sans zu ändern und unnötige visuelle Rahmen von den Symbolen zu entfernen. Außerdem fügen wir abgerundete Ecken hinzu und aktualisieren die gesamte Farbpalette.
Diese Änderungen lösen zwar keine funktionalen Probleme, lassen TYPO3 aber modern anstatt veraltet wirken.
Quick Actions für moderne Arbeitsabläufe
Wir fügen rechts auf der Benutzeroberfläche einen Bereich hinzu, der sich auf den jeweiligen Kontext bezieht. Je nachdem, woran du gerade arbeitest, zeigt dieses Quick-Actions-Panel relevante Tools und Optionen an.
Dadurch wirkt die Benutzeroberfläche intelligent und reaktionsschnell. Anstatt in Menüs nach der gewünschten Aktion zu suchen, schlägt TYPO3 dir basierend auf deinem aktuellen Kontext die möglichen nächsten Schritte vor.
Leichtere Änderung der Seiteneinstellungen
Wenn du bisher Seiteneinstellungen ändern musstest, bist du zu einem ganz anderen Bildschirm gewechselt. Dabei hast du den Überblick verloren und wusstest nicht mehr, wo du gerade warst und was du gemacht hast.
Im neuen Design werden die Seiteneinstellungen in einem Overlay geöffnet. Du nimmst deine Änderungen vor, schließt das Overlay und bist sofort wieder da, wo du angefangen hast. Kein Kontextverlust, kein Gedächtnisaufwand, um dich daran zu erinnern, was du vorher gemacht hast.
Der Page Wizard
Das Erstellen neuer Seiten sollte eigentlich ganz einfach sein, aber TYPO3 gibt dir nicht immer klares Feedback, wenn etwas schiefgeht. Seiten, die nicht wie erwartet funktionieren, verwirren und frustrieren die Redakteure.
Der Page Wizard führt dich jetzt mit besserer Anleitung und klarerem Feedback durch die Seitenerstellung. Wenn etwas nicht funktioniert, sagt dir das System warum und hilft dir, das Problem zu beheben.
UX als Kernkompetenz in TYPO3
Bisher wurde TYPO3 hauptsächlich von Entwicklern gestaltet. Entwickler bauen Funktionen, tragen zur Core-Entwicklung bei und geben die Richtung vor. Designer sind selten in diese Gespräche eingebunden. Das wollen wir ändern.
Das Problem ist, dass Entwickler und Redakteure ganz unterschiedliche Interfaces sehen. Als Systemadministrator hat man Zugriff auf alle Module und Funktionen. Man sieht die ganze Komplexität von TYPO3. Aber Redakteure? Die sehen normalerweise einen page tree, eine Dateiliste, höchstens noch ein Dashboard. Das war's. Bei der Zusammenarbeit mit dem Entwicklerteam erwische ich mich manchmal dabei, wie ich sage: „Das wird niemand jemals sehen — Redakteure haben keinen Zugriff auf vierzig Module.“
Wir versuchen, UX-Richtlinien zu etablieren, an die sich zukünftige Feature-Entwickler halten können. Wenn jemand etwas Neues für TYPO3 entwickelt, sollte er über ein Framework verfügen, um es im Einklang mit dem Rest des Systems zu gestalten. Sonst nagt jede Ergänzung an der Kohärenz, bis die Benutzeroberfläche zu einer unzusammenhängenden Sammlung einzelner, isoliert sinnvoller Ideen wird.
Ich habe große Träume für die Benutzererfahrung von TYPO3. Man braucht eine Vision, um Fortschritte zu erzielen. Einige Dinge, die wir uns wünschen, sind noch nicht möglich, aber wenn wir nicht festlegen, wohin wir wollen, werden wir unser Ziel nie erreichen.
Was als Nächstes kommt
Wir planen, das Feature im April 2026 in den Core aufzunehmen. Während dieser Blogbeitrag unsere Vision vorstellt, werden wir weitere Beiträge mit detaillierten Infos zu den einzelnen Features im Laufe der Entwicklung veröffentlichen. Außerdem werden wir eine Demoversion auf unserer Website bereitstellen, damit du die Änderungen in Aktion sehen kannst.
TYPO3 hat starke Funktionen. Es braucht eine Oberfläche, die dieser Leistung gerecht wird und gleichzeitig die Benutzerfreundlichkeit im Blick hat. Genau das entwickeln wir gerade.
Bleib auf dem Laufenden, während wir es zum Leben erwecken.
Du willst mehr erfahren?
Bleib mit dem Blog von b13 auf dem Laufenden, um detaillierte Infos zu den einzelnen Funktionen zu bekommen, und schau dir bald unsere funktionierende Demo an. Melde dich bei uns, um zu besprechen, wie wir mit unserem TYPO3-Know-how dein Projekt unterstützen können.