Navigation auf uzh.ch

Suche

Magnolia CMS User Guide

Design UZH 2023: Mögliche Probleme

Obwohl die Umstellung auf das neue Webdesign der UZH bei CMS-Websites automatisch erfolgt, gilt auch hier: Der Teufel steckt im Detail. Hier zeigen wir, welche Seitentypen und -elemente am stärksten von der Umstellung des Designs betroffen sind (in absteigender Reihenfolge) – und wie allfällige aus der Umstellung resultierende Unschönheiten effizient behoben werden können.

Übersichtsseiten und -homepages (ST05 und ST02/03)

Bisher wurden Übersichtsseiten und -homepages bei geringer Bildschirmbreite einspaltig dargestellt – und zwar eine Spalte um die andere. Allfällige oben auf Ihrer Homepage positionierte wichtige "Kacheln" wurden so auf dem Handy mit weiter unten liegenden minder wichtigen "Kacheln" bunt durcheinander gemischt.

Das ändert mit dem neuen UZH-Webdesign: Neu sind die Teaser und Linklisten zeilenweise organisiert. Zieht man das Browserfenster zusammen, dann verengen sich die (anfangs) drei Spalten auf zwei, und schliesslich auf eine. Dabei rücken die "Kacheln" am Zeilenende an den Beginn der nächsten Zeile – wie Wörter in einem Fliesstext. Die Reihenfolge der Teaser und Linklisten bleibt so erhalten, und die Komponenten der ersten Zeile im Desktop-Browser erscheinen auch auf dem Mobilgerät zuoberst.

Leider wirkt nun aber eine Übersichtsseite sehr unruhig, wenn die "vorderen Kacheln" ungleich hoch sind: Bringen Sie deshalb die ersten sechs Teaser und Linklisten möglichst auf dieselbe Höhe, und verweisen Sie "längere" Komponenten wie RSS-Reader auf die hinteren Plätze. (Sie können sie einfach mit Drag & Drop verschieben.) Ein Beispiel dafür finden Sie auf zi.uzh.ch.

Der Related Content hatte bei den Verhandlungen über das neue Web-Design einen miserablen Anwalt. Er wurde ganz nach unten ans Seitenende verbannt. Wünschen Sie, dass Inhalte aus dem Related Content weiter oben erscheinen, müssen Sie sie mit copy / paste in den Seiteninhalt überführen.

Der Related Content ist ebenfalls zeilenweise (d.h. wie Fliesstext) organisiert – längere Komponenten gehören auch hier auf die hinteren Plätze...

Die Navigation kann nicht konfiguriert werden – es gibt hier also nicht viel zu tun.

Die oberste Ebene Ihrer Website wird im Seitenheader (unterhalb des UZH-Logos) in einer horizontalen Navigationsleiste dargestellt. Bei vielen Websites war das bereits bisher der Fall. Bei anderen mag es eine problemlose Neuerung sein. Befinden sich jedoch zu viele Einträge in dieser obersten Ebene, dann wird die horizontale Navigationsleiste zu lang. Schieben Sie in diesem Fall die weniger wichtigen Top-Level-Seiten in einen anderen Top-Level-Knoten hinein.

Im neuen Webdesign fällt die Navigation am linken Seitenrand komplett weg. Hierarchisch tiefer liegende Seiten werden beim Anklicken eines Eintrages der horizontalen Navigationsleiste eingeblendet.