Zum Inhalt
IT & Medien Centrum der TU Dortmund

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?

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
Startseite des Hauptauftritts mit neuer horizontaler Metanavigation, TU-Logo im oberen Kopfbereich sowie und UA-Ruhr-Logo neben dem Navigationsbereich
Startseite eines dezentralen TYPO3-Auftritts: ebenfalls mit horizontaler Metanavigation, Wortmarke der übergeordneten Fakultät bleibt bestehen

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.

Menüpunkte der obersten Ebene sind jetzt als oberster Punkt des Aufklappmenüs aufgeführt und verlinkt.

Barrierefreiheit

  • Vergrößerung der Schrift der Hauptnavigation für besseren Kontrast
  • Kontrastumschalter im Kopfbereich, um auf Schwarz-Weiß-Ansicht umstellen zu können
Verbesserung der Barrierefreiheit

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.
Neues mobiles Menü

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.
 

Vorschau Inhaltselemente & Funktionalitäten