Blog
Bloghead

REVOLVER 9 UX: DIE NEUE NAVIGATIONS-LEISTE

Die Navigations-Leiste am linken Rand ist ständig sichtbar und nimmt damit wie bisher einen festen Platz im Programm-Fenster ein. Mit dem Generations-Wechsel überarbeiten wir diesen wichtige Programm-Bestandteil wesentlich.
 
Bessere Raumnutzung
 
Die neue Navigationsleiste nimmt kaum mehr als die Hälfte des Platzes in Anspruch, den die alte Leiste benötigte. Trotzdem sind die einzelnen Buttons deutlich größer, und somit auf Touch-Systemen gut mit dem Finger zu treffen. Die bisher sehr kleinen Icons sind jetzt sogar vier Mal so groß.
 
Bei gleicher Fensterhöhe sinkt die Anzahl der gleichzeitig sichtbaren Buttons zwar ungefähr um ein Drittel. Dies ist aber für die Mehrzahl der Anwender nicht von Bedeutung, da sie - ihren Benutzerrechten enstprechend - ohnehin weniger Buttons zur Verfügung haben, als auf den Bildschirm passen. Gleichzeitig wurden Funktionen von der Navigationsleiste in die Liste verlagert, was die Leiste noch übersichtlicher macht.
 
 
Breitere Navigationsleiste für Pro-User
 
Standardmäßig werden die Icons in der Navigations-Leiste über der Beschriftung platziert (1). Wer mehr Buttons gleichzeitig sehen will, kann die Darstellung der Leiste verändern, sodass die Texte neben den Icons erscheinen (2), so wie in Revolver 8. Dadurch passen in etwa so viele Buttons auf den Bildschirm, wie bisher. Die Breite der Leiste bleibt dennoch etwas schmaler, und die Höhe der Buttons ist auf ein touch-freundliches Maß gewachsen.
 
 
Responsive Design für mobile Geräte
 
Auf sehr schmalen Geräten wie dem iPhone wird die Navigationsleiste ausgeblendet, und erscheint erst, wenn man auf das "Hamburger"-Symbol (drei Linien übereinander) links oben klickt.
 
Neu gestaltete Icons
 
Die einzelnen Navigations-Punkte sind mit vollständig neu gestalteten SVG-Icons versehen. Zu der Gestaltung der SVG-Icons, und der Technik dahinter, können Sie demnächst einen umfangreichen Blog-Eintrag lesen - einschließlich Screenshots der neuen Icons.
 
Erstellt 1, Mär 2014 in Revolver 9 von paul.gaspar
Bearbeitet 3, Mär 2014 von bjoern.weiler

...