Erste Eindrücke des User Interfaces von TYPO3 5
Alte Probleme loswerden
Befürworter anderer Open Source Content Management Systeme führen gegen TYPO3 hauptsächlich zwei Schwachpunkte an: Die steile Lernkurve und die schlechte Usability. Während TYPO3 den Lernaufwand mit seiner Leistungsfähigkeit, Flexibilität und Erweiterbarkeit ausgleicht, konnte man die schlechte Usability doch nicht abstreiten.
Etwas neidisch kann man als TYPO3-Worker schon werden, wenn man in das Backend von beispielsweise 
MODx sieht, wo die Funktionen klar und übersichtlich verteilt sind, wobei bei TYPO3 hingegen meistens viele Wege nach Rom führen und somit jedem Neuling das Leben unnötig schwer gemacht wird.
Das neue UI möchte dieses Manko beheben, und das muss es auch. Schließlich wird sich für TYPO3 nicht so schnell wieder eine Möglichkeit für eine grundlegend verbesserte Usability bieten, d.h. dass der Erfolg dieser UI entscheidend dafür sein wird wo TYPO3 in 5 Jahren stehen wird: Mit an der Spitze der CMS-Welt oder in der Versenkung.
Frontend und Backend werden eins!
- Authors: Jens Hoffmann, Björn Brockmann & Rasmus Skoldjan ©2009 TYPO3 Association
- Authors: Jens Hoffmann, Björn Brockmann & Rasmus Skoldjan ©2009 TYPO3 Association
Die radikalste Änderung am Backend ist wohl, dass es keins mehr gibt - zumindest nicht als eigenes Interface. Stattdessen wird sich für Administratoren und Redakteure eine Panel überhalb des Website-Frontends befinden.
Dort finden sich viele Funktionen, die selbsterklärend dargestellt werden sollen, so dass der Einstieg wesentlich leichter fallen soll. Das Bearbeiten der Content Elemente funktioniert dann direkt indem der Redakteur mit der Maus über das zu bearbeitende Element fährt (Screenshot 1). Zum komfortablen Bearbeiten der Texte eignet steht ein mächtiger Rich Text Editor in einem Layer Popup zur Verfügung.
Die Bearbeitungsfunktionen sliden bei der Benutzung von oben über die Website und wieder zurück (Screenshot 2). Wie auch schon jetzt die Tendenz im alten Backend ist, soll im neuen Backend verstärkt auf AJAX gesetzt werden um die Usability und Bearbeitungsgeschwindigkeit weiter zu erhöhen. Bei so viel lavascriptlastiger Funktionalität stellt sich die Frage nach einem Framework - laut T3N wurde hierfür ein ExtJS Core Devloper mit ins Boot geholt.
Weitere Highlights
- Authors: Jens Hoffmann, Björn Brockmann & Rasmus Skoldjan ©2009 TYPO3 Association
- Authors: Jens Hoffmann, Björn Brockmann & Rasmus Skoldjan ©2009 TYPO3 Association
Um die Benutzbarkeit der Versionsverwaltung zu erhöhen wurde ein Konzept entwickelt, das stark an Apples Timemachine erinnert (Screenshot 3). Beim Bearbeiten von Inhalt kann der Redakteur einen Kommentar zu seiner Arbeit ablegen wie "Bild typo3logo.png in die linke Spalte verschoben". Im Slider werden dann die Änderungszeitpunkte und die dazugehörigen Kommentare angezeigt. Sieht man sich im Vergleich dazu die Versionsverwaltung des jetzigen Backends an, merkt man schnell dass das -zumindest konzeptionell- ein großer Schritt nach vorne ist.
Es sind aber auch Funktionen geplant, bei denen die Website komplett ausgeblendet wird (Screenshot 4). Auch diese Bereiche sind deutlich übersichtlicher gestaltet.
Trotz der insgesamten wesentlich kompakteren und übersichtlicheren Darstellung soll nichts an der gewohnten Flexibilität und Funktionsvielfalt eingebüßt werden. Ob es tatsächlich gelingt all die Funktionalitäten benutzerfreundlich in den Panels zu verpacken bleibt abzuwarten.
Bei allen gezeigten Screenshots handelt es sich ausdrücklich nicht um Designs sondern nur um Wireframes, die eine grundsätzliche Anordnung verdeutlichen sollen. Außerdem befindet sich die Konzeption laut typo3.org immernoch in einer frühen Phase, so dass sich einige Details noch einmal ändern können.
Weitere Screenshots und Dokumente gibt es auf typo3.org.