--- title: "Neugestaltung des TYPO3 14-Backends: Die UX-Vision und Roadmap von b13" url: "https://b13.com/de/wissen/gestaltung-des-backends-von-typo3-v14-unsere-vision-fuer-eine-moderne-erweiterbare-grundlage" description: b13 gestaltet das Backend von TYPO3 für Version 14 neu, damit es moderner wirkt, schneller läuft, den Benutzerkontext beibehält und eine erweiterbare Grundlage schafft, die sich über Jahre hinweg weiterentwickeln kann. image: "https://b13.com/fileadmin/_processed_/3/2/csm_V14BackendUX_Sharing_bd041cf55e.png" date: 2026-01-12 modified: 2026-08-19 lastUpdated: 2026-08-19 keywords: - "TYPO3 UXDesign CMSDesign" --- # Neugestaltung des TYPO3 14-Backends: Die UX-Vision und Roadmap von b13 [ UX/UI-Design ](https://b13.com/de/wissen/uxui-design) [ Open Source ](https://b13.com/de/wissen/open-source) [ TYPO3 v14 ](https://b13.com/de/wissen/typo3-v14) [ Core-Development ](https://b13.com/de/wissen/core-development) Gestaltung des Backends von TYPO3 v14: Unsere Vision für eine moderne, erweiterbare Grundlage =============================================================================================== ![](https://b13.com/fileadmin/_processed_/d/5/csm_laura_8ba8f32968.jpg)Laura Heine 12. Januar 2026 [ RSS Feed ](https://b13.com/de/rss.xml) ![Benutzeroberflächendesign mit einer dunklen Seitenleiste, die Navigationsoptionen bietet, und einem zentralen Inhaltsbereich mit Platzhaltertext.](https://b13.com/fileadmin/_processed_/6/6/csm_V14BackendUX_Headerbild_5418d526ba.webp) 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](https://docs.typo3.org/m/typo3/guide-policy/main/en-us/Product/ProductStrategy.html#product-strategy), 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](https://docs.typo3.org/m/typo3/guide-policy/main/en-us/Product/ProductStrategy.html#product-strategy), 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 Apfelsorte Belle de Boskoop, bekannt für ihre gelb-grüne Schale und ihren säuerlichen Geschmack, wird häufig zum Kochen und Backen verwendet.](https://b13.com/fileadmin/_processed_/f/e/csm_v14_Blog_Bild_1.png_a38b45d386.webp) [ ](https://b13.com/fileadmin/Blog/v14_backend_Laura/New_images/v14_Blog_Bild_1.png.png) 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. ![Benutzeroberfläche eines Content-Management-Systems, die eine Seite mit dem Titel "Belle de Boskoop" anzeigt, mit Bereichen für Bühneninhalte und Hauptinhalte.](https://b13.com/fileadmin/_processed_/2/1/csm_v14_Blog_Bild_2.png_57420feffe.webp) [ ](https://b13.com/fileadmin/Blog/v14_backend_Laura/New_images/v14_Blog_Bild_2.png.png) ### 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. ![Benutzeroberfläche, die verschiedene Symbole für Einstellungen, Informationen und Bearbeitungswerkzeuge anzeigt, mit einem hervorgehobenen Dropdown-Menü oben.](https://b13.com/fileadmin/_processed_/8/f/csm_Screenshot_2026-01-13_at_13.22.34_6a87f01571.webp) ### 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. ![Benutzeroberfläche eines Content-Management-Systems, die eine Seite mit dem Titel "Belle de Boskoop" anzeigt, mit Bereichen für Bühneninhalte und Hauptinhalte.](https://b13.com/fileadmin/_processed_/2/1/csm_v14_Blog_Bild_2.png_57420feffe.webp) [ ](https://b13.com/fileadmin/Blog/v14_backend_Laura/New_images/v14_Blog_Bild_2.png.png) ### 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. ![Formular zur Erstellung einer neuen Standardseite, mit Feldern für den Seitentitel, den URL-Segment und den alternativen Navigationstitel, sowie Optionen zum Ausblenden neuer Seiten.](https://b13.com/fileadmin/_processed_/a/3/csm_v14_Blog_Bild_4_3d48ac33d1.webp) [ ](https://b13.com/fileadmin/Blog/v14_backend_Laura/New_images/v14_Blog_Bild_4.png) ### 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. [ Kontakt zu b13 aufnehmen ](https://b13.com/de/kontakt) ### Geschrieben von: ![Lächelnde Frau mit schulterlangem blonden Haar, die eine Brille und einen blauen Sweatshirt trägt, steht in einer hellen, modernen Umgebung.](https://b13.com/fileadmin/_processed_/d/5/csm_laura_9b472d894c.webp) 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 Laura Heine UX Design [ mehr von Laura Heine ](https://b13.com/de/team/laura-heine) Ähnliche Artikel ------------------ - ![Eine lila Grafik mit einem Smartphone-Icon und drei horizontalen Balken, umgeben von Illustrationen von Vintage-Telefonen.](https://b13.com/fileadmin/_processed_/2/5/csm_EXTphonenumber_Headerbild_93d5de1696.webp) ### Saubere Telefonnummern in TYPO3: warum wir EXT:phone\_number gebaut haben 11. August 2026 | David Steeb TYPO3 speichert Telefonnummern korrekt, formatiert sie aber nicht fürs Frontend. EXT:phone\_number sorgt per Fluid ViewHelper für saubere Ausgabe. [ weiterlesen: Saubere Telefonnummern in TYPO3: warum wir EXT:phone\_number gebaut haben ](https://b13.com/de/wissen/saubere-telefonnummern-in-typo3) - ![Cartoon-Trophäenfigur umgeben von Händen, die Daumen hoch und ein Herzzeichen geben, vor einem Hintergrund mit Zahnradmuster.](https://b13.com/fileadmin/_processed_/f/7/csm_T3ppy_Design_Kit_Headerbild_b51eb9dc31.webp) ### T3ppy gibt TYPO3 ein freundliches Gesicht 06. August 2026 | Florian “Flix” Keitgen TYPO3 ist leistungsstark — muss sich aber nicht unpersönlich anfühlen. Das ist T3ppy, unser freundlicher Begleiter fürs Backend. [ weiterlesen: T3ppy gibt TYPO3 ein freundliches Gesicht ](https://b13.com/de/wissen/t3ppy-design-kit) - ![Hammer mit der Aufschrift 'KI' auf einem schaltkreis-musternden Hintergrund mit gelben Sternen, der Regulierung oder Gesetzgebung im Zusammenhang mit künstlicher Intelligenz in der EU symbolisiert.](https://b13.com/fileadmin/_processed_/1/0/csm_EUAIAct_Headerbild_510724b3de.webp) ### KI-Inhalte in TYPO3: Transparenz braucht Verantwortung 02. August 2026 | 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… [ weiterlesen: KI-Inhalte in TYPO3: Transparenz braucht Verantwortung ](https://b13.com/de/wissen/ai-content-in-typo3-labelling-needs-accountability) - ![Eine robotische Hand hält einen Pinsel und erzeugt einen lila Wirbel vor einem hellblauen Hintergrund mit kreisförmigen Mustern.](https://b13.com/fileadmin/_processed_/b/d/csm_DesignAndKI_Headerbild_bd966b1d32.webp) ### Verantwortungsvoll gestalten im KI-Zeitalter: Unsere Learnings 17. Juli 2026 | Laura Heine Laura Heine teilt, was sie beim Design Leadership Meetup über Verantwortung, Dokumentation und einen fairen Umgang mit KI im Team gelernt hat. [ weiterlesen: Verantwortungsvoll gestalten im KI-Zeitalter: Unsere Learnings ](https://b13.com/de/wissen/verantwortungsvoll-gestalten-im-ki-zeitalter-unsere-learnings) - ![Hände, die Puzzlestücke halten, sind um ein teilweise fertiges Puzzle angeordnet, das eine Computeroberfläche darstellt.](https://b13.com/fileadmin/_processed_/d/7/csm_StopBuyingPlatforms_Headerbild_8a41a82f8a.webp) ### Fang an, Ökosysteme zu bauen statt nur Plattformen zu kaufen. 09. Juni 2026 | 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… [ weiterlesen: Fang an, Ökosysteme zu bauen statt nur Plattformen zu kaufen. ](https://b13.com/de/wissen/stop-buying-platforms-start-building-ecosystems) - ![Bunte Fischillustrationen umgeben ein zentrales Logo, das "TYPO3 Summit" liest.](https://b13.com/fileadmin/_processed_/4/3/csm_NorthAmericaSummit_Headerbild_5fbbbbb529.webp) ### Notizen aus Atlanta — Was der erste TYPO3 Summit North America über das nächste Jahrzehnt Enterprise-CMS verrät 22. Mai 2026 | 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… [ weiterlesen: Notizen aus Atlanta — Was der erste TYPO3 Summit North America über das nächste Jahrzehnt Enterprise-CMS verrät ](https://b13.com/de/wissen/notizen-atlanta-erstes-typo3-summit-north-america-enterprise-cms) - ![Eine Rakete mit der Bezeichnung "V14" startet in den Himmel, umgeben von einer Gruppe von Menschen, die mit erhobenen Armen feiern.](https://b13.com/fileadmin/_processed_/3/d/csm_v14_Celebration_Headerbild_3d4170fdc5.webp) ### Happy Release Day TYPO3 v14: Warum dieser Release zeigt, wie stark Open Source sein kann 21. April 2026 | Florian “Flix” Keitgen TYPO3 v14 verbessert Workflows für Redakteure, Marketing-Teams und Entwickler — und zeigt, wie Community-getriebene Open Source echte Wirkung entfaltet. [ weiterlesen: Happy Release Day TYPO3 v14: Warum dieser Release zeigt, wie stark Open Source sein kann ](https://b13.com/de/wissen/happy-release-day-typo3-v14-warum-dieser-release-zeigt-wie-stark-open-source-sein-kann) - ![Hände, die Puzzlestücke mit QR-Codes halten, umgeben einen großen QR-Code unter einer Lupe, was auf eine kollaborative Aktivität hindeutet.](https://b13.com/fileadmin/_processed_/3/b/csm_QRcodeManagement2_Headerbild_85c3ff55b5.webp) ### QR-Codes in TYPO3 v14: Integriertes Link-Management, das Redakteuren den Alltag erleichtert 17. April 2026 | 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. [ weiterlesen: QR-Codes in TYPO3 v14: Integriertes Link-Management, das Redakteuren den Alltag erleichtert ](https://b13.com/de/wissen/qr-codes-in-typo3-v14-built-in-link-management-that-just-works-for-editors) - ![Zwei Zauberer in lila Roben mit langen weißen Bärten, die sich vor einem sternenübersäten Hintergrund gegenüberstehen.](https://b13.com/fileadmin/_processed_/2/a/csm_PageWizard_Headerbild_54137c8b34.webp) ### Seiten richtig anlegen — dank des neuen TYPO3 v14 Page Creation Wizard 16. April 2026 | Florian “Flix” Keitgen Der neue TYPO3 v14 Page Creation Wizard verbessert die Seitenerstellung mit klarer Führung, Pflichtfeld-Validierung und einem konsistenteren Workflow. [ weiterlesen: Seiten richtig anlegen — dank des neuen TYPO3 v14 Page Creation Wizard ](https://b13.com/de/wissen/seiten-richtig-anlegen-dank-des-neuen-typo3-v14-page-creation-wizard) - ![Vier Aktenordner, die ein Balkendiagramm mit orangefarbenen Balken zeigen, vor einem hellblauen Hintergrund mit abstrakten Dokumentumrissen.](https://b13.com/fileadmin/_processed_/7/2/csm_PageInfoTabs_Headerbild_1e3eda44e5.webp) ### Den Seitenmodul-Header zähmen — Warum wir EXT:page\_info\_tabs entwickelt haben 31. März 2026 | 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 —… [ weiterlesen: Den Seitenmodul-Header zähmen — Warum wir EXT:page\_info\_tabs entwickelt haben ](https://b13.com/de/wissen/den-seitenmodul-header-zaehmen-warum-wir-extpage-info-tabs-entwickelt-haben)