TYPO3 - Navigation: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
K
(Tabelle überarbeitet, Formatierungen vereinheitlicht)
Zeile 10: Zeile 10:
  
 
[[Datei:SCreenshot Typo3 Navigation.png|mini|''Übersicht über die Navigationselemente auf den UPB-Webseiten''|alternativtext=|zentriert|571x571px]]
 
[[Datei:SCreenshot Typo3 Navigation.png|mini|''Übersicht über die Navigationselemente auf den UPB-Webseiten''|alternativtext=|zentriert|571x571px]]
 
+
====Übersicht über die Navigationselemente====
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
===='''Übersicht über die Navigationselemente'''====
 
 
{| class="wikitable"
 
{| class="wikitable"
 
|+
 
|+
{| class="wikitable"
 
|+
 
!
 
===== '''Teaser-Elemente''' =====
 
 
===== Anleitungen =====
 
 
===== [[TYPO3 - Teaser - Page Teaser|TYPO3 – Page Teaser]] =====
 
 
===== [[TYPO3 - Teaser - Themen Teaser Slider|TYPO3 – Topic Teaser]] =====
 
!
 
!
 
* Werden im Inhaltsbereich platziert
 
* Dienen dazu, auf weitere Webseiten oder Inhalte aufmerksam zu machen („teasern“)
 
* Verschiedene Typen möglich (z. B. Page-Teaser, Topic-Teaser)
 
* Können von Redakteur*innen flexibel eingesetzt werden
 
!
 
|-
 
!
 
{| class="wikitable"
 
|
 
===== '''[[TYPO3 - Interne Verlinkung|Links]]''' =====
 
|}
 
!
 
!
 
* Verweisen auf andere Seiten innerhalb oder außerhalb der Webseite
 
* Erlauben Navigation durch Klicken
 
* Sind häufig in Texten, Listen oder als Schaltflächen eingebaut
 
* Verschiedene Linktypen vorhanden und frei einsetzbar
 
!
 
|-
 
|
 
|
 
|
 
|
 
|}
 
 
!'''Navigationselement'''
 
!'''Navigationselement'''
 
!
 
!
Zeile 78: Zeile 33:
 
|-
 
|-
 
|
 
|
===== '''[[TYPO3 - Burger Menue|Sticky Navigation]]''' =====
+
=====[[TYPO3 - Burger Menue|Sticky Navigation]]=====
 
|
 
|
 
|
 
|
Zeile 89: Zeile 44:
 
|-
 
|-
 
|
 
|
===== '''Bread-Crumb''' =====
+
===== Bread-Crumb =====
 
|
 
|
 
|
 
|
Zeile 101: Zeile 56:
 
|-
 
|-
 
|
 
|
===== '''Suchfunktion''' =====
+
===== Suchfunktion =====
 
|
 
|
 
|
 
|
Zeile 112: Zeile 67:
 
|-
 
|-
 
|
 
|
===== '''Kopfzeile''' =====
+
===== Kopfzeile =====
 
|
 
|
 
|
 
|
Zeile 122: Zeile 77:
 
|-
 
|-
 
|
 
|
===== '''[[TYPO3 - Footer bearbeiten|Footer]]''' =====
+
=====[[TYPO3 - Footer bearbeiten|Footer]]=====
 
|
 
|
 
|
 
|
Zeile 134: Zeile 89:
 
|}
 
|}
  
 +
==== Navigationsergänzende Elemente ====
 +
