TYPO3 - Navigation: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
 
(7 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
−
 
+
{{article
−
=== Was bedeutet Navigation auf einer Webseite? ===
+
|type=Anleitung
 +
|service=Service:Typo3
 +
|targetgroup=Angestellte
 +
|hasdisambig=Nein
 +
}}
 +
==== 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]]
−
 
+
====Übersicht über die Navigationselemente====
−
 
 
−
 
 
−
== '''Übersicht über die Navigationselemente''' ==
 
−
{| 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
 
−
 
−
* [[TYPO3 - Teaser - Page Teaser|TYPO3 – Page Teaser]]
 
−
 
−
* [https://hilfe.upb.de/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"
 
−
|'''[https://hilfe.upb.de/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 70: Zeile 24:
 
!
 
!
 
|-
 
|-
−
|[[TYPO3 - Burger Menue|Anleitung TYPO3 - Burgermenü]]
+
|
 +
===== [[TYPO3 - Burger Menue|Anleitung TYPO3 - Burgermenü]] =====
 
|
 
|
 
|
 
|
Zeile 82: Zeile 37:
 
|
 
|
 
|-
 
|-
−
|'''[[TYPO3 - Burger Menue|Sticky Navigation]]'''
+
|
 +
=====[[TYPO3 - Burger Menue|Sticky Navigation]]=====
 
|
 
|
 
|
 
|
Zeile 92: Zeile 48:
 
|
 
|
 
|-
 
|-
−
|'''Bread-Crumb'''
+
|
 +
===== Bread-Crumb =====
 
|
 
|
 
|
 
|
Zeile 103: Zeile 60:
 
|
 
|
 
|-
 
|-
−
|'''Suchfunktion'''
+
|
 +
===== Suchfunktion =====
 
|
 
|
 
|
 
|
Zeile 113: Zeile 71:
 
|
 
|
 
|-
 
|-
−
|'''Kopfzeile'''
+
|
 +
===== Kopfzeile =====
 
|
 
|
 
|
 
|
 
* Beinhaltet den Bereichsnamen als Link zur Startseite des jeweiligen Bereichs
 
* Beinhaltet den Bereichsnamen als Link zur Startseite des jeweiligen Bereichs
−
* Wechselt dynamisch je nach aktuellem Arbeitsbereich  
+
* Wechselt dynamisch je nach aktuellem Arbeitsbereich
 
* Zielverlinkung wird vom ZIM konfiguriert
 
* Zielverlinkung wird vom ZIM konfiguriert
 
|
 
|
 
|
 
|
 
|-
 
|-
−
|'''[https://hilfe.upb.de/TYPO3_-_Footer_bearbeiten Footer]'''
+
|
 +
=====[[TYPO3 - Footer bearbeiten|Footer]]=====
 
|
 
|
 
|
 
|
Zeile 133: Zeile 93:
 
|
 
|
 
|}
 
|}
 +
 +
==== 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
 +
!
 +
|-
 +
!
 +
===== [[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: ====
 +
 +
* [[TYPO3 - Burger Menue|TYPO3 – Burger Menue]]
 +
* TYPO3 – Sticky Navigation (Anleitung folgt)
 +
* [[TYPO3 - Teaser - Page Teaser|TYPO3 – Page Teaser]]
 +
* [[TYPO3 - Teaser - Themen Teaser Slider|TYPO3 – Topic Teaser]]
 +
* [[TYPO3 - Interne Verlinkung|TYPO3 – Interne Verlinkungen]]

Aktuelle Version vom 20. August 2025, 09:18 Uhr

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürAngestellte
HilfeWiki des ZIM der Uni Paderborn

no displaytitle found: TYPO3 - Navigation

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]

Content Management System (CMS) das zum Erstellen, Bearbeiten und Pflegen von Webseiten genutzt wird.

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=39992“
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