Aktualisierung des Web-Designs mit Fokus auf Responsive Web Design (Version 4.0)

Am Montag, den 27.02.2017 wird auf den Webseiten der BTU CS eine Aktualisierung des Layouts eigespielt (Version 4.0) mit einer deutlich verbesserten RWD (Responsive Web Design) Funktionalität. Das Hauptziel dieser Aktualisierung ist intuitivere Benutzung und bessere Darstellung der Webseiten der BTU auf mobilen Geräten (Smartphones, Tablets). Die Aktualisierung wird sich auf alle Web-Seiten im BTU-Layout (Internet und Intranet) auswirken.

Das wichtigste Element dabei ist die Hauptnavigation, welche sich in der mobilen Ansicht in einem so genannten Off-Canvas-Menü, am rechten Rand, wieder findet. Dieses Menü stellt nun alle vier Navigationsebenen zur Verfügung, welcher vorher auf zwei Navigationselemente aufgeteilt waren. Das Off-Canvas-Element beinhaltet neben dem Untermenü die Elemente Sprachumschaltung, Suche und Querverweise.

Eine prägnante Änderung in der Desktop-Ansicht ist die Vergrößerung des Inhaltsbereichs von 960px auf 1200px. Somit steht allen Elementen im Inhaltsbereich mehr Platz zur Verfügung, insofern das anzeigende Endgerät diese Größe unterstützt. Gerade in der Marginalspalte (rechts) sollten dadurch weniger Namen oder Email-Adressen einen automatischen Zeilenumbruch erfahren.

Zusammenfassung der in der mobilen Ansicht geänderten Punkte:

• Einführung Off-Canvas-Menü, mit Untermenü, Sprachumschaltung, Suche, Querverweise
• daraus folgend: Wegfall des Untermenüs im Inhaltsbereich
• Verbesserte Darstellung des Seitenkopf und -Fuß
• Volle Funktionsfähigkeit des Sliders auf der Startseite hergestellt

Zusammenfassung und weitere Änderungen, die die Desktop-Version betreffen:

• maximale Inhaltsbreite von 960px auf 1200px vergrößert, mehr Platz für alle drei Inhaltsspalten
• Untermenü/Navigation auf der linken Seite verbessert, um unterschiedliche und aktive Ebenen kenntlich zu machen

Allgemeine Änderungen, welche alle Darstellungen betreffen:

• Unterstützung für Internet Explorer kleiner als Version 9 entfernt
• Marginalspalte wird immer mit einem Hintergrund ausgegeben
• Marginalspalte hat eine kleinere Schrift als der Hauptinhalt
• Schriftgröße für Fließtexte wurde erhöht
• Überschriften wurden mit neuen Abständen versehen, um diese besser hervor zu heben
• Rasterelement 66%/33% wurde für Redakteure deaktiviert
• News/Events
  • Veranstaltungsliste überarbeitet, inkl. Kalender-Widget
  • Datum/Uhrzeit von Events mit Icon markiert
  • Ort in der Event-Detailansicht mit Icon markiert

In Folge der Layout-Aktualisierung möchten wir Sie bitten, die von Ihnen betreuten Webseiten zu prüfen und zu korrigieren. Insbesondere auf Seiten auf denen das Rasterelement 66%/33% genutzt wird oder auf denen Bilder die in geringerer Breite als 850px verwendet werden, können Inhalte möglicher Weise ungünstig ausgegeben werden

Bei Fragen, Problemen oder Verbesserungsvorschlägen steht Ihnen das Web-Team der BTU gerne zur Verfügung. Ab sofort bieten wir Ihnen auch eine Informationsseite zum Content Management System TYPO3 im Intranet an.