Neben der primären Navigation unterstützen weitere Elemente die Benutzerführung auf der Webseite. Diese sind vor allem inhaltlicher oder verlinkender Natur und helfen dabei, Querverweise und gezielte Hinweise zu platzieren.
 +
{| class="wikitable"
 +
|+
 +
!
 +
===== Teaser-Elemente =====
 +
Anleitungen
 +
 +
[[TYPO3 - Teaser - Page Teaser|TYPO3 – Page Teaser]]
 +
 +
[[TYPO3 - Teaser - Themen Teaser Slider|TYPO3 – Topic Teaser]]
 +
!
 +
!
 +
* Werden im Inhaltsbereich platziert
 +
* Dienen dazu, auf weitere Webseiten oder Inhalte aufmerksam zu machen („teasern“)
 +
* Verschiedene Typen möglich (z. B. Page-Teaser, Topic-Teaser)
 +
* Können von Redakteur*innen flexibel eingesetzt werden
 +
!
 +
|-
 +
!
 +
{| class="wikitable"
 +
|
 +
====='''[[TYPO3 - Interne Verlinkung|Links]]'''=====
 +
|}
 +
!
 +
!
 +
* Verweisen auf andere Seiten innerhalb oder außerhalb der Webseite
 +
* Erlauben Navigation durch Klicken
 +
* Sind häufig in Texten, Listen oder als Schaltflächen eingebaut
 +
* Verschiedene Linktypen vorhanden und frei einsetzbar
 +
!
 +
|-
 +
 +
|}
 
==== '''Siehe auch:''' ====
 
==== '''Siehe auch:''' ====
  

Version vom 20. August 2025, 07:56 Uhr

Was bedeutet Navigation auf einer Webseite?[Bearbeiten | Quelltext bearbeiten]

Navigation bezeichnet die verschiedenen Elemente und Mechanismen einer Webseite, die Besucher*innen helfen, sich auf der Seite zurechtzufinden und die gewünschten Informationen schnell und einfach zu erreichen. Eine gelungene Navigation sorgt dafür, dass Besucher*innen nicht „verloren gehen“, sondern jederzeit wissen, wo sie sich befinden und wie sie zu anderen relevanten Inhalten gelangen können.

Warum ist das Thema auf einer Universitätsseite besonders komplex?[Bearbeiten | Quelltext bearbeiten]

Gerade eine Webseite von einer Universität wie der UPB ist inhaltlich und organisatorisch sehr vielschichtig. Unterschiedliche Zielgruppen – etwa Studieninteressierte, Studierende, Forschende oder Mitarbeitende – haben sehr unterschiedliche Informationsbedürfnisse. Die Vielzahl an Fachbereichen, Serviceangeboten, Forschungsprojekten, Lehrinhalten und administrativen Informationen erfordert eine differenzierte Navigation, die diese Komplexität abbildet.

Navigationselemente auf den Seiten der UPB[Bearbeiten | Quelltext bearbeiten]

Auf der UPB-Webseite werden verschiedene Navigationselemente eingesetzt, die sich in Funktion und Zweck unterscheiden. Diese unterschiedlichen Bausteine ergänzen sich, um einen klaren, übersichtlichen und flexiblen Zugang zu den Inhalten zu ermöglichen – von der groben Orientierung über den Inhalt bis hin zum direkten Zugriff auf spezielle Services.

Übersicht über die Navigationselemente auf den UPB-Webseiten

Übersicht über die Navigationselemente[Bearbeiten | Quelltext bearbeiten]

Navigationselement Anwendung
Anleitung TYPO3 - Burgermenü[Bearbeiten | Quelltext bearbeiten]
  • Öffnet sich über das „Burger“-Symbol (drei Linien)
  •  Dient der Navigation zwischen verschiedenen Seiten und Ebenen
  • Spiegelt in der Regel die Seitenhierarchie wider
  • Umfang und Struktur richten sich nach dem jeweiligen Bereich der Webseite
  • Wechselt meist bei Bereichswechsel, Einrichtung ist optional
  • Burger-Menüs werden auf Wunsch durch das ZIM für einen Bereich eingerichtet
