Jens Jacobsen. Website-Konzeption. Erfolgreiche Web- und Multimedia- Anwendungen entwickeln. 3. erweiterte Auflage. An imprint of Pearson Education

Transkript

1 Jens Jacobsen Website-Konzeption Erfolgreiche Web- und Multimedia- Anwendungen entwickeln 3. erweiterte Auflage An imprint of Pearson Education München Boston San Francisco Harlow, England Don Mills, Ontario Sydney Mexico City Madrid Amsterdam

2 Inhaltsverzeichnis 5 Inhaltsverzeichnis E Einführung...11 Vorwort zur 3. Auflage...11 Was ist neu?...11 An wen richtet sich das Buch?...12 Was werden Sie lernen?...13 Aufbau des Buches...13 Hier spricht der Autor...14 Danksagung...15 Teil I Das Web-Projekt Die Projektphasen...19 Begriffsklärung...19 Das typische Projekt Briefing: Was will der Auftraggeber?...23 Projektbeispiel Techcom.de Briefing...27 Ausgangssituation...27 Das Briefing Das Angebot...31 Vorüberlegungen...31 Was gehört in das Angebot?...32 Ihre Referenzen...32 Die Projektbeschreibung...33 Die Kalkulation...35 Vorgehensweise...36 Tagessätze...37 Aufwandsabschätzung...37 Das Team...39 Der Zeitplan...40 Umgang mit Änderungswünschen...42 Kommunikationswege zwischen Auftraggeber und -nehmer...43 Pflege und Wartung...43 Rechtsfragen...44 Angaben zu Urheber- und Nutzungsrechten...44 Umgang mit zusätzlich gewünschten Leistungen...44 Zahlungsbedingungen...44 Gültigkeit...45 Allgemeine Geschäftsbedingungen...45 Erfüllungsort und Gerichtsstand...45 Sonstiges...45 Projektbeispiel Techcom.de Angebot...46 Struktur des Angebots...47 Der Vertrag...47

3 6 Inhaltsverzeichnis 4 Grobkonzept...49 Verschaffen Sie sich einen Überblick...49 Re-Briefing...53 Vorgehen bei einem Relaunch...53 Recherche zum Unternehmen...54 Recherche zur Branche...54 Konkurrenzanalyse...55 Ziele des Auftraggebers...55 Für die Zukunft planen...56 Die Website im Marketing-Mix...56 Die Zielgruppe...57 Benutzerprofile entwickeln...57 Studien...58 Nutzungsszenarien entwickeln...59 Ziele definieren...60 Funktionen festlegen...61 Ideenfindung...62 Brainstorming...62 Brainwriting...63 Mindmapping...64 Domainnamen...65 Medien bestimmen...66 Text...66 Fotos und Zeichnungen...67 Animation...67 Simulationen/Spiele D-Modelle...68 Video...69 Webcam...69 Zusatzangebote...69 Agenten...69 Newsletter...70 Nachrichten...70 News-Feeds (RSS)...71 Blogs...71 Virtuelle Gemeinschaften...72 Personalisierung...75 Nutzer-Registrierung...75 Welche technische Basis brauchen Sie?...76 Content Management-Systeme (CMS)...76 Anbindung an bestehende Systeme...77 Shop-Systeme...77 Mobile Anwendungen...78 XML...79 Das Schreiben des Grobkonzepts...80 Die Abnahme...81 Inhalts-Wunschliste...81 Projektbeispiel Techcom.de Grobkonzept...82 Struktur des Grobkonzepts Feinkonzept...85 Wozu dient das Feinkonzept?...85 Vorgehen bei einem Relaunch...86 Wie entsteht das Feinkonzept?...87 Informationen sammeln...87 Informations-Architektur...88 Grobzuordnung der Inhalte...89 Feingliederung...90 Sitestruktur festlegen...95 Querverlinkungen Umgang mit großen Datenmengen Sinnvolle Kategorien festlegen Kategorien benennen Schleichwege anlegen: Erleichterungen für den Nutzer Suche Index Sitemap Pop-up-Menüs Personalisierung Guided Tour Hilfe Fragen und Antworten FAQ Kontakt Medien einsetzen Intros und Tunnel Flash Video und Animationen Spezialformate Die Startseite Benutzergerechte Gestaltung Wie wir Seiten lesen Wie wir Links auswählen Wie wir Sites benutzen Wie wir Seiten gestalten sollten...139

