Website-Konzeption - Erfolgreiche Websites planen und umsetzen

Inhaltsverzeichnis

Einführung

Vorwort zur 4.Auflage

Was ist neu?

An wen richtet sich das Buch?

Was werden Sie lernen?

Aufbau des Buches

Hier spricht der Autor

Danksagung

Teil 1 Planung

1 Die Projektphasen

1.1 Begriffsklärung

1.2 Das typische Projekt

1.2.1 Präsentation

2 Briefing: Was will der Auftraggeber?

2.1 Welche Fragen müssen geklärt werden?

2.2 Tipps zur Gesprächsführung

2.3 Projektbeispiel Techcom.de – Briefing

2.3.1 Ausgangssituation

2.3.2 Das Briefing

3 Angebot und Kalkulation

3.1 Vorüberlegungen

3.2 Was gehört in das Angebot

3.3 Ihre Referenzen

3.4 Die Projektbeschreibung

3.5 Die Kalkulation aufstellen

3.5.1 Vorgehensweise

3.5.2 Tagessätze

3.5.3 Aufwandsabschätzung

3.6 Das Team

3.7 Der Zeitplan

3.7.1 Umgang mit Änderungswünschen

3.8 Kommunikationswege zwischen Auftraggeber und Auftragnehmer

3.9 Pflege undWartung

3.10 Rechtsfragen

3.10.1 Angaben zu Urheber- und Nutzungsrechten

3.10.2 Umgang mit zusätzlich gewünschten Leistungen

3.10.3 Zahlungsbedingungen

3.10.4 Gültigkeit

3.10.5 Allgemeine Geschäftsbedingungen

3.10.6 Erfüllungsort und Gerichtsstand

3.10.7 Sonstiges

3.11 Angebot Projektbeispiel – Techcom.de

3.11.1 Struktur des Angebots

3.11.2 Der Vertrag

Teil 2 Konzeption

4 Grobkonzept

4.1 Verschaffen Sie sich einen Überblick

4.2 Re-Briefing

4.3 Besonderheiten beim Relaunch

4.4 Recherche zum Unternehmen

4.5 Recherche zur Branche

4.6 Konkurrenzanalyse

4.7 Ziele des Auftraggebers

4.7.1 Für die Zukunft planen

4.7.2 DieWebsite im Marketing-Mix

4.8 Die Zielgruppe

4.8.1 Benutzerprofile entwickeln

4.8.2 Studien

4.8.3 Fokusgruppen

4.8.4 Nutzungsszenarien entwickeln

4.9 Ziele definieren

4.10 Funktionen festlegen

4.11 Web 2.0-Funktionen

4.11.1 Ajax

4.11.2 SozialesWeb

4.11.3 Blogs und Podcasts

4.11.4 Tagging / Folksonomy

4.11.5 Fazit

4.12 Ideenfindung

4.12.1 Brainstorming

4.12.2 Brainwriting

4.12.3 Mindmapping

4.13 Domainnamen

4.14 Medien bestimmen

4.14.1 Text

4.14.2 Fotos und Zeichnungen

4.14.3 Animation

4.14.4 Simulationen und Spiele

4.14.5 3D-Modelle

4.14.6 Audio

4.14.7 Video

4.14.8 Webcam

4.15 Zusatzangebote

4.15.1 Newsletter

4.15.2 Nachrichten

4.15.3 News-Feeds (RSS)

4.15.4 Blogs

4.15.5 Podcasts

4.15.6 Communities – Virtuelle Gemeinschaften

4.15.7 Agenten

4.15.8 Zusatzinfos zum Download

4.15.9 Personalisierung

4.16 Welche technische Basis brauchen Sie?

4.16.1 Content-Management-Systeme (CMS)

4.16.2 Anbindung an bestehende Systeme

4.16.3 Shop-Systeme

4.16.4 Mobile Anwendungen

4.16.5 XML

4.17 Das Schreiben des Grobkonzepts

4.18 Die Abnahme

4.19 Inhaltswunschliste

4.20 Projektbeispiel Techcom.de – Grobkonzept

4.20.1 Struktur des Grobkonzepts

5 Feinkonzept

5.1 Wozu dient das Feinkonzept?

5.2 Vorgehen bei einem Relaunch

5.3 Wie entsteht das Feinkonzept?

5.4 Informationen sammeln

5.5 Informations-Architektur

5.5.1 Grobzuordnung der Inhalte

5.5.2 Feingliederung

5.6 Sitestruktur festlegen

5.6.1 Sitemap, Flussdiagramm, Flowchart&hellip

5.6.2 Exkurs: Software zum Zeichnen von Sitemaps

5.6.3 Flache oder tiefe Site-Struktur?

5.6.4 So wenige Klicks wie möglich?

5.6.5 Die„Sieben plus/minus zwei“-Regel

5.6.6 Fazit

5.7 Querverlinkungen

5.8 Umgang mit großen Datenmengen

5.8.1 Einfache Listen

5.8.2 Verzeichnisse

5.9 Sinnvolle Kategorien festlegen

5.9.1 Kategorien benennen

5.9.2 Englisch ist besser – isn’t it?

5.10 Schleichwege anlegen: Erleichterungen für den Nutzer

5.10.1 Suche

5.10.2 Index

5.10.3 Sitemap

5.10.4 Pop-up-Menüs

5.10.5 Personalisierung

5.10.6 Guided Tour

5.10.7 Hilfe

5.10.8 Fragen und Antworten – FAQ

5.10.9 Kontakt

5.11 Medien einsetzen

5.11.1 Intros und Tunnel

5.11.2 Flash

5.11.3 Video und Animationen

5.11.4 Spezialformate

5.12 Die Startseite

5.12.1 Den Besucher in die Site locken

5.12.2 Worum geht es auf der Site?

5.12.3 Navigation auf der Startseite

5.12.4 Umgang mitWerbung

5.13 Benutzergerechte Gestaltung

5.13.1 Wie wir Seiten lesen

5.13.2 Wie wir Links auswählen

5.13.3 Wie wir Sites benutzen

5.13.4 EinWort zum„DAU&ldquo

5.13.5 Wie wir Seiten gestalten sollten

5.13.6 Navigations-Architektur

5.13.7 Seitenskizzen

5.13.8 Beachten Sie gängige Standards

5.13.9 Navigationshilfen

5.13.10 Einheitliche Benennung von Kategorien, Buttonsund Seitentiteln

5.13.11 Formulare

5.14 Das Schreiben des Feinkonzepts

5.15 Inhaltswunschliste

5.16 Projektbeispiel Techcom.de – Feinkonzept

5.16.1 Informationen ordnen

5.16.2 Sitemap erstellen

5.16.3 Sitemap testen

5.16.4 Informationen auffüllen

5.16.5 Struktur des Feinkonzepts

6 Designkonzept

6.1 Design für Nicht-Designer

6.1.1 Die menschlicheWahrnehmung

6.1.2 Kompositionselemente

6.1.3 Größe und Position

6.1.4 Leserichtung

6.1.5 Positionierung

6.1.6 Farben haben eine Aussage

6.1.7 Grundregeln zur Umsetzung

6.1.9 Umgang mit Buttons

6.1.10 Typografie

6.2 Entwurf des Designkonzepts

6.2.1 Gestaltungsraster

6.2.2 Farbklima

6.2.3 Schriftvorgaben

6.2.4 Bildsprache

6.2.5 Die Beispielseiten

6.2.6 Umgang mit dem Bildschirmplatz

6.3 Zusammenarbeit im Team

6.3.1 Was Designer an Konzeptern stört

6.3.2 Was Konzepter an Designern stört

6.3.3 Designer und Programmierer

6.4 Die Abnahme

6.5 Projektbeispiel Techcom.de – Designkonzept

6.5.1 Der erste Entwurf

6.5.2 Die Präsentation

Teil 3 Umsetzung

7 Usability-Tests

7.1 Was genau ist Usability?

7.2 Warum ist Usability wichtig?

7.3 Wie sichere ich die Usability?

7.4 Wann sind Usability-Tests sinnvoll?

7.5 Vorgehen

7.5.1 Wann testen?

7.5.2 Was testen?

7.5.3 Wo testen?

7.5.4 Wie testen?

7.5.5 Tests auswerten

7.5.6 Fehler beheben

7.6 Grenzen von Usability-Tests

7.7 Gefahren von Usability-Tests

7.8 Ergänzende Methoden zu Usability- Tests

7.8.1 Card Sorting

7.8.2 Kurzanalyse/Usability Review

7.8.3 Heuristische Evaluation

7.8.4 CognitiveWalkthrough

7.8.5 Benutzerbefragungen

7.8.6 Evaluation

7.8.7 Fokusgruppen

7.8.8 Virtueller Rundgang/Walkthrough

7.8.9 Online-Usability-Tests

7.8.10 Online-Panels

7.8.11 Schnelltests

7.9 Usability-Normen

7.9.1 VDI-Richtlinie 5005 – Software-Ergonomie in derBürokommunikation

7.9.2 DIN EN ISO 9241 – Ergonomische Anforderungen für Bürotätigkeiten mitBildschirmgeräten

7.9.3 DIN 66234 – Bildschirmarbeitsplätze, Grundsätze ergonomischer Dialoggestaltung

7.9.4 ISO 14915 – Software-Ergonomie für Multimedia- Benutzungschnittstellen

7.9.5 DIN EN ISO 13407 – Benutzerorientierte Gestaltung interaktiver Systeme