Sticky Navigation[Bearbeiten | Quelltext bearbeiten]
  • Unterhalb der Bühne, bleibt beim Scrollen oben sichtbar (sticky) und sorgt so für dauerhafte Orientierung
  • Dient der Navigation innerhalb einer Seite (Sprung zu Inhaltsabschnitten)
  • Passt sich bei Seitenwechsel an den jeweiligen Inhalt an
  • Kann bei Bedarf ausgeblendet werden
Bread-Crumb[Bearbeiten | Quelltext bearbeiten]
  • Befindet sich unterhalb der Sticky Navigation und oberhalb der Inhalte
  • Zeigt den aktuellen Pfad innerhalb der Webseitenstruktur an
  • Ermöglicht schnelle Rücksprünge zu übergeordneten Seiten
  • Gibt eine visuelle Standortrückmeldung
  • Wird automatisch erzeugt und passt sich an jede Seite an
Suchfunktion[Bearbeiten | Quelltext bearbeiten]
  • Globale Suche über das Lupen-Symbol in der Kopfzeile erreichbar
  • Ermöglicht die direkte Suche nach Inhalten anhand von Stichworten
  • Ideal, wenn Nutzer*innen genau wissen, wonach sie suchen
  • Erzeugt automatische Ergebnisausgaben auf Basis der Google-Suche
Kopfzeile[Bearbeiten | Quelltext bearbeiten]
  • Beinhaltet den Bereichsnamen als Link zur Startseite des jeweiligen Bereichs
  • Wechselt dynamisch je nach aktuellem Arbeitsbereich
  • Zielverlinkung wird vom ZIM konfiguriert
Footer[Bearbeiten | Quelltext bearbeiten]
  • Befindet sich am unteren Rand jeder Seite
  • Enthält dauerhaft relevante Links und Informationen (z. B. Kontakt, Impressum, Datenschutz)
  • Besteht aus einem universellen UPB-Footer sowie bereichsspezifischen Footer-Elementen
  • Bereichsspezifische Inhalte werden automatisch aus dem Profilmanager eingelesen
  • Weitere Funktionen wie z. B. Schnellzugriffe können über das ZIM konfiguriert werden.

Navigationsergänzende Elemente[Bearbeiten | Quelltext bearbeiten]

Neben der primären Navigation unterstützen weitere Elemente die Benutzerführung auf der Webseite. Diese sind vor allem inhaltlicher oder verlinkender Natur und helfen dabei, Querverweise und gezielte Hinweise zu platzieren.

Teaser-Elemente[Bearbeiten | Quelltext bearbeiten]

Anleitungen

TYPO3 – Page Teaser

TYPO3 – Topic Teaser

  • Werden im Inhaltsbereich platziert
  • Dienen dazu, auf weitere Webseiten oder Inhalte aufmerksam zu machen („teasern“)
  • Verschiedene Typen möglich (z. B. Page-Teaser, Topic-Teaser)
  • Können von Redakteur*innen flexibel eingesetzt werden
Links[Bearbeiten | Quelltext bearbeiten]
  • Verweisen auf andere Seiten innerhalb oder außerhalb der Webseite
  • Erlauben Navigation durch Klicken
  • Sind häufig in Texten, Listen oder als Schaltflächen eingebaut
  • Verschiedene Linktypen vorhanden und frei einsetzbar

Siehe auch:[Bearbeiten | Quelltext bearbeiten]


Bei Fragen oder Problemen können Sie uns zu unseren Servicezeiten telefonisch oder per E-Mail erreichen:

☎ Helpdesk: +49 (5251) 60-5544 ☎ Medien: +49 (5251) 60-2821 E-Mail: zim@uni-paderborn.de

Oder Sie besuchen uns vor Ort: Sie finden das Notebook-Café gemeinsam mit dem Servicecenter Medien in H1.201.

Servicezeiten

Mo - Do Fr
Vor-Ort-Support 08:30 - 16:00 08:30 - 14:00
Telefonsupport 08:30 - 16:00 08:30 - 14:00
Servicecenter Medien 08:30 - 16:00 08:30 - 14:00
Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.