Interaktive und Gestaltungselemente

Interaktive und Gestaltungselemente

Interaktive und Gestaltungselemente

Mit den interaktiven und gestalterischen Elementen kannst du Inhalte nicht nur darstellen, sondern auch ansprechender, übersichtlicher und leichter verständlich präsentieren. Sie helfen dabei, lange Seiten zu strukturieren, wichtige Informationen hervorzuheben und Besucher gezielt durch Inhalte zu führen.

Zu diesen Elementen gehören beispielsweise Akkordeons, Tabs, Teaserkarten, Karten, Landkarten, Diashows, Counter oder verschiedene Animationen. Sie ergänzen die klassischen Inhaltselemente und ermöglichen eine moderne und abwechslungsreiche Darstellung deiner Inhalte.

Gerade bei umfangreichen Informationen oder komplexen Themen können diese Elemente die Nutzerfreundlichkeit deutlich verbessern. Besucher finden schneller die für sie relevanten Informationen und erhalten eine bessere Orientierung auf der Webseite. Gleichzeitig tragen sie dazu bei, Inhalte optisch aufzulockern und die Aufmerksamkeit gezielt auf wichtige Bereiche zu lenken.

Akkordeon
Akkordeon

Das Akkordeon-Modul ist ein interaktives Inhaltselement, das Nutzern ermöglicht, einzelne Abschnitte auf- und zuzuklappen. Redakteure können verschiedene Inhaltstypen wie Text, Medien, Downloads und Karten integrieren und bestimmen, welche Elemente initial geöffnet sind.

Karten
Karten

Das Kartenmodul präsentiert Inhalte in anpassbaren Kartenlayouts mit 2, 3 oder 4 Spalten auf großen Bildschirmen. Redakteure erstellen Karten in drei Schritten: Erstens der Karten-Container, dann das einzelne Kartenelement und dann die Inhaltselemente pro Kartenelement, wie Text, Überschrift, Bild. 

Teaser Karten
Teaser Karten

Mit Teaserkarten lassen sich Übersichtsseiten mit wenigen Klicks erstellen, indem automatisch Vorschaukarten aus Seiteninformationen generiert werden. Die Inhalte müssen nur einmal gepflegt werden und werden automatisch an allen Stellen aktualisiert.

Diashow
Diashow

Dieses Modul stellt ein flexibles Diashow-System zur Verfügung, mit dem Redakteure Bilder mit oder ohne Text präsentieren können. Es umfasst verschiedene Layout- und Übergangsvarianten sowie wichtige Accessibility-Richtlinien für benutzerfreundliche Bildpräsentationen.

Tabs- und Pillen
Tabs- und Pillen

Anleitung zum Aufbau eines flexiblen Navigationsmoduls mit Tabs oder Pillen. Redakteure können in drei Schritten einen Container erstellen und verschiedene Inhaltselemente wie Texte, Medien, Downloads und Kontaktinformationen organisieren.

Trenner
Trenner

Ein einfaches Trennlinienelement für visuelle Abstände zwischen Inhaltsblöcken. Das Element dient der optischen Strukturierung und Gliederung von Seiteninhalten.

Counter
Counter

Der Counter ist ein dynamisches Designelement zur ansprechenden Darstellung von Kennzahlen. Es zählt bis zu einer gewünschten Zahl und kann optional mit Icon und erklärenden Text ergänzt werden. Das Element ist in drei verschiedenen Größen verfügbar.

Landkarten
Landkarten

Ein Kartenelement zur Anzeige von Standorten mittels OpenStreetMap. Da Karten nicht barrierefrei sind, sollten Standortdaten parallel als Text verfügbar sein.

Animationen
Animationen

Animationen sind Bewegungseffekte, die Inhalte beim Seitenaufbau hervorheben. In Inhaltselementen stehen Optionen wie Einfliegen, Drehen und Zoomen bereit.