Design-Weiterentwicklung 2023
Standards und Ansprüche an das Webseiten-Design und die damit verbundenen Funktionalitäten ändern sich stetig. Um auch weiterhin mit einem modernen und professionellen Erscheinungsbild aufzutreten und die Zugänglichkeit zu verbessern, haben wir das Rahmen-Design der TYPO3-Auftritte überarbeitet und weiterentwickelt. Zukünftig werden allen Auftritten einige neue Inhaltselemente zur Verfügung stehen. Durch die Design-Überarbeitung entsteht zunächst kein Umstellungsaufwand.
Zielsetzung
Das Design wurde mit der Zielsetzung weiterentwickelt, die mobile sowie barrierefreie Nutzung und die Benutzererfahrung zu verbessern sowie Themenschwerpunkte besser darstellen zu können.
Welche Änderungen gibt es?
Was haben wir angepasst?
Kopfbereich
Umgestaltung des Kopfbereichs auf Startseite und Unterseiten
Hauptmenü
Vereinfachte Navigation im Hauptmenü
Barrierefreiheit
Verbesserung der Barrierefreiheit durch Kontrastschalter und weitere Maßnahmen
Mobile Darstellung
Verbesserung der mobilen Navigation und Auftrittskennzeichnung
Neue Inhaltselemente & Funktionen
Ergänzung einiger Inhaltselemente, um News und Themenschwerpunkte besser und flexibler darzustellen
Kopfbereich
- horizontale Metanavigation ersetzt das bisherige Off-Canvas-Menü
- Konsistenz: TU-Logo im Hauptauftritt in den oberen weißen Bereich verschoben, analog zu den dezentralen Auftritten
- Hauptauftritt: Einbettung des UA-Ruhr-Logos im Kopfbereich
- Hauptauftritt: Höhe des Kopfbildes auf Startseite verringert, um den Inhaltsbereich schneller zu erfassen
Hauptmenü
Die Links auf die Bereichs-Startseiten sind nun als oberster Punkt im aufgeklappten Mega-Menü untergebracht und somit leichter zu finden. Der beschreibende Menütext und das Menübild im linken Bereich des Hauptmenüs sowie die Mouse-Over-Effekte bleiben erhalten.
Barrierefreiheit
- Vergrößerung der Schrift der Hauptnavigation für besseren Kontrast
- Kontrastumschalter im Kopfbereich, um auf Schwarz-Weiß-Ansicht umstellen zu können
Mobile Darstellung
- Das Menü wandert von oben rechts nach unten und wird dort mittig platziert:
- leichte Navigation mit dem Daumen, ein Umgreifen ist nicht mehr nötig
- gute Bedienbarkeit für Links- und Rechtshänder*innen
- Sprach- und Kontrastschalter (neu) prominent rechts oben platziert
- Das mobile Menü beinhaltet alle Navigationsebenen:
- Die aktuelle Navigationsebene ist zu sehen, bei Klick auf den gewünschten Menüpunkt schiebt sich die neue Navigationsebene von rechts nach links ins Bild
- Durch einen Klick auf den Menüpunkt am oberen Rand kehrt man zur vorherigen Navigationsebene zurück.
- Übergeordneter Web-Auftritt (z.B. von Fakultät) ist über einen Link unterhalb der Navigation zu erreichen.
Neue Inhaltselemente und Darstellungsmöglichkeiten
Die neuen Inhaltselemente, Funktionen und Darstellungsmöglichkeiten werden in den nächsten Monaten nach und nach für alle TYPO3-Auftritte der TU Dortmund freigeschaltet. Sobald diese zur Verfügung stehen, informieren wir Sie und stellen eine Anleitung zur Verfügung.