|
|
Grundkonzept und Navigationsstruktur für Webseiten der
Universität
Grundkonzept und Navigationsstruktur
für Webseiten der Universität
Ziel:
Die WWW-Seiten der Universität, mindestens die zentralen Seiten und
die der Fakultäten, sollen in Grundstruktur und Navigationselementen sich
so ähneln, dass ein einheitliches Auftreten der Universität sichtbar
wird und der Leser gleiche Informationen hinter gleichen Elementen erwarten
kann.
Grundstruktur
Eine WWW-Seite in der Universität sollte folgende Struktur
besitzen:
|
Block A |
|
Block B |
Block C |
|
Block D |
Block A
- Identifikation der für die WWW-Seite relevanten
organisatorischen Einheit (Universität, Fakultät, Seminar)
- In dieser Rubrik sollen die jeweils übergeordneten
Organisationseinheiten ebenso genannt werden und verlinkt sein.
- Block A enthält links das Universitätssiegel, vgl.
Universitätssiegel weiter unten
- Block A soll nicht mehr als 1/5 Bildschirmfenster beanspruchen
Beispiel: Seiten der Universität
- Siegel und Schriftzug "Universität zu Köln" sind mit der
Homepage der Universität verlinkt
Beispiel: Seiten einer Fakultät
- Der lange dünne Balken und der kurze dicke Balken sind
verbindlich. Beide sind in den Fakultätsfarben
http://www.uni-koeln.de/uni/design/fakultaetsfarben.html) gehalten.
- Einrichtungen, die mehreren Fakultäten angehören,
können hinsichtlich der Fakultätskennungen (Name und Farbe) selbst
entscheiden.
- "Universität zu Köln" steht oberhalb des dünnen
Balkens, die Fakultätsbezeichnung unterhalb.
- "Universität zu Köln" ist in der Schriftart kleiner als die
Fakultätsbezeichnung.
- Siegel und Schriftzug "Universität zu Köln" sind mit der
Homepage der Universität verlinkt
- Die Fakultätsbezeichnung ist mit der Homepage der Fakultät
verlinkt.
Beispiel: Seiten eines Seminars
- Der lange dünne Balken und der kurze dicke Balken sind
verbindlich. Beide sind in den Fakultätsfarben
http://www.uni-koeln.de/uni/design/fakultaetsfarben.html)
gehalten.
- "Universität zu Köln" und Fakultätsbezeichnung stehen
in gleicher Schriftgröße oberhalb des dünnen Balkens, die
Seminarbezeichnung unterhalb. Die Fakultätsbezeichnung kann auch –
durch Komma abgetrennt, neben der "Universität zu Köln" stehen,
allerdings sollte man darauf achten, dass innerhalb der
Fakultätsbezeichnung auch dann kein Zeilenumbruch geschieht, wenn die
Seite auf ¾ der Breite verschmälert wird.
- "Universität zu Köln" und Fakultätsbezeichnung sind in
der Schriftart kleiner als die Seminarbezeichnung.
- Siegel und Schriftzug "Universität zu Köln" sind mit der
Homepage der Universität verlinkt
- Die Fakultätsbezeichnung ist mit der Homepage der Fakultät
verlinkt.
- Die Seminarbezeichnung ist mit der Homepage des Seminars
verlinkt.
- Fakultäts- und Seminarseiten haben optional ein Siegel oder Logo
rechts symmetrisch zum Universitätssiegel.
Block B
- Block B enthält die wesentlichen Links, die zu den Informationen
der entsprechenden Organisationseinheit führen. Die Menüs sollen so
gestaltet werden, dass Unterpunkte sich bei Bedarf etwa auf drei Ebenen
innerhalb Block B darstellen lassen.
- Die Hierarchieebenen in Block B werden durch Einrücken und
kleinere Schrift von einander abgehoben.
- Die Abtrennung von Menüpunkten durch grafische Elemente, wie
fiktive Schatten (vgl. Bild) ist auf Ebene 1 erwünscht.
 - Bei Gliederung über mehr als 3 Ebenen stehen die Links als
