Demos

Icon Webdesign - Claus Pescha wordpress web.design

Webdesign / Webprogrammierung

Demos Design- und Funktionselemente

Gutes Webdesign legt heute großen Wert auf eine klare und einfache Gestaltung des User-Interface (UI) und der User-Experience (UE) – UI-Design, UE-Design. Anderenfalls werden Besucher die Website schnell wieder verlassen. Eine verlorene Chance, Kunden mit den eigenen Inhalten (quality content) zu überzeugen und zu gewinnen.

Für die folgenden Design- und Funktionselemente zeige ich Ihnen hier Bespiele und erläutere, was Sie damit erreichen können und worauf Sie achten müssen.

Page Heros

Page Heros sind auffällige, meist über die volle Breite des Bildschirmes reichende Grafik-Text-Bereiche. Man verwendet sie vorwiegend ganz oben auf einer Seite, kann sie aber auch im Verlauf einer Seite einsetzen, z.B. um ein Unterthema einzuleiten. Der Page Hero führt kurz und prägnant in das Thema der Seite oder des Seitenbereiches ein und enthält oft ein Call-To-Action-Element, wie z.B. einen Button / weiterführenden Link.

Slider

Ein Slider erlaubt, an einer Stelle nacheinander verschiedene Texte oder/und Bilder anzuzeigen. Es gibt vielfältige Gestaltungsarten. Bei der Programmierung und Gestaltung sind hinsichtlich SEO einige wichtige Punkte zu beachten.

Hover Effekte

Hover Effekte setzt man vielerorts auf einer Website ein. Gut eingesetzt, zahlen sie auf die Qualität der User-Experience ein und fördern damit das Interesse, weiter auf einer Website zu verweilen und sich zu informieren.

Buttons / Call-To-Action

Ziel einer Website ist es meist, mit den Besuchern in Kontakt und Interaktion zu kommen. Call-To-Action-Elemente (CTA), wie z.B. Buttons und weiterführende Links machen genau das, sie geben dem User die Gelegenheit zu interagieren.

Accordions

Accordions dienen dazu, Inhalte, die erst auf den zweiten Blick sichtbar werden sollen, so lange zu verstecken, bis sie durch Interaktion sichtbar werden sollen. Besucher können also entscheiden, ob sie den weiteren Inhalt sehen möchten. Wie schon beim Slider sindhinsichtlich SEO bei der Programmierung und Gestaltung einige wichtige Punkte zu beachten.

Listen und Aufzählungen

Listen oder Aufzählungen sind Strukturelemente auf einer Seite und können sehr vielfältig gestaltet werden.

Icons, individuell als Vektorgrafik

Sie dienen als Eye-Catcher, als visuelle Erläuterung von Headlines oder Call-To-Action-Elementen und können weit mehr sein, als kleine Symbole aus vorgefertigten Icon-Sammlungen. Stichwort: Corporate Design, pixelgenaue Darstellung, interaktive Funktionen.

Newsletter Anmeldung

Veröffentlichen Sie in Ihrem Blog regelmäßig neue und interessante Artikel, können Sie zur Verbreitung und zur Generierung von interessierten Websitebesuchen eine Newsletter-Verwaltung in Ihre Website integrieren. Zentrales Element um neue Anmeldungen zum Newsletter zu erhalten ist das Anmeldeformular, das auf Webseiten auf sehr unterschiedliche Weisen eingebunden sein kann. Manche sind sinnvoll, manche können auch nervig für die Besucher sein. Das will man vermeiden.

Footer

Der Footer einer Website – auf allen Seiten die gleichen Grundinformationen für Ihre Besucher und der grafische Abschluss Ihrer Seite.