Standardseiten

Die Standardseite ist in der Desktopansicht dreispaltig, wobei die linke Seitenspalte gegebenenfalls für Abteilungsname oder -logo vorgesehen ist, die rechte Seitenspalte für Zusatzinformationen, Logos und Kontakte.

Aufbau einer Standardseite

Die ersten Elemente auf jeder Standardseite sind

1. ein Bild (im Format 999 x 666 Pixel)
2. die Seitenüberschrift
3. eine einordnende Dachzeile (optional; einheitliche Nutzung im jeweiligen Bereich)
4. ein kurzer Einleitungstext
5. weitere, frei zu wählende Elemente wie sie auf dieser Seite beschrieben sind
6. abschließend eine Verweisfläche, die die User auf die jeweils nächsthöhere Ebene führt

Die Webseite auf mobilen Endgeräten

Beim Aufbau der Seite wird stets bedacht, dass diese für mobile Endgeräte (Handys, Tablets) anders ausgegeben wird als auf einem Desktop: Die mobile Ansicht ist einspaltig, die drei Spalten der Desktopansicht bauen sich von links nach rechts untereinander auf, also

1. wenn vorhanden – Titel und Logo aus der linken Spalte,
2. der Seiteninhalt, bei Elementen wie Teasern oder Verweisflächen untereinander von rechts nach links
3. die Inhalte der rechten Spalte
4. der Fußbereich der Seite – erst der Instanz-Fußbereich, dann der allgemeine Fußbereich der RUB-Seiten

Darstellung von Text und Inhalt

Die Textspalte einer Standardseite ist auf optimale Lesbarkeit ausgelegt. In der Regel „scannen“ die User die Seiten nach den gesuchten Informationen ab und wollen schnell erfassen, ob sie sich auf der richtigen Seite befinden. Daher müssen die Inhalte gut ausgezeichnet sein.

Inhalte gliedern

Folgende Darstellungsmittel stehen zur Verfügung, um den Text aufzulockern:

• Aufzählungen, nummeriert oder unnummeriert
• Absätze (weit mehr, als gewöhnlich in Texten genutzt werden)
• Bilder, Infografiken, Bildergalerien oder Videos (mehr zu Medien in RUB-Web)
• Zwischenüberschriften
• Zitate
• Anker
• Verweisflächen und verlinkte Buttons
• Infoboxen

Ist ein Text durch diese Darstellungsformen strukturiert aufgebrochen, stellen User schnell fest, ob die Seite die gesuchten Informationen enthält – selbst wenn diese ein wenig länger ist.

Um das Element „Zitat“ vorzustellen, hier zwei Zitate, die gut zur Darstellung von Inhalten auf Webseiten passen.

Überschriften

Zwischenüberschriften gliedern den Text und wirken sich auch auf Suchmaschinen aus. Daher tauchen die wichtigsten Schlagworte des behandelten Themas in Zwischenüberschriften auf. Überschriften werden in der angedachten Struktur genutzt. Es stehen vier Überschriftentypen (Überschrift 1 bis Überschrift 4) zur Verfügung: Die Überschrift 1 ist der Überschrift der Seite vorbehalten. Sie taucht auf jeder Seite nur ein Mal auf, darunter die

Überschrift 2,

unter dieser gliedern sich Inhalte mit der

Überschrift 3,

unter dieser gliedern sich Inhalte mit der

Überschrift 4

Faltboxen

Die Faltbox ist für verschiedene Informationen gedacht. Faltboxen gibt es in verschiedenen Formaten:

Kontakte

Kontakte können einzeln eingefügt werden. Hier der Kontakt des Rektors.

Kontakte können auch als ganze Liste angezeigt werden.

Verlinkungen

Es gibt verschiedene Wege, Verlinkungen einzufügen.

Der Textlink

Der Textlink ist am dezentesten.

Der Button

Augenfälliger als ein Textlink ist der Link über einen

Button

Der Button hat eine starke Animationswirkung auf die User und wird daher auch „Call to action"-Button genannt.

Die Verweisfläche

Die Verweisfläche ist abgesehen von den Teasern das größte referenzierende Element einer Seite. Es gibt eine Verweisfläche mit editierbarem Icon und mit Bild wie unten abgebildet.

Eine Verweisfläche kommt auf jeder Standard- und Übersichtsseite mindestens ein Mal zum Einsatz: Sie führt die User vom Ende der Seite zurück auf die nächsthöhere Ebene.

Bilder

Es gibt verschiedene Möglichkeiten, Bilder und Medien einzufügen. Neben dem Einzelbild wie unten dargestellt gibt es:

• Bildergalerien, optional mit Vorschaubildern und/oder der Möglichkeit, diese bildschirmfüllend und zoombar anzuzeigen
• Infografiken, ebenfalls auf Klick bildschirmfüllend und zoombar
• Einbindung von Videos
• Einbindung von Soundcloud-Dateien

Zur Übersicht

Teaser: Auf Standardseiten nur unter den Inhalten

Auf Standardseiten können die Teaser C, D, und E sowie die Verweisflächen genutzt werden, um auf andere Inhalte zu verlinken.

Alle zulässigen Teaser zur Ansicht: