Website-Konzeption
von: Jens Jacobsen
Addison-Wesley Verlag, 2005
ISBN: 9783827322494
Sprache: Deutsch
426 Seiten, Download: 10703 KB
Format: PDF, auch als Online-Lesen
Inhaltsverzeichnis | 6 | ||
Einführung | 12 | ||
Vorwort zur 3. Auflage | 12 | ||
Was ist neu? | 12 | ||
An wen richtet sich das Buch? | 13 | ||
Was werden Sie lernen? | 14 | ||
Aufbau des Buches | 14 | ||
Hier spricht der Autor | 15 | ||
Danksagung | 16 | ||
Teil I – Das Web-Projekt | 18 | ||
Die Projektphasen | 20 | ||
1.1 Begriffsklärung | 20 | ||
1.2 Das typische Projekt | 21 | ||
Briefing: Was will der Auftraggeber | 24 | ||
2.1 Projektbeispiel Techcom.de – Briefing | 28 | ||
Ausgangssituation | 28 | ||
Das Briefing | 31 | ||
Das Angebot | 32 | ||
3.1 Vorüberlegungen | 32 | ||
3.2 Was gehört in das Angebot? | 33 | ||
3.3 Ihre Referenzen | 33 | ||
3.4 Die Projektbeschreibung | 34 | ||
3.5 Die Kalkulation | 36 | ||
Vorgehensweise | 37 | ||
Tagessätze | 38 | ||
Aufwandsabschätzung | 38 | ||
3.6 Das Team | 40 | ||
3.7 Der Zeitplan | 41 | ||
3.8 Umgang mit Änderungswünschen | 43 | ||
3.9 Kommunikationswege zwischen Auftraggeber und - nehmer | 44 | ||
3.10 Pflege und Wartung | 44 | ||
3.11 Rechtsfragen | 45 | ||
Angaben zu Urheber- und Nutzungsrechten | 45 | ||
Umgang mit zusätzlich gewünschten Leistungen | 45 | ||
Zahlungsbedingungen | 45 | ||
Gültigkeit | 46 | ||
Allgemeine Geschäftsbedingungen | 46 | ||
Erfüllungsort und Gerichtsstand | 46 | ||
3.12 Sonstiges | 46 | ||
3.13 Projektbeispiel Techcom.de – Angebot | 47 | ||
Struktur des Angebots | 48 | ||
Der Vertrag | 48 | ||
Grobkonzept | 50 | ||
4.1 Verschaffen Sie sich einen Überblick | 50 | ||
4.2 Re-Briefing | 54 | ||
4.3 Vorgehen bei einem Relaunch | 54 | ||
4.4 Recherche zum Unternehmen | 55 | ||
4.5 Recherche zur Branche | 55 | ||
4.6 Konkurrenzanalyse | 56 | ||
4.7 Ziele des Auftraggebers | 56 | ||
Für die Zukunft planen | 57 | ||
Die Website im Marketing-Mix | 57 | ||
4.8 Die Zielgruppe | 58 | ||
Benutzerprofile entwickeln | 58 | ||
Studien | 59 | ||
Nutzungsszenarien entwickeln | 60 | ||
4.9 Ziele definieren | 61 | ||
4.10 Funktionen festlegen | 62 | ||
4.11 Ideenfindung | 63 | ||
Brainstorming | 63 | ||
Brainwriting | 64 | ||
Mindmapping | 65 | ||
4.12 Domainnamen | 66 | ||
4.13 Medien bestimmen | 67 | ||
Text | 67 | ||
Fotos und Zeichnungen | 68 | ||
Animation | 68 | ||
Simulationen/Spiele | 69 | ||
3D-Modelle | 69 | ||
Video | 70 | ||
Webcam | 70 | ||
4.14 Zusatzangebote | 70 | ||
Agenten | 70 | ||
Newsletter | 71 | ||
Nachrichten | 71 | ||
News-Feeds (RSS) | 72 | ||
Blogs | 72 | ||
Virtuelle Gemeinschaften | 73 | ||
Personalisierung | 76 | ||
Nutzer-Registrierung | 76 | ||
4.15 Welche technische Basis brauchen Sie? | 77 | ||
Content Management-Systeme (CMS) | 77 | ||
Anbindung an bestehende Systeme | 78 | ||
Shop-Systeme | 78 | ||
Mobile Anwendungen | 79 | ||
XML | 80 | ||
4.16 Das Schreiben des Grobkonzepts | 81 | ||
Die Abnahme | 82 | ||
Inhalts-Wunschliste | 82 | ||
4.17 Projektbeispiel Techcom.de – Grobkonzept | 83 | ||
Struktur des Grobkonzepts | 84 | ||
Feinkonzept | 86 | ||
5.1 Wozu dient das Feinkonzept? | 86 | ||
5.2 Vorgehen bei einem Relaunch | 87 | ||
5.3 Wie entsteht das Feinkonzept? | 88 | ||
5.4 Informationen sammeln | 88 | ||
5.5 Informations-Architektur | 89 | ||
Grobzuordnung der Inhalte | 90 | ||
Feingliederung | 91 | ||
Sitestruktur festlegen | 96 | ||
Querverlinkungen | 108 | ||
Umgang mit groflen Datenmengen | 109 | ||
5.6 Sinnvolle Kategorien festlegen | 112 | ||
Kategorien benennen | 113 | ||
5.7 Schleichwege anlegen: Erleichterungen für den Nutzer | 116 | ||
Suche | 117 | ||
Index | 121 | ||
Sitemap | 123 | ||
Pop-up-Menüs | 125 | ||
Personalisierung | 127 | ||
Guided Tour | 127 | ||
Hilfe | 128 | ||
Fragen und Antworten – FAQ | 128 | ||
Kontakt | 128 | ||
5.8 Medien einsetzen | 129 | ||
Intros und Tunnel | 129 | ||
Flash | 130 | ||
Video und Animationen | 130 | ||
Spezialformate | 131 | ||
5.9 Die Startseite | 131 | ||
5.10 Benutzergerechte Gestaltung | 137 | ||
Wie wir Seiten lesen | 137 | ||
Wie wir Links auswählen | 138 | ||
Wie wir Sites benutzen | 138 | ||
Wie wir Seiten gestalten sollten | 140 | ||
5.11 Navigations-Architektur | 140 | ||
Seitenskizzen | 141 | ||
Beachten Sie gängige Standards | 145 | ||
Navigationshilfen | 146 | ||
Einheitliche Benennung von Kategorien, Buttons und Seitentitel | 156 | ||
Formulare | 157 | ||
5.12 Das Schreiben des Feinkonzepts | 158 | ||
5.13 Inhalts-Wunschliste | 160 | ||
5.14 Projektbeispiel Techcom.de – Feinkonzept | 161 | ||
Ordnen der Informationen | 161 | ||
Sitemap erstellen | 161 | ||
Sitemap testen | 161 | ||
Informationen auffüllen | 162 | ||
Struktur des Feinkonzepts | 163 | ||
Designkonzept | 164 | ||
6.1 Design für Nicht-Designer | 165 | ||
Die menschliche Wahrnehmung | 165 | ||
Kompositionselemente | 168 | ||
Gröfle und Position | 170 | ||
Leserichtung | 171 | ||
Positionierung | 171 | ||
Farben haben eine Aussage | 172 | ||
Grundregeln zur Umsetzung | 179 | ||
Umgang mit Bildern | 185 | ||
Umgang mit Buttons | 187 | ||
Typographie | 189 | ||
6.2 Entwurf des Designkonzepts | 197 | ||
Gestaltungsraster | 197 | ||
Farbklima | 198 | ||
Schriftvorgaben | 198 | ||
Bildsprache | 199 | ||
Die Beispielseiten | 200 | ||
Umgang mit dem Bildschirmplatz | 200 | ||
6.3 Zusammenarbeit im Team | 201 | ||
Was Designer an Konzeptern stört | 201 | ||
Was Konzepter an Designern stört | 202 | ||
Designer und Programmierer | 202 | ||
6.4 Die Abnahme | 203 | ||
6.5 Projektbeispiel Techcom.de – Designkonzept | 204 | ||
Der erste Entwurf | 204 | ||
Die Präsentation | 206 | ||
Umsetzung | 208 | ||
7.1 Texten für den Bildschirm | 208 | ||
Schreibstil | 209 | ||
Wortwahl | 209 | ||
Satzbau | 210 | ||
Inhalt und Struktur | 211 | ||
Rechtschreibung und Grammatik | 214 | ||
Ordnung hilft dem Leser | 214 | ||
7.2 Ankündigungen | 220 | ||
7.3 Barrierefreiheit – Accessibility | 221 | ||
Gesetzeslage | 221 | ||
Barrierefreiheit ist für alle ein Gewinn | 222 | ||
Hilfsmittel für Behinderte | 222 | ||
Der Aufwand für Barrierefreiheit | 223 | ||
Vorgehen | 224 | ||
Testmöglichkeiten | 228 | ||
Prüfsiegel und Zertifizierungen | 229 | ||
Barrierefrei von Anfang an – der einfachste Weg | 231 | ||
7.4 Suchmaschinen & Metadaten | 232 | ||
Metadaten anlegen | 232 | ||
Seitentitel | 232 | ||
Beschreibung | 233 | ||
Autoreninfo, Datum und Bildbeschreibungen | 233 | ||
Schlagwörter, Suchbegriffe, Keywords | 234 | ||
Seiten für Suchmaschinen optimieren | 235 | ||
7.5 Rechtliche Verantwortung für Links, Foren & Gästebücher | 236 | ||
„Deep Links“ sind erlaubt | 237 | ||
Beschränkte Verantwortung für Links | 237 | ||
Vorsicht bei Foren und Gästebüchern | 238 | ||
7.6 Impressum | 239 | ||
Was ist ein Impressum? | 239 | ||
Was kommt ins Impressum? | 240 | ||
Wohin gehört das Impressum? | 241 | ||
7.7 Projektmanagement | 242 | ||
Vorüberlegungen | 242 | ||
Teambildung und Kommunikation | 242 | ||
Arbeitsorganisation | 243 | ||
7.8 Projektbeispiel Techcom.de – Umsetzung | 249 | ||
Usability-Tests | 250 | ||
8.1 Was genau ist Usability? | 251 | ||
8.2 Warum ist Usability wichtig? | 251 | ||
8.3 Wie sichere ich die Usability? | 251 | ||
8.4 Wann sind Usability-Tests sinnvoll? | 252 | ||
8.5 Vorgehen | 252 | ||
Wann testen? | 253 | ||
Was testen? | 253 | ||
Wo testen? | 255 | ||
Wie testen? | 256 | ||
Tests auswerten | 262 | ||
Fehler beheben | 262 | ||
8.6 Grenzen der Usability-Tests | 263 | ||
8.7 Alternativen zu Tests? | 263 | ||
Card Sorting | 264 | ||
Kurzanalyse/Usability Review | 264 | ||
Heuristische Evaluation | 264 | ||
Cognitive Walkthrough | 265 | ||
Evaluation/Benutzerbefragung | 265 | ||
Online Usability-Tests | 265 | ||
Online Panels | 266 | ||
Fokusgruppen | 266 | ||
Virtueller Rundgang/Walkthrough | 267 | ||
Schnelltests | 267 | ||
8.8 Usability-Normen | 268 | ||
Fazit | 271 | ||
8.9 Projektbeispiel Techcom.de – Usability-Tests | 272 | ||
Testergebnisse | 272 | ||
Auswertung & Konsequenzen | 274 | ||
8.10 Projektbeispiel taz.de | 276 | ||
Ausgangslage | 276 | ||
Planung der Tests | 276 | ||
Ablauf der Tests | 276 | ||
Zusammenfassung der Testergebnisse | 278 | ||
Schlussfolgerung und Änderungsvorschläge | 278 | ||
Vergleich der Ergebnisse mit drei vs. fünf Testpersonen | 279 | ||
Überarbeitung der Site | 279 | ||
Launch und Wartung | 282 | ||
9.1 Qualitätssicherung | 282 | ||
9.2 Provider-Suche | 285 | ||
9.3 Launch | 286 | ||
Anmelden bei Suchmaschinen | 287 | ||
Werbung und Marketing | 288 | ||
9.4 Dokumentation | 289 | ||
Inhaltliche Dokumentation | 289 | ||
Technische Dokumentation | 289 | ||
Styleguide | 290 | ||
Leitfaden zur inhaltlichen Wartung | 290 | ||
CD-ROM | 290 | ||
9.5 Abschlussbesprechung | 291 | ||
9.6 Wartung & Weiterentwicklung | 291 | ||
Beobachtung der Seitenzugriffe – Logfiles | 291 | ||
Benutzerfeedback | 293 | ||
Wartung des Inhalts | 298 | ||
9.7 Projektbeispiel Techcom.de – Launch | 299 | ||
Teil II – Tipps für spezielle Sites und Bereiche | 300 | ||
Unternehmens-Repräsentation | 302 | ||
1.1 Anforderungen | 302 | ||
1.2 Vorbildliche Beispiele | 303 | ||
Scholz & Volkmer | 303 | ||
Jägermeister | 306 | ||
Information | 308 | ||
2.1 Anforderungen | 309 | ||
2.2 Vorbildliche Beispiele | 309 | ||
sueddeutsche | 310 | ||
Hamburger Abendblatt | 311 | ||
die tageszeitung | 312 | ||
Die Zeit | 313 | ||
IBM | 313 | ||
Apple | 315 | ||
Einkaufen/Online-Shops | 316 | ||
3.1 Anforderungen | 316 | ||
Produktsuche | 318 | ||
Einbeziehung von Experten | 318 | ||
Rechtliche Rahmenbedingungen | 319 | ||
Grundregeln bei der Online-Bestellung | 320 | ||
3.2 Vorbildliche Beispiele | 321 | ||
Amazon | 321 | ||
Tchibo | 324 | ||
Unterhaltung | 326 | ||
4.1 Anforderungen | 326 | ||
4.2 Vorbildliche Beispiele | 326 | ||
Gute Zeiten, Schlechte Zeiten | 327 | ||
Heavy | 328 | ||
Reifen Wagner | 329 | ||
Gamekitchen | 330 | ||
E-Learning | 332 | ||
5.1 Anforderungen | 333 | ||
5.2 Vorbildliche Beispiele | 333 | ||
Wissen.de | 334 | ||
Stern | 336 | ||
g-o.de | 337 | ||
BarnesAndNoble.com | 338 | ||
What’s Asthma | 339 | ||
Teil III – Anwendungen im öffentlichen Raum – Terminals | 340 | ||
Ein typisches Projekt | 342 | ||
1.1 Besonderheiten | 342 | ||
1.2 Die Projektphasen | 343 | ||
Konzeption und Gestaltung | 344 | ||
2.1 Grobkonzept | 344 | ||
Umfeld | 345 | ||
Nutzungsdauer | 345 | ||
Festlegung der Inhalte | 345 | ||
Medienwahl | 346 | ||
Der technische Rahmen | 347 | ||
2.2 Feinkonzept | 353 | ||
Dramaturgie | 354 | ||
Ablauf der Anwendung | 355 | ||
2.3 Umsetzung | 357 | ||
2.4 Auslieferung | 358 | ||
Beispiele | 360 | ||
3.1 Wirtschafts-Simulation: Geldpolitik | 360 | ||
3.2 Spiel: Den Allergien auf der Spur | 363 | ||
Teil IV – Offline- Anwendungen – CD/DVD | 366 | ||
Ein typisches Projekt | 368 | ||
1.1 Besonderheiten | 369 | ||
1.2 Die Projektphasen | 369 | ||
Konzeption und Gestaltung | 372 | ||
2.1 Grobkonzept | 372 | ||
Medienwahl | 373 | ||
Software | 374 | ||
2.2 Feinkonzept | 375 | ||
Inhalte aufbereiten | 375 | ||
Ablauf der Anwendung | 376 | ||
2.3 Umsetzung | 377 | ||
Beispiele | 378 | ||
3.1 Spiel: Bakterien identifizieren | 378 | ||
3.2 Spiel: Rezepte ausschreiben | 380 | ||
Teil V – Anhang | 382 | ||
Tipps für Auftraggeber | 383 | ||
A.1 Ziele festlegen | 383 | ||
A.2 Konkurrenz analysieren | 384 | ||
A.3 Agentur auswählen | 384 | ||
Vorauswahl | 384 | ||
Pitch/Angebote | 384 | ||
Endauswahl | 385 | ||
A.4 Kalkulation prüfen | 386 | ||
Honorarsätze | 386 | ||
Rechte | 386 | ||
Kosten sparen | 386 | ||
A.5 Agentur briefen | 387 | ||
A.6 Inhalte liefern | 388 | ||
A.7 Abnahmen und Änderungswünsche | 388 | ||
A.8 Launch | 389 | ||
Providersuche | 389 | ||
Bekanntmachen der Site | 389 | ||
A.9 Wartung und Pflege | 390 | ||
A.10 Vertrieb von CDs/DVDs | 390 | ||
A.11 Wartung von Terminals | 391 | ||
Link- und Literaturtipps | 392 | ||
B.1 Konzeption | 392 | ||
Literatur | 392 | ||
Links | 393 | ||
B.2 Usability | 393 | ||
Literatur | 393 | ||
Links | 394 | ||
B.3 Kalkulation + Projektabwicklung | 394 | ||
Literatur | 394 | ||
B.4 Marketing | 395 | ||
Literatur | 395 | ||
Links | 395 | ||
B.5 Design | 396 | ||
Literatur | 396 | ||
Links | 396 | ||
B.6 E-Learning | 397 | ||
Literatur | 397 | ||
Links | 397 | ||
B.7 Links zu Spezialthemen | 398 | ||
Recht & Impressum | 398 | ||
Suchmaschinen | 398 | ||
Suchfunktion für die eigene Site | 399 | ||
Marktforschung | 399 | ||
Barrierefreie Websites | 399 | ||
Usability-Normen | 400 | ||
Software für Sitemaps und Mindmaps | 400 | ||
Software für Shops und Content Management | 402 | ||
Logfile-Analyse | 402 | ||
HTML | 402 | ||
XML | 402 | ||
Autorensysteme | 403 | ||
Software für Terminals | 403 | ||
Museen | 403 | ||
Offline | 403 | ||
Spiele | 404 | ||
Glossar | 405 | ||
Inhalt der CD-ROM (auf Anfrage erhältlich) | 414 | ||
D.1 Projektbeispiel Techcom | 414 | ||
D.2 Dokumentation Usability-Test | 414 | ||
D.3 Checklisten & Fragebögen | 414 | ||
D.4 Links | 415 | ||
D.5 Testversionen | 415 | ||
D.6 Vorlagen | 415 | ||
Index | 416 | ||
Mehr eBooks bei www.ciando.com | 0 |