JensJacobsen. Website-Konzeption. Erfolgreiche Web- und Multimedia- Anwendungen entwickeln. ^Дг ADDISON-WESLEY. An imprint of Pearson Education

Transkript

1 JensJacobsen Website-Konzeption Erfolgreiche Web- und Multimedia- Anwendungen entwickeln ^Дг ADDISON-WESLEY An imprint of Pearson Education München Boston San Francisco Harlow, England Don Mills, Ontario Sydney Mexico City Madrid Amsterdam

2 6 Einführung Vorwort An wen richtet sich das Buch? Was werden Sie lernen? Aufbau des Buches Hier spricht der Autor Danksagung Teil 1 - Das Web-Projekt...17 Die Projektphasen Begriffsklärung Das typische Projekt Briefing: Was will der Auftraggeber? Projektbeispiel Techcom.de - Briefing Ausgangssituation Das Briefing э*- Das Angebot Vorüberlegungen Was gehört in das Angebot? Ihre Referenzen Das Expose Die Kalkulation Vorgehensweise Tagessätze Aufwandsabschätzung Das Team Der Zeitplan Kommunikationswege zwischen Auftraggeber und -nehmer Pflege und Wartung Rechtsfragen Angaben zu Urheberund Nutzungsrechten Umgang mit Änderungswünschen Zahlungsbedingungen Gültigkeit Allgemeine Geschäftsbedingungen Erfüllungsort und Gerichtsstand Sonstiges Projektbeispiel Techcom.de - Angebot Struktur des Angebots Der Vertrag

3 Grobkonzept Verschaffen Sie sich einen Überblick Re-Briefing Vorgehen bei einem Relaunch Recherche zum Unternehmen Recherche zur Branche Konkurrenzanalyse Ziele des Auftraggebers Für die Zukunft planen Die Website im Marketing-Mix Die Zielgruppe Benutzerprofile entwickeln Studien Nutzungsszenarien entwickeln Ziele definieren Funktionen festlegen Ideenfindung Brainstorming Brainwriting Mindmapping Domainnamen Medien bestimmen Text Fotos und Zeichnungen Animation Simulationen/Spiele 3D-Modelle Video Webcam Zusatzangebote Agenten Newsletter Virtuelle Gemeinschaften Personalisierung Nutzer-Registrierung Welche technische Basis brauchen Sie? Content Management-Systeme (CMS) Anbindung an bestehende Systeme Shop-Systeme Mobile Anwendungen XML J Das Schreiben des Grobkonzepts...79 Die Abnahme...80 Inhalts-Wunschliste...80 Projektbeispiel Techcom.de - Grobkonzept...81 Struktur des Grobkonzepts...82 Feinkonzept...83 Wozu dient das Feinkonzept?...83 Vorgehen bei einem Relaunch...84 Wie entsteht das Feinkonzept?...85 Informationen sammeln...85 Informations-Architektur...86 Grobzuordnung der Inhalte...87 Feingliederung...88 Sitestruktur festlegen -93 Querverlinkungen..104 Umgang mit großen Datenmengen..105 Schleichwege anlegen: Erleichterungen für den Nutzer Standardfunktionen Sinnvolle Kategorien festlegen Medien einsetzen Kategorien benennen Englisch ist besser - isn't it?..120 Benutzergerechte Gestaltung Wie wir Seiten lesen Wie wir auswählen..i23 Wie wir Sites benutzen..123 Wie wir Seiten gestalten sollten..124 Navigations-Architektur..125 Navigationsskizzen Beachten Sie gängige Standards Navigationshilfen..129 Formulare..139 Einheitliche Benennungvon..140 Kategorien, Buttons und Seitentitel Das Schreiben des Feinkonzepts Inhalts-Wunschliste..143 Projektbeispiel Techcom.de - Feinkonzept Ordnen der Informationen..144 Sitemap erstellen..144 Sitemap testen..144 Informationen auffüllen..i45 Struktur des Feinkonzepts..146