7.9.6 ISO/IEC 9126 – Software Engineering – Product Quality

7.9.7 DIN ISO/IEC 12119 – Softwareerzeugnisse – Qualitätsanforderungen und Prüfbestimmungen

7.9.8 ISO 9000 und 9001

7.9.9 Behindertengleichstellungsgesetz (BGG) und Barrierefreie Informationstechnik- Verordnung ( BITV)

7.9.10 Bildschirmarbeitsverordnung (BildscharbV) Verordnung über Sicherheit und Gesundheits-schutzbei der Arbeit an Bildschirmgeräten

7.9.11 Fazit

7.10 Wann Sie Usability besser ignorieren

7.10.1 Benutzer wollen nicht die beste Lösung

7.10.2 Betreiber wollen nicht die beste Lösung

7.11 Projektbeispiel Techcom.de – Usability- Tests

7.11.1 Testergebnisse

7.11.2 Auswertung & Konsequenzen

7.12 Projektbeispiel taz.de

7.12.1 Ausgangslage

7.12.2 Planung der Tests

7.12.3 Ablauf der Tests

7.12.4 Zusammenfassung der Testergebnisse

7.12.5 Schlussfolgerung und Änderungsvorschläge

7.12.6 Vergleich der Ergebnisse mit drei vs. fünf Testpersonen

7.12.7 Überarbeitung der Site

8 Produktion Text

8.1 Die Bedeutung von gutem Text

8.1.1 Die Durchführung der Studie

8.1.2 Die fünf Testsites

8.2 Texten für den Bildschirm

8.2.1 Schreibstil

8.2.2 Wortwahl

8.2.3 Worte wählen, die die Benutzer wollen

8.2.4 Satzbau

8.2.5 Inhalt und Struktur

8.2.6 Rechtschreibung und Grammatik

8.2.7 Ordnung hilft dem Leser

8.3 Ankündigungen

8.4 Suchmaschinen und Metadaten

8.4.1 Metadaten anlegen

8.4.2 Seitentitel

8.4.3 Beschreibung

8.4.4 Autoreninfo, Datum und Bildbeschreibungen

8.4.5 Schlagwörter, Suchbegriffe, Keywords

8.4.6 Seiten für Suchmaschinen optimieren

8.5 Rechtliche Verantwortung für Links, Foren & Gästebücher

8.5.1 „Deep Links“ sind erlaubt

8.5.2 Beschränkte Verantwortung für Links

8.5.3 Vorsicht bei Foren und Gästebüchern

8.6 Impressum

8.6.1 Was ist ein Impressum?

8.6.2 Was kommt ins Impressum?

8.6.3 Wohin gehört das Impressum?

9 Produktion Grafik, HTML & Code

9.1 Barrierefreiheit – Accessibility

9.1.1 Gesetzeslage

9.1.2 Barrierefreiheit ist für alle ein Gewinn

9.1.3 Hilfsmittel für Behinderte

9.1.4 Der Aufwand für Barrierefreiheit

9.1.5 Vorgehen

9.1.6 Testmöglichkeiten

9.1.7 Prüfsiegel und Zertifizierungen

9.1.8 Barrierefrei von Anfang an – der einfachsteWeg

9.2 Projektmanagement

9.2.1 Vorüberlegungen

9.2.2 Teambildung und Kommunikation

9.2.3 Arbeitsorganisation

9.2.4 Was ist Digital Asset Management?

9.2.5 Softwaretypen

9.2.6 Welche Software ist die richtige?

9.2.7 Allgemein gültige Tipps

9.3 Projektbeispiel Techcom.de – Umsetzung

Teil 4 Betrieb

10 Launch

10.1 Qualitätssicherung

10.2 Provider-Suche

10.3 Der eigentliche Launch

10.4 Dokumentation

10.4.1 Inhaltliche Dokumentation

10.4.2 Technische Dokumentation

10.4.3 Styleguide

10.4.4 Leitfaden zur inhaltlichenWartung

10.4.5 CD-ROM/DVD

10.5 Abschlussbesprechung

11 Betrieb der Site

11.1 Die Site bekannt machen

11.1.1 Anmelden bei Suchmaschinen

11.1.2 Suchmaschinenpflege

11.1.3 Werbung und Marketing

11.2 Pflege der Inhalte undWartung

11.2.1 Aktualität ist Trumpf

11.3 Benutzer-Feedback

11.3.1 Netikette für E-Mails

11.4 Newsletter

11.4.1 Formelles

11.4.2 Rechtliches

11.5 Besuchsstatistiken auswerten – Logfiles

11.6 Projektbeispiel Techcom.de – Launch

Teil 5 Tipps für Spezielle Sites und Bereiche

12 Unternehmens-Repräsentation

12.1 Anforderungen

12.2 Vorbildliche Beispiele

