Neues, fluides Backend Theme für Contao 3

[Dani]

Ich bin gerade an der Erstellung eines neuen Backend-Theme für Contao 3 (momentan nur statisches HTML5). Was sind eure Anforderungen an ein neues Design? Und was bezüglich Usability?

Meine Kriterien:

• Übersichtlichkeit (aufgeräumt und clean)
• Kontrast
• Fluid
• Weniger Klicken
• Weniger scrollen
• für Mobile (+/-)
• Drag & Drop

github-Ticket: https://github.com/contao/core/issues/3993

[Fabio]

Also für mich auf jedenfalls weniger scrollen siehe auch das smart backend theme

Ich sehe im Moment keinen Vorteil in dem was du da machst, nur die breite fällt auf, das für mich aber eher ein Nachteil ist da man so längere Mauswege hat.


Weniger Klicken ist auch eine gute Idee, ein Rechtsklick Menu auf vielen Links würde sinn machen in den man sofort einige Klick ebenen überspringen kann.

Die Subpaletten mehr herausheben die übersehe ich meistens

Und vor allem den Zurückschalter Tab fähig machen, das wäre mal was.

Ich weis das alles kann man nicht mit einen einzigen Theme umsetzten aber nett wäre es alle mal.

[andreasisaak]

Weniger Klicken ist auch eine gute Idee, ein Rechtsklick Menu auf vielen Links würde sinn machen in den man sofort einige Klick ebenen überspringen kann.

Gibt es bereits und ist schon vielen Bereichen von Contao integriert.

[µaTh]

Eine interessante Diskussion zum Thema Backend-Theme gibt es auch hier: https://www.contao-community.de/show...t-euch-wichtig

[Dani]

Ich habe mal ein paar Screenshots meines Backend-Theme-Vorschlags für Contao 3 gemacht. Was haltet ihr davon?
Das Theme könnt ihr hier downloaden: https://github.com/danielritter/contao-3-theme

[andreas.schempp]

Gefällt mir gut. Sehe ich richtig dass du hauptsächlich die Header angepasst hast? Ausserdem sehe ich ein Breadcrumb (sehr gut, aber ev. schwer einzubauen) und orangene Buttons.
Wie steht es denn mit Responsive-Ness?

[psren]

Also ich finde es gut, dass es ein bisschen frischen Wind reinbringt und trotzdem nicht so stark verändert ist, dass sich Redakteure groß umstellen müssen.
Grafisch finde ich die gelben Buttons toll, aber irgendwie fühlt sich gelb immer so nach "Warnung" an.
Breadcrumb finde ich super. Wäre schön wenn sich das ordentlich implementieren lässt.

[xchs]

Wenn ich mich nicht irre, ist diese Breadcrumb ein neues Feature in Contao 3

[Dani]

Danke für das Feedback. Die gelb/orangen Buttons kann man auch für anderes verwenden. Ich denke einfach, dass der Hauptbutton grafisch hervorstechen soll. Die Breadcrumb im Header ist nun Standard in der Contao 3, da habe ich nichts geändert. Zu den Headern habe ich noch die Schrift vergrössert, den Hauptheader und den Header in der Frontendvorschau, den Hintergrund und sonst noch ein paar Änderungen vorgenommen.

Zu Responsiveness habe ich (noch) nichts gemacht. Ich habe lediglich die schon bestehenden CSS-Backend-Files bearbeitet (allerdings ist die Breite des Layouts nun in % definiert). Wenn man das Theme ganzheitlich responsive machen möchte, müsste man auf ein CSS-Framework, wie zum Beispiel mein Mat-Framework zurückgreifen, denn mit den jetztigen CSS-Files lässt sich das nicht gut umsetzen bzw. wäre mit zuviel Arbeit verbunden. Man müsste das Ganze durchdacht umsetzen.

[psren]

Ich denke einfach, dass der Hauptbutton grafisch hervorstechen soll.

Stimme ich dir zu 100% zu!

Zu den Headern habe ich noch die Schrift vergrössert

Das ist sehr wichtig und da freue ich mich am meisten drüber.

[FloB]

Bitte für Responsive und damit Mobile viel größere Buttons! Aktuell kann man das mit Touch knicken.

[xtra]

Problem ist dann, dass du endlos lange list views haben wirst.

Abgesehen davon, gefaellt es mir recht gut.

[andreasisaak]

Danke für das Feedback. Die gelb/orangen Buttons kann man auch für anderes verwenden. Ich denke einfach, dass der Hauptbutton grafisch hervorstechen soll. Die Breadcrumb im Header ist nun Standard in der Contao 3, da habe ich nichts geändert. Zu den Headern habe ich noch die Schrift vergrössert, den Hauptheader und den Header in der Frontendvorschau, den Hintergrund und sonst noch ein paar Änderungen vorgenommen.

Zu Responsiveness habe ich (noch) nichts gemacht. Ich habe lediglich die schon bestehenden CSS-Backend-Files bearbeitet (allerdings ist die Breite des Layouts nun in % definiert). Wenn man das Theme ganzheitlich responsive machen möchte, müsste man auf ein CSS-Framework, wie zum Beispiel mein Mat-Framework zurückgreifen, denn mit den jetztigen CSS-Files lässt sich das nicht gut umsetzen bzw. wäre mit zuviel Arbeit verbunden. Man müsste das Ganze durchdacht umsetzen.

Ich habe nichts gegen dein Matt-Framework aber wir benötigen für ein responsives Backend-Theme kein ganzes Framework. Die paar MediaQueries kann man auch selber schreiben

[drapper]

gibt es hier was neues?

[Anke]

Was haltet ihr davon, die Navigation (Backend-Module) nach oben zu setzen? In ein Panel, das man relativ oder fixed (zugänglich, wenn man auf langen Seiten unten arbeitet) positionieren könnte, und das man auf- und zutoggeln kann? So könnte man die volle Breite fürs BE nutzen. Die Menüs selbst könnten dann horizontal nebeneinader angeordnet und standardmäßig geöffnet sein (und responsive, bei schmalem Screen eben untereinander).

Gruß,
Anke