TYPO3 - Navigation: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
K
Zeile 1: Zeile 1:
  
−
== Was bedeutet Navigation auf einer Webseite? ==
+
==== Was bedeutet Navigation auf einer Webseite? ====
 
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.
 
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? ==
+
==== Warum ist das Thema auf einer Universitätsseite besonders komplex? ====
 
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.
 
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 ==
+
==== Navigationselemente auf den Seiten der UPB ====
−
[[Datei:SCreenshot Typo3 Navigation.png|mini|''Übersicht über die Navigationselemente auf den UPB-Webseiten'']]
+
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.
−
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.  
 
  
 +
[[Datei:SCreenshot Typo3 Navigation.png|mini|''Übersicht über die Navigationselemente auf den UPB-Webseiten''|alternativtext=|zentriert|571x571px]]
  
  
 +
  
  
Zeile 17: Zeile 18:
  
  
−
== '''Übersicht über die Navigationselemente''' ==
+
 
 +
===='''Übersicht über die Navigationselemente'''====
 
{| class="wikitable"
 
{| class="wikitable"
 
|+
 
|+
−
'''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"
 
{| class="wikitable"
 
|+
 
|+
−
!'''Teaser-Elemente'''
+
!
−
Anleitungen
+
===== '''Teaser-Elemente''' =====
 +
 
 +
===== Anleitungen =====
  
−
*[[TYPO3 - Teaser - Page Teaser|TYPO3 – Page Teaser]]
+
===== [[TYPO3 - Teaser - Page Teaser|TYPO3 – Page Teaser]] =====
  
−
*[https://hilfe.upb.de/TYPO3_-_Teaser_-_Themen_Teaser_Slider TYPO3 – Topic Teaser]
+
===== [[TYPO3 - Teaser - Themen Teaser Slider|TYPO3 – Topic Teaser]] =====
 
!
 
!
 
!
 
!
Zeile 41: Zeile 42:
 
!
 
!
 
{| class="wikitable"
 
{| class="wikitable"
−
|'''[https://hilfe.upb.de/TYPO3_-_Interne_Verlinkung Links]'''
+
|
 +
===== '''[[TYPO3 - Interne Verlinkung|Links]]''' =====
 
|}
 
|}
 
!
 
!
Zeile 50: Zeile 52:
 
* Verschiedene Linktypen vorhanden und frei einsetzbar
 
* Verschiedene Linktypen vorhanden und frei einsetzbar
 
!
 
!
−
|-
 
−
|
 
−
|
 
−
|
 
−
|
 
−
|-
 
−
|
 
−
|
 
−
|
 
−
|
 
 
|-
 
|-
 
|
 
|
Zeile 72: Zeile 64:
 
!
 
!
 
|-
 
|-
−
|[[TYPO3 - Burger Menue|Anleitung TYPO3 - Burgermenü]]
+
|
 +
===== [[TYPO3 - Burger Menue|Anleitung TYPO3 - Burgermenü]] =====
 
|
 
|
 
|
 
|
Zeile 84: Zeile 77:
 
|
 
|
 
|-
 
|-
−
|'''[[TYPO3 - Burger Menue|Sticky Navigation]]'''
+
|
 +
===== '''[[TYPO3 - Burger Menue|Sticky Navigation]]''' =====
 
|
 
|
 
|
 
|
Zeile 94: Zeile 88:
 
|
 
|
 
|-
 
|-
−
|'''Bread-Crumb'''
+
|
 +
===== '''Bread-Crumb''' =====
 
|
 
|
 
|
 
|
Zeile 105: Zeile 100:
 
|
 
|
 
|-
 
|-
−
|'''Suchfunktion'''
+
|
 +
===== '''Suchfunktion''' =====
 
|
 
|
 
|
 
|
Zeile 115: Zeile 111:
 
|
 
|
 
|-
 
|-
−
|'''Kopfzeile'''
+
|
 +
===== '''Kopfzeile''' =====
 
|
 
|
 
|
 
|
Zeile 124: Zeile 121:
 
|
 
|
 
|-
 
|-
−
|'''[https://hilfe.upb.de/TYPO3_-_Footer_bearbeiten Footer]'''
+
|
 +
===== '''[[TYPO3 - Footer bearbeiten|Footer]]''' =====
 
|
 
|
 
|
 
|
Zeile 135: Zeile 133:
 
|
 
|
 
|}
 
|}
 +
 +
==== '''Siehe auch:''' ====
 +
 +
* [[TYPO3 - Burger Menue|TYPO3 – Burger Menue]]
 +
* [[TYPO3 - Burger Menue|TYPO3 – Sticky Navigation]]
 +
* [[TYPO3 - Teaser - Page Teaser|TYPO3 – Page Teaser]]
 +
* [[TYPO3 - Teaser - Themen Teaser Slider|TYPO3 – Topic Teaser]]
 +
* [[TYPO3 - Interne Verlinkung|TYPO3 – Interne Verlinkungen]]

Version vom 19. August 2025, 14:35 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]

Teaser-Elemente[Bearbeiten | Quelltext bearbeiten]
Anleitungen[Bearbeiten | Quelltext bearbeiten]
TYPO3 – Page Teaser[Bearbeiten | Quelltext bearbeiten]
TYPO3 – Topic Teaser[Bearbeiten | Quelltext bearbeiten]
  • 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
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.

Siehe auch:[Bearbeiten | Quelltext bearbeiten]

Zentrum für Informations- und Medientechnische Dienste der Universität Paderborn (ZIM) - Ehemals IMT

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
Abgerufen von „https://hilfe.uni-paderborn.de/index.php?title=TYPO3_-_Navigation&oldid=39967“
Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.
Weitere Informationen