12.2.1 Scholz & Volkmer

12.2.2 Jägermeister

13 Information

13.1 Anforderungen

13.2 Vorbildliche Beispiele

13.2.1 Hamburger Abendblatt

13.2.2 die tageszeitung

13.2.3 Die Zeit

13.2.4 IBM

13.2.5 Apple

14 Einkaufen/Webshops

14.1 Anforderungen

14.2 Vertrauen

14.3 Originalität – eine starke Marke

14.4 Gute Produkte

14.4.1 Long Tail vs. Short Tail

14.5 Ansprechende Beschreibungen

14.6 Übersichtlichkeit

14.7 Gute Suchfunktion

14.8 Nachvollziehbare Kategorien

14.9 Hilfe bei der Auswahl

14.10 Cross-Selling

14.11 Aktualisierungen

14.12 Hilfe

14.13 Austausch und Kommunikation

14.14 Guter Service

14.15 Preis

14.16 Einbeziehung von anderen Experten beider Konzeption

14.17 Rechtliche Rahmenbedingungen

14.18 Grundregeln bei der Online- Bestellung

14.18.1 Bestellung – Was erwarten die Benutzer?

14.19 Vorbildliche Beispiele

14.19.1 Amazon

14.19.2 Tchibo

15 Unterhaltung

15.1 Anforderungen

15.2 Vorbildliche Beispiele

15.2.1 Gute Zeiten, Schlechte Zeiten

15.2.2 Heavy

15.2.3 ReifenWagner

15.2.4 Gamekitchen

16 Vereinswebsites

16.1 Anforderungen

16.2 Verantwortlichkeiten klären

16.3 Oberstes Gebot: Aktualität

16.4 Ziele bestimmen

16.5 Zielgruppen festlegen

16.6 Bedürfnisse der Zielgruppen herausfinden

16.7 Gesetzliche Vorschriften

16.8 Pflichtinfos für Interessenten

16.9 Vorbildliche Beispiele

16.9.1 Mittelalter!Thun

16.9.2 Spielraum LE

16.9.3 Kraftsportverein 1959 Langen

16.9.4 Tanzarchiv Leipzig

17 E-Learning

17.1 Anforderungen

17.2 Vorbildliche Beispiele

17.2.1 Wissen.de

17.2.2 ZDFWissen & Entdecken

17.2.3 Stern

17.2.4 g-o.de

17.2.5 BarnesAndNoble.com

17.2.6 What’s Asthma

Teil 6 Anhang

Anhang A: Tipps für Auftraggeber

Ziele festlegen

Konkurrenz analysieren

Agentur auswählen

Vorauswahl

Pitch/Angebote

Endauswahl

Kalkulation prüfen

Honorarsätze

Rechte

Kosten sparen

Agentur briefen

Inhalte liefern

Abnahmen und Änderungswünsche

Durchsetzen von Änderungen

Launch

Providersuche

Die Site bekannt machen

Wartung und Pflege

Vertrieb von CDs/DVDs

Wartung von Terminals

Anhang B: Link- und Literaturtipps

Konzeption

Literatur

Links

Studien und Marktforschung

Links

Texten und Sprache

Literatur

Links

Usability

Literatur

Links

Web 2.0

Links

Recht

Literatur

Links

Kalkulation

Literatur

Links

Projektmanagement

Literatur

Links

Anhang C: Inhalt der CD-ROM

Offline-Projekte

Projektbeispiel Techcom

Dokumentation Usability-Test

Studie zum Texten imWeb

Checklisten und Fragebögen

Links

Testversionen

Vorlagen

Glossar

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

R

S

T

U

V

W

X

Z

Stichwortverzeichnis

Symbole

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

Kapitel der Buch-CD

Offline-Anwendungen – CD/DVD

Ein typisches Projekt

Besonderheiten

Die Projektphasen

Konzeption und Gestaltung

Grobkonzept

Medienwahl

Software

Feinkonzept

Inhalte aufbereiten

Ablauf der Anwendung

Umsetzung

Beispiele

Spiel: Bakterien identifizieren

Spiel: Rezepte ausschreiben

Anwendungen im öffentlichen Raum – Terminals

Ein typisches Projekt

Besonderheiten

Die Projektphasen

Konzeption und Gestaltung

Grobkonzept

Umfeld

Nutzungsdauer

Inhalte bestimmen

Medienwahl

Der technische Rahmen

Terminal-Gehäuse

Eingabe/Bedienung

Ausgabe

Hardware und Betriebssystem

Software

Feinkonzept

Dramaturgie

Ablauf der Anwendung

Ablaufdiagramm

Feedback

Spiele und Simulationen

Ruhezustand

Umsetzung

Auslieferung

Beispiele

Wirtschaftssimulation: Geldpolitik

Spiel: Den Allergien auf der Spur