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.