Foto: Blick in ein grünes Tal mit Bäumen bei Sonnenschein, es ist unter Bäumen ein Haus mit rotem Dach zu sehen.

Hero-Image

Das Hero-Image ist ein großes, auffälliges Bild, das die Leser*innen als Erstes sehen, wenn sie eine Webseite besuchen.

Übersichts-Testseite - Das ist der Titel, aus dem sich die Überschrift der Seite und die Url generieren

Eine Einleitung auf der Übersichtsseite gibt dem Nutzer gerade in der mobilen Ansicht einen schnellen Einblick ins Thema. Für Suchmaschinen ist eine Seite mit Text besser auslesbar.

Teaser auf Übersichtsseiten

Teaser A1

Studierende auf dem Campus der Ruhr-Universität Bochum

Mein eigener Teasertext - Mein eigener Teasertext - Mein eigener Teasertext - Mein eigener Teasertext - Mein eigener Teasertext - Mein eigener Teasertext - Mein eigener Teasertext - Mein eigener Teasertext - Mein eigener Teasertext -

Teaser A2 – verweist auf bis zu drei Unterseiten

Studierende auf dem Campus der Ruhr-Universität Bochum

Das hier ist der Teaser Text, der aber auch angepasst werden kann, wenn die Seite auf anderen Seiten eingebaut wird. Es gibt keine Zeichenbegrenzung, aber man sollte die Größe des jeweiligen Teasers im Hinterkopf behalten: Auch ein großer Teaser mit wenig Text sieht in der Desktop-Ansicht doof aus.

Campus-Tour

Studierende aller Fachrichtungen können sich als RUB-Guides bewerben. Der Zeitaufwand lässt sich flexibel anpassen.

RUB-Guides zeigen Schülern den Campus der RUB.

Lehrer und Schüler können RUB-Guides einladen oder anfragen. Die Zentrale Studienberatung der RUB koordiniert die Besuche.

Teaser B1

Studierende aller Fachrichtungen können sich als RUB-Guides bewerben. Der Zeitaufwand lässt sich flexibel anpassen.

Lehrer und Schüler können RUB-Guides einladen oder anfragen. Die Zentrale Studienberatung der RUB koordiniert die Besuche.

Teaser B2 und B3

Bei diesen Teaser werden in den schmalen Elementen Wörter oft unglücklich umgebrochen.

Studierende aller Fachrichtungen können sich als RUB-Guides bewerben. Der Zeitaufwand lässt sich flexibel anpassen.

RUB-Guides zeigen Schülern den Campus der RUB.

Lehrer und Schüler können RUB-Guides einladen oder anfragen. Die Zentrale Studienberatung der RUB koordiniert die Besuche.

Campus-Tour

Studierende aller Fachrichtungen können sich als RUB-Guides bewerben. Der Zeitaufwand lässt sich flexibel anpassen.

Lehrer und Schüler können RUB-Guides einladen oder anfragen. Die Zentrale Studienberatung der RUB koordiniert die Besuche.

Teaser B4

Teaser C und D – auch für die Standardseite geeignet

Zur Test-Standardseite

Eigenschaften der schmalenTeaser B4, C, D

  • Im Unterschied zu B4 haben C und D beide eine zusammenfassende Überschrift.
  • D weist als auf drei Seiten hin und bietet die Möglichkeit, ein Label einzufügen.
  • C bindet als einziger der schmalem Teaser den Teasertext ein, der für den Teaser C in der Regel gekürzt werden muss – der Teasertext kann beim Einbinden einer Seite immer über "Teasertext für diese Node ändern" editiert werden.

Teaser E

Wichtig: Der Button im Teaser E wird nur ausgegeben, wenn in den Teaserinformationen die Box „Action Button“ vollständig ausgefüllt ist.

Als „RUB-Guides“ und Mailmentoren leisten Studierende ehrenamtlich Orientierungshilfe für Schüler an den Schulen der Umgebung und vermitteln ihnen ein persönliches Bild von ihrem Studienfach und dem Uni-Alltag.

Aufgabe der Übersichtsseite

Hauptsächlich werden auf der Übersichtsseite andere Seiten über Teaser und Verweisflächen eingebunden. Durch die Teaserinformationen der jeweiligen Seite kann diese beliebig oft und sehr einfach eingebunden werden.

Textelemente

Textelemente können und sollen auch auf Übersichtsseiten eingesetzt werden. Längere Textelemente sind jedoch in der Regel nicht als Fließtext vorgesehen. Hier kann man auf Infokästen (siehe unten) ausweichen.

Wie viele Hauptelemente auf eine Übersichtsseite?

Die Navigation der Seite klappt weg. Daher sollte sie nicht zu viele Elemente enthalten. Eine als etwas veraltete Regelung aus den 50ern besagt:

Das menschliche Bewusstsein kann im Durchschnitt nur 7 ± 2 Informationseinheiten präsent halten.

US-Psychologe George Armitage Miller

Bei mehr als neun Punkten in der Navigation kann zusätzliche Strukturierung angebracht sein. Verweise auf andere Seiten, die nicht in die Navigation aufgenommen werden müssen, zählen nicht dazu. Für derartige Verweise bieten sich die Referenzbereiche an.

Ein RUB-Guide erzählt einem Schüler über ihr Studium.
Das ist ein Referenzbereich Typ A
Mit Foto
Das ist ein Referenzbereich Typ B
mit Icon
Infoboxen

Eingeklappte und ausgeklappte Infoboxen, Kontakte, Zitate und Downloadboxen können ebenfalls auf Übersichtsseiten eingebunden werden. Für Infoboxen und Referenzbereich B gibt es bereits eine große Auswahl an Icons.

Download Iconliste 9/2019 (PDF)

Teaser ohne Bild

Zu jeder Seite werden Teaser-Informationen angeben. Dies sind im einzelnen:

  • Titel (oft der Seitentitel)
  • Teaser Untertitel (einordnend)
  • Teaser Text (kann angepasst werden)
  • Teaser Bild (Einbindung an kleine Teaser mitdenken)

Verpflichtend sind also nur der Titel und – für den Bereich Studierendenportal – der Teaser Untertitel (die grüne Dachzeile über dem Titel). Auf einigen Seiten im Forschungsportal werden Teaser ohne Bilder genutzt.

Beispiele für Teaser ohne Bild

Teaser A und B1

Teaser D und B1

Teaser C und D – letzterer fälschlich ohne Überschrift

Illustration eines Kopfes von der Seite

Bild und Text

Im Gegensatz zu den vollflächig verlinkten Teasern kann dieses Element als einfaches Textelement mit Bild verwendet werden.

  • Der Text ist formatierbar.

Es ist aber auch möglich, Links einzufügen, als Textlink wie oben oder als

optionaler Buttonlink

Für beide Seitentypen: Video

Hier ein Video der Jungen Uni

You are leaving our website now. Please note that this link opens an external website. This may be subject to less strict privacy policies and may collect personal information. Further information on the protection of your data can be found in our privacy policy

Play video

Damit als Overlay für die Videoanzeigt nicht zunächst ein schwarzer Kasten erscheint, muss ein so genanntes Vorschaubild hinterlegt werden, wenn ein Video eingebettet wird. Wie man das Vorschaubild für ein Youtubebild herunterlädt, wenn keines vorliegt, wird auf dieser Seite erklärt:

Studentin lernt in der Cafebar

Das ist ein Testzitat.

Eine Studentin
To top