Druckbare Version
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
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.
Gibt es bereits und ist schon vielen Bereichen von Contao integriert.Zitat:
Zitat von Fabio
Eine interessante Diskussion zum Thema Backend-Theme gibt es auch hier: https://www.contao-community.de/show...t-euch-wichtig
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
http://www.designr.ch/files/download...startseite.jpg
http://www.designr.ch/files/download...ts/artikel.jpg
http://www.designr.ch/files/download...abeansicht.jpg
http://www.designr.ch/files/download...auflistung.jpg
http://www.designr.ch/files/download...kommentare.jpg
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?
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.
Wenn ich mich nicht irre, ist diese Breadcrumb ein neues Feature in Contao 3 ;)
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.
Stimme ich dir zu 100% zu!Zitat:
Zitat von Dani
Das ist sehr wichtig und da freue ich mich am meisten drüber.Zitat:
Zitat von Dani
Bitte für Responsive und damit Mobile viel größere Buttons! Aktuell kann man das mit Touch knicken.
Problem ist dann, dass du endlos lange list views haben wirst.
Abgesehen davon, gefaellt es mir recht gut.
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 ;)Zitat:
Zitat von Dani
gibt es hier was neues?
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