Themenseite

Emotionale Darstellung

Hero Bild Dekoration

Titel

Introtext von 1-3 Sätzen verwenden um den Gast zu informieren was ihn auf der Seite erwarten wird und wieso es sich für ihn lohnt weiter zu scrollen. Der Einstieg von Seitentyp B lebt von dem Mix aus großformatigem Hero Image und Headline. Verwenden Sie ruhige Motive wie zum Beispiel Landschafts-Panoramen.

Container

UX-Tipp: Miller’s Law

Die Millersche Zahl bezeichnet die von George A. Miller 1956 beschriebene Tatsache, dass ein Mensch gleichzeitig nur 7 ± 2 Informationseinheiten (Chunks) im Kurzzeitgedächtnis präsent halten kann.

Quelle: Wikipedia

TITEL

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Topline

Titel

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

titel

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Topline

Titel

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Werden zu einem Thema mehr Teaser benötigt können Sie hierfür einfach ein weiteres Teaser Grid erstellen, das visuell vom ersten durch eine Headline oder einen Text getrennt ist.

Container

Neuer Themenabschnitt

UX-Tipp: Serial Position Effect
Nutzer haben die Neigung, sich am besten an den ersten und letzten Gegenstand einer Serie zu erinnern. 

Es kann hilfreich sein, die am wenigsten wichtigen Elemente in die Mitte von Listen zu setzen, da diese Elemente seltener im Langzeit- und Arbeitsgedächtnis gespeichert werden.

Quelle: Laws of UX

Titel

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Titel

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Titel

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Titel

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Titel

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Titel

Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Dieser Effekt kann noch verstärkt werden in dem bewusst die wichtigsten Grid-Teaser nicht nur an den Anfang und das Ende des Grids gesetzt werden sondern zusätzlich auch noch größer dargestellt werden.

Container

Neuer Themenabschnitt

Titel

button text

Titel

button text

Titel

button text

Eine noch stärkere Visuelle Trennung der einzelnen Themenabschnitte kann durch eine abwechselnde Hinterlegung des Hintergrunds erzeugt werden. Dies kann als Stilmittel gerade bei einem starken inhaltlichen Bruch der Themeninhalte genutzt werden.

UX-Tipp: Von Restorff Effect

Der Effekt bezeichnet das Faktum, dass man sich an die sich von der Umgebung unterscheidenden Inhalte besser erinnern wird. Somit lässt sich dieser Effekt aus dem Prinzip der guten Gestalt ableiten.

Quelle: Wikipedia

Container weitere Erlebnisse

Weitere Erlebnisse

  • Icon-Teaser

  • Icon-Teaser

  • Icon-Teaser

  • Icon-Teaser