Textteil in Block D.
Im Folgenden werden Menüstrukturen exemplarisch dargstellt. Die
verwendeten Stichworte sind verbindlich, damit der Leser innerhalb der
Universitätt eine einheitliche Navigation und Nomenklatur vorfindet.
Beispiel Block B - für Fakultäten
- Block B ist zweigeteilt. Der obere Block (B1) ist sowohl hinsichtlich
der verwendeten Schlüsselworte als auch deren Reihenfolge verbindlich:
Aktuelles, Fakultät, Dekanat, Einrichtungen, Lehre/Studium, Forschung,
International
- Der untere Block B2 enthält nicht verbindliche
Schlüsselworte, die sich aus dem fakultätsspezifischen Bedarf
ergeben. Beispiele sind UK-Online, Links
- Auf Ebene 2 und 3 von B1 sind die Schlüsselworte und
Reihenfolgen nicht verbindlich. Gleichwohl werden die folgenden Strukturen,
Inhalte und Schlüsselworte für Ebene 2 und 3 nachdrücklich
empfohlen.
Die Mustervorlage des Menüs ist einem
gesonderten Dokument zu entnehmen.
Block B - für Institute/Seminare
- Block B ist zweigeteilt. Der obere Block (B1) ist sowohl hinsichtlich
der verwendeten Schlüsselworte als auch deren Reihenfolge verbindlich:
Aktuelles, Über das Institut, Abteilungen, Mitarbeiter, Lehre/Studium,
Forschung
- Je nach Struktur des Instituts, seinen untergeordneten
Abteilungen/Lehrstühlen und nach den auf Institutsebene sinnvoll
anzubietenden Informationen können einzelne Schlüsselworte entfallen,
sofern die entsprechenden Informationen auf tieferer Ebene angeboten
werden.
- Insofern gelten die Regelungen für Institute analog für
Abteilungen oder Lehrstühle.
- Der untere Block B2 enthält nicht verbindliche
Schlüsselworte, die sich aus dem seminarspezifischen Bedarf ergeben.
Beispiele sind UK-Online, Links, Suche
- Auf Ebene 2 und 3 von B1 sind die Schlüsselworte und
Reihenfolgen nicht verbindlich. Gleichwohl werden die folgenden Strukturen,
Inhalte und (soweit nicht kursiv) Schlüsselworte für Ebene 2 und 3
nachdrücklich empfohlen.
Die Mustervorlage des Menüs ist einem
gesonderten Dokument zu entnehmen.
Bei Instituten, deren Lehrstühle unabhängig voneinander
WWW-Seiten anbieten, kann die Startseite "verkürzt" angeboten werden.
Beispiele für betroffene Institute:
Staatswissenschaftliches
Seminar, Institut für
Strafrecht und Strafprozessrecht,
Psychologisches
Institut.
Block C
- Innerhalb einer Organisationseinheit feststehende Links
(Ankerpunkte), die, auch wenn ein Benutzer sich tief in eine Struktur
hineinverzweigt hat, ihm eine schnelle Rückkehr zu den
Schlüsselinformationen der Organisationseinheit ermöglichen.
- Die Ankerpunkte sollen rechtsbündig angeordnet werden. Die
Schriftgröße soll so gewählt werden, dass die Ankerpunkte nach
Möglichkeit nicht über den rechten Rand von Block B hinausragen
- Block C soll so gestaltet werden, dass er die wichtigeren Links in
Block B optisch nicht dominiert.
- Folgende Ankerpunkte sind verbindlich:
- Impressum (enthält auch Verweis auf webmaster)
- Kontakt (Anschrift, Tel, Fax, Lageplan, Anreise)
- Druck (bietet eine Druckversion der angezeigten Seite)
- Suche (das Rechenzentrum bietet ein Skript an, mit dem Sie die
Suche auf ein Unterverzeichnis des Web-Angebotes beschränken
können)
- Sitemap
- Diese Ankerpunkte sind nicht verbindlich sollten aber aus dem
nachfolgenden Thesaurus gewählt werden:
- Personen (Suche nach Personen der Organisationseinheit)
- A-Z (Alphabetisches Sachregister)
- Intern (Zugang zum Intranet)
- English (Zugang zur Homepage des englischsprachigen Angebots oder
falls vorhanden "diese Seite auf Englisch", wir schreiben "English", nicht
"Englisch")
Block D
- Hierarchischer Pfad (Der hierarchische Pfad wird so beschrieben wie
ein Benutzer, wäre er durch die Sitemap gegangen, idealerweise zu der
aktuellen Seite gekommen wäre. Die einzelnen Schritte des hierarchischen
Pfades werden verlinkt.
- Überschrift
- Navigationsstruktur unterer Ebenen
- Darzustellende Inhalte
Spezielle Gestaltungselemente und -hilfsmittel
Universitätssiegel
- Das Universitätssiegel kann in Schwarz auf Weiß oder
invertiert dargestellt werden.
- Folgendes Universitätssiegel ist zulässig
Folgende Siegel sind nicht
zulässig:
- Die Farbe, Transparenz und Größe des Siegels darf dem
Gesamtaussehen der Seite angepasst werden.
Andere Siegel/Logos
- Andere Siegel bzw. Logos dürfen verwendet werden. Sie finden
ihren Platz in Block A rechts
Seitenfuß
- Ein Seitenfuß ist nicht verbindlich. Angaben zum letzten
Aktualisierungsdatum werden empfohlen.
Farben
- Auf Universitätsseite wurden den Fakultäten Farben
zugeordnet. Diese Farben orientieren sich an den Talarfarben der Dekane der
Fakultät. Sind damit durch eine längere Tradition mit den
Fakultäten verbunden. Die Farben können unter
http://www.uni-koeln.de/uni/design/fakultaetsfarben.html
aufgerufen werden.
Schrift
- Verwenden Sie eine der gängigen Schriftarten, die
erwartungsgemäß auf jedem Rechner vorhanden sind. Denken Sie dabei
nicht nur an Windowssysteme.
- Folgende Schriftarten werden empfohlen:
Feste oder dynamische Seitenbreite
- Dynamische Seitenbreiten sind zulässig.
- Wenn Sie feste Seitenbreiten verwenden, gestalten Sie ihre Seiten
bitte so, dass Sie auch im Format 800 x 600 ohne horizontales Scrollen
angezeigt werden können.
Flash
- Bitte verzichten Sie auf Flash
Javascript
- Der Einsatz von Javascript wird nicht empfohlen, ist aber
zulässig.
- Wenn Sie Javascript einsetzen, müssen Sie Sorge dafür
tragen, dass auch Benutzer, die Javascript ausgeschaltet haben, über
alternative Wege ihren Auswahlpunkt erreichen können.
Frames
- Frames sind nicht empfohlen, aber gestattet.
- Wenn Sie Frames verwenden, gestalten Sie die Einzelseiten so, dass
Sie auch unabhängig von der Framestruktur aufgerufen werden
können.
Druckversion
- Stellen Sie für alle Seiten eine Druckversion bereit.
Hintergrund
- Die Verwendung von Hintergrundfarben oder –texturen wird nicht
empfohlen.
- Das Universitätslogo darf als Texthintergrund verwendet werden,
verwenden Sie es sparsam und dünn, damit die Lesbarkeit des Textes nicht
beeinträchtigt wird.
- Flächige Farbhintergründe sind nicht erwünscht,
insbesondere nicht solche, die eine Textdarstellung Hell-auf-Dunkel
erfordern.
Highlighting
- Highlighting des ausgewählten Menüpunktes in Block B, bzw.
Mouse-over-Effekte sind erlaubt. Es wird empfohlen, die Fakultätsfarben
dafür zu verwenden.
zusammengestellt von Dr. Chr. Löschcke
6. Februar 2004
überarbeitet am 1.
Juni 2004
|
English
Chinese