Webdesign und Usability

Das eBook gibt einen ersten Einblick in benutzerfreundliche Gestaltung für Websites und vermittelt, worauf Sie hinsichtlich der Optimierung für Suchmaschinen dabei von vornherein achten sollten. Manchmal genügen schon einfache Handgriffe, um eine Website besser bedienbar und besser auffindbar zu machen.

Was ist bei der Gestaltung zu beachten? Was ist Besuchern wichtig? Wie lesen sie? Was mögen sie? Worauf ist bei der Erstellung einer Navigation zu achten? Und wie lesen Computerprogramme und nichts anderes sind Suchmaschinen dann diese bunten Seiten? Welche einfachen Regeln gibt es, um von Suchmaschinen besser wahrgenommen zu werden?

Die erweiterte Neuauflage von 2015 enthält zusätzliche Kapitel (Responsive Design, Gestaltung für Tablets & Co.), neue Screenshots und ergänzende Informationen zu einigen Themen.

Inhaltsverzeichnis

1 Wie Menschen Websites lesen
1.1 Unser Gehirn
1.2 Wie visuelle Wahrnehmung funktioniert
1.3 Leseverhalten auf Papier und Bildschirm
1.4 Was Website-Besucher erwarten

2 Wie Maschinen Websites lesen
2.1 Trennung von Struktur, Inhalt und Design
Codestruktur möglichst einfach
Content Management System (CMS) versus statisches HTML
2.2 Reihenfolge und Gewichtung der Information
2.3 Besonders wichtig: die Startseite
Die Startseite MUSS gefunden werden!

3 Die Navigation essentiell für Mensch und Maschine
3.1 Anforderungen an Navigation und Links
Hauptanforderungen an die Navigation
Die Navigation ist auch für Suchmaschinen wichtig
Benennung von Links
3.2 Position der Navigation
Links oder oben sind die besten Positionen
Kulturelle Unterschiede
Navigation links
Navigation oben
Und was ist mit rechts?
Navigation unten
Breadcrumbs
Versteckte Navigation

4 Web ist nicht Print
4.1 Funktionale Unterschiede
Umblättern
Platzangebot
Responsives Webdesign
Gestaltung für Tablets & Co.
4.2 Verständlich schreiben für das Web
4.3 Gestaltung für das Web
Mit Gestaltungsrastern arbeiten
Ein Bild sagt mehr als...
Wenn Bilder groß rauskommen
Ladezeiten
Bilder für Suchmaschinen zugänglich machen
Sorgen Sie für Lesbarkeit!
Typografie fürs Web

4.4 Farben und ihre Wirkung
Besonderheiten bei Bildschirmfarben
Emotionale Wirkung von Farben
Farben und Lesbarkeit

Lesetipps und nützliche Online-Tools
Auswahl an Quellen/Studien

Etwa 71.000 Zeichen, 40 Abbildungen.

Dettagli