4 Inhaltsverzeichnis 7 Navigations-Architektur Seitenskizzen Beachten Sie gängige Standards Navigationshilfen Einheitliche Benennung von Kategorien, Buttons und Seitentitel Formulare Das Schreiben des Feinkonzepts Inhalts-Wunschliste Projektbeispiel Techcom.de Feinkonzept Ordnen der Informationen Sitemap erstellen Sitemap testen Informationen auffüllen Struktur des Feinkonzepts Designkonzept 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 Schriftvorgaben Bildsprache Die Beispielseiten Umgang mit dem Bildschirmplatz 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 Barrierefreiheit Accessibility Gesetzeslage Barrierefreiheit ist für alle ein Gewinn Hilfsmittel für Behinderte Der Aufwand für Barrierefreiheit Vorgehen Testmöglichkeiten Prüfsiegel und Zertifizierungen Barrierefrei von Anfang an der einfachste Weg Suchmaschinen & Metadaten Metadaten anlegen Seitentitel Beschreibung Autoreninfo, Datum und Bildbeschreibungen Schlagwörter, Suchbegriffe, Keywords Seiten für Suchmaschinen optimieren Rechtliche Verantwortung für Links, Foren & Gästebücher Deep Links sind erlaubt Beschränkte Verantwortung für Links Vorsicht bei Foren und Gästebüchern Impressum Was ist ein Impressum? Was kommt ins Impressum? Wohin gehört das Impressum? Projektmanagement Vorüberlegungen Teambildung und Kommunikation Arbeitsorganisation Projektbeispiel Techcom.de Umsetzung...248

5 8 Inhaltsverzeichnis 8 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? Card Sorting Kurzanalyse/Usability Review Heuristische Evaluation Cognitive Walkthrough Evaluation/Benutzerbefragung Online Usability-Tests Online Panels Fokusgruppen Virtueller Rundgang/Walkthrough Schnelltests Usability-Normen Fazit Projektbeispiel Techcom.de Usability-Tests Testergebnisse Auswertung & Konsequenzen Projektbeispiel taz.de Ausgangslage Planung der Tests Ablauf der Tests Zusammenfassung der Testergebnisse Schlussfolgerung und Änderungsvorschläge Vergleich der Ergebnisse mit drei vs. fünf Testpersonen Überarbeitung der Site Launch und Wartung Qualitätssicherung 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 Logfiles Benutzerfeedback Wartung des Inhalts Projektbeispiel Techcom.de Launch Teil II Tipps für spezielle Sites und Bereiche Unternehmens- Repräsentation Anforderungen Vorbildliche Beispiele Scholz & Volkmer Jägermeister...305

6 Inhaltsverzeichnis 9 2 Information Anforderungen Vorbildliche Beispiele sueddeutsche Hamburger Abendblatt die tageszeitung Die Zeit IBM Apple Einkaufen/Online-Shops Anforderungen Produktsuche Einbeziehung von Experten Rechtliche Rahmenbedingungen Grundregeln bei der Online-Bestellung Vorbildliche Beispiele Amazon Tchibo Unterhaltung Anforderungen Vorbildliche Beispiele Gute Zeiten, Schlechte Zeiten Heavy Reifen Wagner Gamekitchen E-Learning Anforderungen Vorbildliche Beispiele Wissen.de Stern g-o.de BarnesAndNoble.com What s Asthma Teil III Anwendungen im öffentlichen Raum Terminals Ein typisches Projekt Besonderheiten Die Projektphasen Konzeption und Gestaltung Grobkonzept Umfeld Nutzungsdauer Festlegung der Inhalte Medienwahl Der technische Rahmen Feinkonzept Dramaturgie Ablauf der Anwendung Umsetzung Auslieferung Beispiele Wirtschafts-Simulation: Geldpolitik Spiel: Den Allergien auf der Spur Teil IV Offline- Anwendungen CD/DVD Ein typisches Projekt Besonderheiten Die Projektphasen...368

7 10 Inhaltsverzeichnis 2 Konzeption und Gestaltung Grobkonzept Medienwahl Software Feinkonzept Inhalte aufbereiten Ablauf der Anwendung Umsetzung Beispiele Spiel: Bakterien identifizieren Spiel: Rezepte ausschreiben Teil V Anhang 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 Launch Providersuche Bekanntmachen der Site Wartung und Pflege Vertrieb von CDs/DVDs Wartung von Terminals Link- und Literaturtipps Konzeption Usability Kalkulation + Projektabwicklung Marketing Design E-Learning Links zu Spezialthemen Recht & Impressum Suchmaschinen Suchfunktion für die eigene Site Marktforschung Barrierefreie Websites Usability-Normen Software für Sitemaps und Mindmaps Software für Shops und Content Management Logfile-Analyse HTML XML Autorensysteme Software für Terminals Museen Offline Spiele Glossar Inhalt der CD-ROM Projektbeispiel Techcom Dokumentation Usability-Test Checklisten & Fragebögen Links Testversionen Vorlagen Index...415