Univention Bugzilla – Bug 22881
Design & Usability
Last modified: 2011-12-13 15:50:12 CET
Das Design des Web-Interface von UMC 2.0 soll komplett überarbeitet werden und dabei auf die Usability gemachtet werden.
Die Abstimmung des groben Designs ist soweit fertig und die Grundstruktur der UMC wurde für das Design vorbereitet. Kleinere Abstimmungen sind noch zu erwarten.
Das neue Grunddesign wurde jetzt auch in das Paket univention-management-console-frontend (1.0.10-1) integriert. Dabei wurde die Themeklasse auf 'umc' (anstelle von 'claro') geändert. Die entsprechenden CSS-Dateien und Grafiken wurden in der Dojo-Struktur nach css/dojox und css/dijit integriert, um weitere Änderungen sauber von den Dojo-Quellen zu trennen. Das sollte ggf. auch noch einmal aufgeräumt werden.
Derzeit ist noch unklar inwieweit die Icons übernommen werden sollen, das sollte geklärt werden.
Folgende Punkte bzgl. des Designs haben noch Klärungsbedarf: * Der Style, die Paddings und die Ausrichtung der Buttons muss noch weiter angepasst werden (auch in Dialogen, Fußzeilen, MultiObjectSelect, etc.) * Das Design der Scrollbars ist derzeit noch nicht angepasst, Grow überprüft inwieweit native Scrollbars angepasst werden können * Das Style der +/- Buttons für Multi-Value-Eingabefelder (bspw. E-Mailadressen) muss noch angepasst werden * Die UMC wird derzeit im IE8 noch nicht korrekt dargestellt * Untertabs werden derzeit nicht korrekt dargestellt (bspw. im Statistikmodul) * Im Domänenbeitrittsmodul wurde derzeit noch ein Button manuell gestylt, da die allgemeinen CSS-Regeln nicht zutreffen Ein größerer Punkt, der derzeit noch offen ist, ist die Frage wie Statusmeldungen dargestellt werden sollen, da die vorgesehene Fußzeile mit dem Univention-Logo zu viel Platz einnimmt.
(In reply to comment #4) > ... > Ein größerer Punkt, der derzeit noch offen ist, ist die Frage wie > Statusmeldungen dargestellt werden sollen, da die vorgesehene Fußzeile mit dem > Univention-Logo zu viel Platz einnimmt. * Irgendwo sollte es ein Univention-Logo geben, gerne auch dezent * Die Fusszeile sollte schon noch als solche erkennbar sein, gerne auch schmal * Statusmeldungen von oben reinfahrend ist ok
Die Liste der unterstützten Browser (Bug 22979) sollte auch abgestimmt werden.
Aus Bug #23709: - für einige Objekte wird ein 3-spaltiges Layout benötigt - einige Objekte sollten kleiner dargestellt werden, bspw. Titel oder PLZ
> > > - Die Ausrichtung im Anmeldedialog finde ich nicht mehr ideal. Es wirkt > > > so, als sei der Anmeldebutton zu weit rechts und die Eingabefelder zu > > > weit links.
> - Der Dialog zum Auswählen von Gruppenmitgliedschaften wirkt immer noch > etwas zu gedrängt, der Button Suchen grenzt beispielsweise direkt an die > Ergebnisliste. > > - Ebenso ist der "Wollen Sie sich wirklich abmelden"-Dialog sehr gedrängt.
> 1. der Button zum Ausloggen ist irgendwie zu weit nach unten verschoben, so > dass er auf der schwarzen Leiste nur noch halb zu sehen ist.
> 8. Im UCR-Modul kann man Kategorien auswählen. Allerdings sind die > auswählbaren Kategorien nicht sichtbar. Wenn man unterschiedliche Stellen > in dem betreffenden Drop-Down auswählt, kommen unterschiedliche Ergebnisse, > also scheint irgendwas zu gehen, aber man kann es nicht sehen.
> 12. Im Join-Modul ist der Text für die Schaltfläche "Ausführen" (Bei > Join-Skripten, die noch ausgeführt werden müssen) zu weit nach unten > verrutscht.
(In reply to comment #3) > Derzeit ist noch unklar inwieweit die Icons übernommen werden sollen, das > sollte geklärt werden. → Die alten Modul-Icons wurden soweit übernommen, ansonsten gibt es jetzt auch einen kleinen Satz an häufig verwendeten Button-Icons. (In reply to comment #4) > Folgende Punkte bzgl. des Designs haben noch Klärungsbedarf: > > * Der Style, die Paddings und die Ausrichtung der Buttons muss noch weiter > angepasst werden (auch in Dialogen, Fußzeilen, MultiObjectSelect, etc.) → erledigt > * Das Design der Scrollbars ist derzeit noch nicht angepasst, Grow überprüft > inwieweit native Scrollbars angepasst werden können → die bleiben erst einmal nativ > * Das Style der +/- Buttons für Multi-Value-Eingabefelder (bspw. > E-Mailadressen) muss noch angepasst werden → erledigt > * Die UMC wird derzeit im IE8 noch nicht korrekt dargestellt → erledigt, siehe Bug 22979 > * Untertabs werden derzeit nicht korrekt dargestellt (bspw. im Statistikmodul) → erledigt > * Im Domänenbeitrittsmodul wurde derzeit noch ein Button manuell gestylt, da > die allgemeinen CSS-Regeln nicht zutreffen → wurde entfernt > Ein größerer Punkt, der derzeit noch offen ist, ist die Frage wie > Statusmeldungen dargestellt werden sollen, da die vorgesehene Fußzeile mit dem > Univention-Logo zu viel Platz einnimmt. → erledgit: zunächst bleiben die Notifications, die von oben reinfahren. Es wurde Bug 24532 angelegt, um dies in Zukunft zu erweitern. (In reply to comment #5) > * Irgendwo sollte es ein Univention-Logo geben, gerne auch dezent → erledigt, das Logo befindet sich nun in der Kopfzeile > * Die Fusszeile sollte schon noch als solche erkennbar sein, gerne auch schmal → erledigt > * Statusmeldungen von oben reinfahrend ist ok → siehe oben (In reply to comment #6) > Die Liste der unterstützten Browser (Bug 22979) sollte auch abgestimmt werden. → siehe Bug 22979 (In reply to comment #7) > Aus Bug #23709: > > - für einige Objekte wird ein 3-spaltiges Layout benötigt > - einige Objekte sollten kleiner dargestellt werden, bspw. Titel oder PLZ → erledigt (In reply to comment #8) > > > > - Die Ausrichtung im Anmeldedialog finde ich nicht mehr ideal. Es wirkt > > > > so, als sei der Anmeldebutton zu weit rechts und die Eingabefelder zu > > > > weit links. → erledgit (In reply to comment #9) > > - Der Dialog zum Auswählen von Gruppenmitgliedschaften wirkt immer noch > > etwas zu gedrängt, der Button Suchen grenzt beispielsweise direkt an die > > Ergebnisliste. > > > > - Ebenso ist der "Wollen Sie sich wirklich abmelden"-Dialog sehr gedrängt. → erledigt (In reply to comment #10) > > 1. der Button zum Ausloggen ist irgendwie zu weit nach unten verschoben, so > > dass er auf der schwarzen Leiste nur noch halb zu sehen ist. → erledigt (In reply to comment #11) > > 8. Im UCR-Modul kann man Kategorien auswählen. Allerdings sind die > > auswählbaren Kategorien nicht sichtbar. Wenn man unterschiedliche Stellen > > in dem betreffenden Drop-Down auswählt, kommen unterschiedliche Ergebnisse, > > also scheint irgendwas zu gehen, aber man kann es nicht sehen. → ausgelagert nach Bug 24533 (In reply to comment #12) > > 12. Im Join-Modul ist der Text für die Schaltfläche "Ausführen" (Bei > > Join-Skripten, die noch ausgeführt werden müssen) zu weit nach unten > > verrutscht. → erledigt Weitere Punkte, die bearbeitet wurden: * Anpassungen für IE8/9 (im IE9 bspw. die Tooltips) → erledigt * Bei einigen grünen Buttons liegt die Schrift unter dem Button und ist nicht sichtbar (bspw. Benutzer → Groups → Groups/hinzufügen) oder Logout → erledigt * Buttons, die deaktiviert sind, haben einen grünen Rand (bspw. im Modul Software-Monitor) → erledigt * Der Anmeldedialog (u.a. Elemente zentrieren) → erledigt * Am Univention-Logo befindet sich rechts noch ein grauer Strich → erledigt * Die Größen für Formelemente anpassen. → erledigt Somit sind alle Änderungen umgesetzt, bzw. in separate Bugs ausgelagert.
Created attachment 3924 [details] uvmm1.png Vielleicht nur eine Kleinigkeit, in UVMM ist teilweise das Laufwerke hinzufügen verdeckt. Browser ist FF 8.0.
(In reply to comment #14) > Created an attachment (id=3924) [details] > uvmm1.png > > Vielleicht nur eine Kleinigkeit, in UVMM ist teilweise das Laufwerke hinzufügen > verdeckt. Browser ist FF 8.0. Sollte auch Reopen sein
(In reply to comment #14) > Created an attachment (id=3924) [details] > uvmm1.png > > Vielleicht nur eine Kleinigkeit, in UVMM ist teilweise das Laufwerke hinzufügen > verdeckt. Browser ist FF 8.0. Das wurde angepasst. Es handelte sich um ein Problem mit Firefox, bei dem das letzte DIV-Element der Fußzeile (die die Multi-Actions enthält) eine Zeile tiefer rutschte. univention-management-console-frontend (1.0.246-1) unstable; urgency=low . * Grid: fixed padding of the last column in the grid footer (containing multi-actions) in order to prevent the last element to slip below the other elements (Bug #22881, Comment 14)
(In reply to comment #16) > (In reply to comment #14) > > Created an attachment (id=3924) [details] [details] > > uvmm1.png > > > > Vielleicht nur eine Kleinigkeit, in UVMM ist teilweise das Laufwerke hinzufügen > > verdeckt. Browser ist FF 8.0. > > Das wurde angepasst. Es handelte sich um ein Problem mit Firefox, bei dem das > letzte DIV-Element der Fußzeile (die die Multi-Actions enthält) eine Zeile > tiefer rutschte. Das Problem tritt bei der neuen Version nicht mehr auf.
UCS 3.0-0 wurde veröffentlicht. Sollte der hier beschriebene Bug mit einer neueren Version von UCS erneut auftreten, so sollte dieser Bug dupliziert werden: "Clone This Bug"