Netzstrategen Digitaler Feierabend - 2. Präsentation - Websites-Gestaltung

Veränderungenbrauchen
Strategien.

Karlsruhe, 21. August 2012

Website-Gestaltung
Grundlagen und Nutzerführung

Michael wallner, netzstratege

22.08.2012 2 © netzstrategen GmbH

Unsere Themen heute Abend

1. Ziele der Website(-Gestaltung)

2. Grundelemente der Gestaltung

3. Nutzerführung und Conversion-Optimierung

© netzstrategen GmbH

Zieleder Website(-Gestaltung)
„VisitenkarteimNetz“ vs. conversion-optimierte
Website


Ich muss ins Netz
Was muss auf meine Seite?


Visitenkarte reicht nicht aus

• Ich muss dem Besucher mehr als Kontaktdaten anbieten
• Der Besucher hat ein Problem und sucht nach einer
Lösung

• Kann ich dem Besucher keine Lösung bieten, verlässt er
meine Seite wieder

• Ohne Inhalte ist es schwierig dass meine Seite von
Google gefunden werden kann


Lösung?
Conversion optimieren!


Was ist denn Conversion?
Umwandlung des Status einer Zielperson in einen neuen Status

Interessent wird Kunde


Was ist die Conversionrate?
Dann gibt es noch die Conversionrate

Der Anteil aller Besucher der Website,
die dabei zu Käufern werden


Grundelemente der Gestaltung
Header, Navigation, Spaltigkeit, ...


Der Mensch ist ein Gewohnheitstier
Websites funktionieren nach einem Muster


Was muss ich beachten?

• Besucher überfliegen die Seite, sie lesen nur wenig
• Anhaltspunkte und Eyecatcher bieten
• Seitenaufteilung sinnvoll gestalten
• Bestimmte Regeln sollten eingehalten werden, denn der Nutzer
sollte nicht erst lernen müssen, meine Website zu bedienen


Seitenelemente

• Header: Kopfbereich einer Website
• Beinhaltet mindestens Logo & Hauptnavigation

• Verlinkt auf alle Unterseiten

• Ist auf jeder Seite vorhanden

• Breadcrumbnavigation


Seitenelemente

• Brotkrümelnavigation (Breadcrumb)
• Bei einem tieferen Einstieg z.B. über eine Google-Suche sollte man auch ein
Zugang zu übergeordneten Seite bieten

• Macht vor allem Sinn bei Websites mit viel Inhalten (z.B. Nachrichten-Portale)


Seitenelemente

• Content: Was muss auf die Startseite?
• Wieviel Inhalt ist es und um was geht es?

• Alles auf die Startseite für einen kurzen Überblick

• Vorsicht! Nicht alles gehört auf die Startseite

• Was ist ein Slider?

• Wer steckt dahinter?


Seitenelemente

• Content: Wie bringe ich das in Form?
• Aufteilung des Inhalts in Spalten – Bessere Lesbarkeit durch geringere Laufweite
des Textes

• Den Besucher nicht erschlagen!

• Bilder verwenden – lockern das Gesamtbild auf und sind ein guter Blickfang
• Spalten können auch verwendet werden, um Inhalte voneinander zu trennen

• Nutzer unterhalten

• Inhalte aktuell halten, die Website soll leben


Seitenelemente

• Footer: Fußbereich einer Website
• Navigation in simpler Form abbilden

• Verlinkung zu Impressum

• Der Nutzer soll handlungsfähig bleiben und nicht in einer Sackgasse landen


Aufteilung der Seite. Check!
Was nun?


Conversion optimieren
Kundenansprache & Nutzerführung


Was verkauft sich?

• Der Besucher sucht nicht Leistungen oder Produkte, er
sucht nach der Lösung seines Problems

• Den tatsächlichen Nutzen nahebringen


Wie verkaufe ich das?

• Das AIDA-Prinzip
• Der Kunde durchläuft 4 Phasen um letztlich die
Kaufentscheidung zu fällen

A Attention

I Interest

D Desire

A Action


Das AIDA-Prinzip


Warum was an welcher Stelle?

• Nutzer soll nie in einer Sackgasse landen
• Handlungsfähig bleiben
• Weitergeführt werden


„Nicht in Schönheit sterben!“
Gestaltung mit Nutzen


Kurz zusammengefasst
• Eine Website lebt von Details, sie sollen aber einen Nutzen
haben.

• Sinnvolle Aufteilung um Inhalte schnell zu erfassen.
• Nach 5 Sekunden sollte klar sein, um was es auf meiner
Website geht.

• Der Branche entsprechend auftreten, aber bitte nicht die
Konkurrenz nachahmen.

• Aus der Menge heraustreten, aber seriös bleiben.


Danke für Ihre
Aufmerksamkeit!
Weiter geht’s nächsten Dienstag um 19 Uhr
mit Infos zu Social Media!


Vielen Dank
für Ihre Aufmerksamkeit!

netzstrategen GmbH

Alter Schlachthof 15
76131 Karlsruhe

fon+49 (721) 160 39 64 - 0
fax+49 (721) 160 39 64 – 20

facebook.com/netzstrategen
Netzstrategen.com/newsletter

info@netzstrategen.com
netzstrategen.com

22.08.2012 © netzstrategen GmbH

Netzstrategen Digitaler Feierabend - 2. Präsentation - Websites-Gestaltung

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (18)

Ähnlich wie Netzstrategen Digitaler Feierabend - 2. Präsentation - Websites-Gestaltung

Ähnlich wie Netzstrategen Digitaler Feierabend - 2. Präsentation - Websites-Gestaltung (20)

Netzstrategen Digitaler Feierabend - 2. Präsentation - Websites-Gestaltung

Hinweis der Redaktion