Themenseite

Emotionale Darstellung

Hero Bild Dekoration

Titel (H1)

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

Radfahrer Oberkochen

Topline

Titel

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

Radfahrer Rast Kitzinger Ebene

Topline

Titel

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

Radfahrer entlang der Lein

Topline

Titel

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

Radfahrer Dorfmühlweiher Wört

Topline

Titel

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

Radfahrer Kocherufer Abtsgmünd

Topline

Titel

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

Radfahren Leintal

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

Introtext

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

Zwei Personen sitzen an einem Holztisch im Freien und stoßen mit Biergläsern an, im Hintergrund ein gelbes Haus und Bäume.

Topline

Titel

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

Zwei Personen sitzen an einem Holztisch mit Tellern voller Salat und Gemüse, im Hintergrund ein Stapel Holzscheite.

Topline

Titel

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

Zwei Personen sitzen an einem Holztisch im Außenbereich eines Cafés, auf dem Tisch liegen Fahrradhelme und Handschuhe.

Topline

Titel

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

Zwei Personen sitzen an einem Holztisch im Freien mit Getränken und Essen, im Hintergrund ein See und grüne Hügel.

Topline

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

Zwei Personen mit Fahrradhelmen in der Hand stehen vor einer Informationstafel. Im Hintergrund ist Wiese und viel bäum zu sehen.

Topline

Titel

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

Zwei Personen sitzen an einem grünen Holztisch im Freien, betrachten eine Karte, neben ihnen liegen zwei Fahrradhelme, im Hintergrund sind Fahrräder und eine Landschaft mit Wasser und Bäumen zu sehen.

Topline

Titel

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

Eine Person sitzt auf einer Bank mit einem roten Wanderrucksack, umgeben von  einer Tulpenwiese. Neben ihr ist ein Fahrrad mit einem Helm zu sehen.

Topline

Titel

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

Zwei Personen sitzen auf einer gebogenen Holzbank umgeben Rosenranken.

Topline

Titel

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

Zwei Personen sitzen auf einer Metallbank. Daneben sind Fahrräder und Informationstafeln zu sehen. Im Hintergrund ist eine Wiese und ein Waldrand.

Topline

Titel

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

Zwei Personen sitzen auf einer grünen Holzbank mit Blick auf einen See. Neben Ihnen zwei Fahrräder und Büsche.

Topline

Titel

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

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 Text

  • Icon Teaser

    Icon Teaser Text

  • Icon Teaser

    Icon Teaser Text