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.
Laura ist auch im wahren Leben so, wie im Job: authentisch, effektiv und auf den Punkt. In der Zusammenarbeit mit unseren Kunden hört sie nie auf, Fragen zu stellen. Sie geht Bedürfnissen auf den Grund und setzt sie in benutzerfreundlichen Konzepten und Oberflächen um, die genau das tun was sie sollen.
Das Tool auf das sie nicht verzichten kann: Adobe XD
KI-Inhalte in TYPO3: Transparenz braucht Verantwortung
|Benni Mack
Der EU AI Act rückt die Herkunft KI-generierter Inhalte in den Fokus. AI Label kennzeichnet KI-generierte und KI-bearbeitete Inhalte in TYPO3 und dokumentiert, wer den…
Fang an, Ökosysteme zu bauen statt nur Plattformen zu kaufen.
|David Steeb
Der erste TYPO3 Summit North America eröffnete mit einer Keynote, die neu formuliert, wie Enterprise-Teams über Content-Management nachdenken sollten — von Plattformen zu…
Notizen aus Atlanta — Was der erste TYPO3 Summit North America über das nächste Jahrzehnt Enterprise-CMS verrät
|David Steeb
Bericht vom ersten TYPO3 Summit North America in Atlanta. Über Governance, die man nicht einfach so aufkaufen kann, vorhersehbare 7-Jahres-Lebenszyklen, die Distributionsschicht…
Happy Release Day TYPO3 v14: Warum dieser Release zeigt, wie stark Open Source sein kann
|Florian “Flix” Keitgen
TYPO3 v14 verbessert Workflows für Redakteure, Marketing-Teams und Entwickler — und zeigt, wie Community-getriebene Open Source echte Wirkung entfaltet.
QR-Codes in TYPO3 v14: Integriertes Link-Management, das Redakteuren den Alltag erleichtert
|David Steeb
Mit TYPO3 v14.1 können Redakteur:innen QR-Codes direkt im Backend erzeugen und verwalten. Persistent, trackbar, sicher — ideal für Flyer, Events, Beschilderung.
Den Seitenmodul-Header zähmen — Warum wir EXT:page_info_tabs entwickelt haben
|David Steeb
Wenn mehrere TYPO3-Extensions Inhalte im Page Module Header stapeln, wird es schnell unübersichtlich. EXT:page_info_tabs strukturiert alles automatisch in übersichtliche Tabs —…