4 8 Design konzept Design für Nicht-Designer Die menschliche Wahrnehmung Kompositionselemente Größe und Position Leserichtung Positionierung Farben haben eine Aussage Grundregeln zur Umsetzung Umgang mit Bildern Umgang mit Buttons Typographie Entwurf des Designkonzepts Gestaltungsraster Farbklima Fontvorgaben Bildsprache Die Beispielseiten Die Startseite Zusammenarbeit im Team Was Designer an Konzeptern stört Was Konzepter an Designern stört Designer und Programmierer Die Abnahme Projektbeispiel Techcom.de Designkonzept Der erste Entwurf Die Präsentation Umsetzung Texten für den Bildschirm Schreibstil Wortwahl Satzbau Inhalt und Struktur Rechtschreibung und Grammatik Ordnung hilft dem Leser Ankündigungen Projektmanagement Vorüberlegungen Teambildung und Kommunikation Arbeitsorganisation Projektbeispiel Techcom.de - Umsetzung..147 Usability-Tests Was genau ist Usability? Warum ist Usability wichtig? Wie sichere ich die Usability? Wann sind Usability-Tests sinnvoll? Vorgehen Wann testen? Was testen? Wo testen? Wie testen? Tests auswerten Fehler beheben Grenzen der Usability-Tests Alternativen zu Tests? Kurzanalyse/Usability Review Online Panels Fokusgruppen Virtueller Rundgang/Walkthrough Schnelltests ProjektbeispielTechcom.deUsability-Tests Testergebnisse Auswertung 81 Konsequenzen Launch und Wartung Qualitätssicherung 235 Provider-Suche Launch Anmelden bei Suchmaschinen Werbung und Marketing Dokumentation Inhaltliche Dokumentation Technische Dokumentation Styleguide Leitfaden zur inhaltlichen Wartung CD-ROM Abschlussbesprechung Wartung & Weiterentwicklung Beobachtung der Seitenzugriffe Benutzerfeedback Wartung des Inhalts Projektbeispiel Techcom.de - Launch "

5 Q Teil II - Tipps für spezielle Sites und Bereiche -253 UnternehmensRepräsentation Unterhaltung Scholz & Volkmer Heavy Reifen Wagner Gamekitchen Jägermeister Information sueddeutsche Hamburger Abendblatt dietageszeitung E-Learning Wissen.de Stern g-o.de BarnsAndNoble.com What's Asthma IBM Apple Einkaufen/Online-Shops Produktsuche 273 Einbeziehung von Experten 273 Rechtliche Rahmenbedingungen 274 Grundregeln bei der Online-Bestellung Frankfurter Allgemeine Zeitung Gute Zeiten, Schlechte Zeiten Amazon Tchibo...279

6 10 Teil III -Anwendungen im öffentlichen Raum Terminals Ein typisches Projekt Teil I V Offline-Anwendungen CD/DVD Ein typisches Projekt Besonderheiten Besonderheiten Die Projektphasen Die Projektphasen Konzeption und Gestaltung Konzeption und Gestaltung Grobkonzept Umfeld Medienwahl Nutzungsdauer..302 Software Festlegung der Inhalte..302 Medienwahl Der technische Rahmen Feinkonzept Dramaturgie Ablauf der Anwendung Umsetzung Auslieferung Beispiele..317 Wirtschafts-Simulation: Geldpolitik Spiel: Den Allergien auf der Spur..320 Grobkonzept Feinkonzept Inhalte aufbereiten Ablauf der Anwendung -333 Umsetzung Beispiele Spiel: Bakterien identifizieren 335 Spiel: Rezepte ausschreiben 337

7 11 Teil V- Anhang 339 Tipps für Auftraggeber Design -З50 Ziele festlegen Konkurrenz analysieren Agentur auswählen Vorauswahl Pitch/Angebote Endauswahl Agentur brieten Inhalte liefern Abnahmen und Änderungswünsche Launch Providersuche Bekanntmachen der Site Wartung und Pflege Vertrieb von CDs/DVDs Wartung von Terminals Link- und tipps Konzeption E-Learning zu Spezialthemen Suchmaschinen Marktforschung Software für Flowcharts und Mindmaps Software für Shops und Content Management Logfile-Analyse HTML XML Autorensysteme Software für Terminals Museen Offline Spiele Usability Projektabwicklung Marketing Inhalt der CD-ROM Projektbeispiel Techcom Checklisten & Fragebögen Testversionen Vorlagen З56 Index 358