<p>Über die Autoren 9</p> <p><b>Einleitung</b> <b>21</b></p> <p>Über dieses Buch 21</p> <p>Konventionen in diesem Buch 22</p> <p>Was Sie nicht lesen müssen 22</p> <p>Törichte Annahmen über die Leser 22</p> <p>Wie dieses Buch aufgebaut ist 23</p> <p>Teil I: Vorüberlegungen: Strategie, Ideen und Planung 23</p> <p>Teil II: Konzept und Design 23</p> <p>Teil III: Umsetzung 24</p> <p>Teil IV: Der Launch und wie geht es danach weiter 24</p> <p>Teil V: Der Top-Ten-Teil 25</p> <p>Symbole, die in diesem Buch verwendet werden 25</p> <p>Wie es weitergeht 25</p> <p><b>Teil I Vorüberlegungen: Strategie, Ideen Und Planung</b> <b>27</b></p> <p><b>Kapitel 1 Das Ziel der Website definieren</b> <b>29</b></p> <p>Verschiedene Ziele von Websites 29</p> <p>Gesteckte Ziele ehrlich benennen 30</p> <p>Zwischen Ziel und Mittel zum Zweck unterscheiden 31</p> <p>Ziele richtig formulieren 31</p> <p>Ziele können sich verändern 32</p> <p><b>Kapitel 2 Zielgruppe auswählen</b> <b>33</b></p> <p>Mögliche Zielgruppeneigenschaften 33</p> <p>Fokus auf wichtigste Zielgruppen 34</p> <p>Mehrere Personengruppen auf Ihrer Website 34</p> <p>Personas erstellen 35</p> <p>Ihre bereits vorhandenen Kunden kennen 37</p> <p>Bedürfnisse Ihrer Zielgruppen 37</p> <p>Empathie entwickeln 39</p> <p><b>Kapitel 3 Ideen finden</b> <b>41</b></p> <p>Das Problem verstehen, nicht die Lösung erfragen 41</p> <p>Kreativitätstechniken einsetzen 43</p> <p>Brainstorming 44</p> <p>635-Methode 45</p> <p>Kopfstandmethode 46</p> <p>Ideen bewerten 47</p> <p>Ideenworkshops durchführen 48</p> <p>Ideen finden ohne Team 48</p> <p><b>Kapitel 4 Anforderungen notieren</b> <b>51</b></p> <p>Arten von Anforderungen 51</p> <p>Funktionale Anforderungen 52</p> <p>Nicht-funktionale Anforderungen 52</p> <p>Verschiedene Herangehensweisen an Projekte 53</p> <p>Klassische Herangehensweise 54</p> <p>Agile Herangehensweise 55</p> <p>Mischformen zwischen klassischer und agiler Anforderungserhebung 56</p> <p>Anforderungen gemeinsam erarbeiten 56</p> <p>Experten mit verschiedenen Erfahrungen einbinden 56</p> <p>Dienstleister einbeziehen 57</p> <p><b>Kapitel 5 Projektplanung</b> <b>59</b></p> <p>Budgetplanung 59</p> <p>Eigen- oder Fremdleistung 60</p> <p>Einmalige und laufende Kosten 60</p> <p>Umfang und Qualität der Leistungen 61</p> <p>Qualität und Stundensätze eines externen Anbieters 62</p> <p>Änderungswünsche während des Projektverlaufs 63</p> <p>Zeitplanung 64</p> <p>Meilensteine definieren 64</p> <p>Planung der notwendigen Projektschritte 64</p> <p>Livegang in mehreren Schritten 65</p> <p>Flexibel planen und transparent sein 66</p> <p>Ressourcenplanung 67</p> <p>Projektrollen und Kompetenzen 68</p> <p>Software, Tools und Schnittstellen 70</p> <p>Ressourcen nach dem Livegang 70</p> <p>Wichtige Entscheidungen zu Projektbeginn 71</p> <p>Auswahl einer Domain 71</p> <p>Erwartete Lasten 72</p> <p>Suchmaschinenoptimierung 73</p> <p>Datenschutz 73</p> <p><b>Teil II Konzept Und Design</b> <b>75</b></p> <p><b>Kapitel 6 Nutzerzentrierte Erstellung des Konzepts 77</b></p> <p>Was ist User Experience? 77</p> <p>Nutzerzentriertes Design 79</p> <p>Eine kleine Begriffsbestimmung 79</p> <p>Grundidee: Visualisieren, Testen, Überarbeiten 80</p> <p>Scribbles 82</p> <p>Darstellung von Seitenaufteilungen 83</p> <p>Darstellung von mobilen Websites 84</p> <p>Darstellung von Abläufen 85</p> <p>Wireframes und Mockups 86</p> <p>Wireframes für die Seitenaufteilung 86</p> <p>Mockups für das Seitendesign 89</p> <p>Prototypen 91</p> <p>Low-fidelity-Prototypen 91</p> <p>High-fidelity-Prototypen 91</p> <p>Formen der Visualisierung auf einen Blick 92</p> <p>Navigationsbaum 92</p> <p>Typischer Website-Aufbau 93</p> <p>Header 94</p> <p>Navigation 95</p> <p>Inhaltsbereich 96</p> <p>Footer 97</p> <p>Typischer Website-Aufbau als Schema 98</p> <p><b>Kapitel 7 Testen im Verlauf des gesamten Prozesses</b> <b>99</b></p> <p>Nutzerfokus in allen Projektphasen 99</p> <p>Iteratives Vorgehen 101</p> <p>Methoden für die Sammlung von Ideen und Anforderungen 101</p> <p>Beobachtungen 102</p> <p>Befragungen 104</p> <p>Sekundärforschung 106</p> <p>Methoden für das Testing während der Konzept- und Designphase 107</p> <p>Usability-Tests 107</p> <p>Card-Sorting 112</p> <p>Design-Thinking-Workshop 115</p> <p>Testing kurz vor bis kurz nach der Fertigstellung 116</p> <p>Remote-Usability-Tests 117</p> <p>A/B-Tests 119</p> <p>Befragungen auf der Website 119</p> <p>Start mit Webtracking 120</p> <p><b>Teil III Die Umsetzung</b> <b>121</b></p> <p><b>Kapitel 8 Technische Umsetzung 123</b></p> <p>Exkurs: Was bei einem Website-Aufruf passiert 124</p> <p>Protokolle für den Informationsaustausch zwischen Client und Webserver 125</p> <p>Die wichtigsten Schlüsseltechnologien 128</p> <p>Technische Vorgehensweisen zur Erstellung einer Homepage 133</p> <p>Homepage-Baukästen 135</p> <p>Eigenprogrammierung mit HTML, CSS und JavaScript 135</p> <p>Eigenprogrammierung mit HTML, CSS und JavaScript mit Unterstützung von PHP 139</p> <p>Einsatz von Content-Management-Systemen 139</p> <p>Progressive Web Apps (PWA) 150</p> <p>Static-Site-Generator 151</p> <p>Von der Programmierung zur Liveseite 152</p> <p>Die Website auf den Webserver aufspielen (deployen) 152</p> <p>Deployment in komplexen Softwareprojekten 153</p> <p>Zusammenarbeit mit einer Agentur 156</p> <p><b>Kapitel 9 Formen der Zusammenarbeit 159</b></p> <p>Klassische Produktentwicklung 159</p> <p>Agile Produktentwicklung 160</p> <p>Scrum 163</p> <p>Kanban 165</p> <p>Mehr Pro als Contra 166</p> <p><b>Kapitel 10 Domain-Registrierung und Hosting</b> <b>167</b></p> <p>Registrierung der Domain 167</p> <p>Das richtige Hosting wählen 168</p> <p>Standardangebot bei Massenhostern 169</p> <p>Individualisierte Lösungen bei Spezialhostern 169</p> <p>Cloud Hoster für mehr Flexibilität 169</p> <p>Das geeignete Hosting-Paket wählen 170</p> <p>Worauf Sie bei der Auswahl des richtigen Hosters achten sollten 171</p> <p>Domainumzug durchführen 175</p> <p><b>Kapitel 11 Erfolgreiche Einbindung von Content in die Website</b> <b>177</b></p> <p>Das Content-Konzept 177</p> <p>Teilnehmerkreis eines Content-Workshops 179</p> <p>Content-Workshop – möglicher Ablauf 180</p> <p>Content vor Design 181</p> <p>Unique Content – Mehrwert für den Nutzer 182</p> <p>Lesegewohnheiten im Web 182</p> <p>Was beim Skimming ins Auge sticht 183</p> <p>Was beim Scanning auffällt 183</p> <p>Was zum Lesen (Reading) anregt 184</p> <p>Texte fürs Web schreiben – darauf kommt es an 184</p> <p>Texte auf Anhieb verstehen 184</p> <p>Texte müssen informieren und begeistern 185</p> <p>Das richtige Maß an Informationen finden 187</p> <p>Texte sinnvoll strukturieren und passende Textelemente nutzen 188</p> <p>W-Formel gegen Schreibblockade 191</p> <p>Werben und Dranbleiben mit AIDA 192</p> <p>10 Kriterien für einen guten Werbetext 192</p> <p>Tonalität – der Ton macht die Musik 193</p> <p>Bilder und Grafiken 193</p> <p>Infografiken 194</p> <p>Fotos 194</p> <p>Illustrationen 195</p> <p>Karten 195</p> <p>Icons 195</p> <p>Die passende Bildsprache finden 196</p> <p>Die richtigen Bildformate verwenden 199</p> <p>Integration von Multimedia 200</p> <p>Einsatz von Videos auf der Website 201</p> <p>Social-Media-Kanäle auf der Website einbinden 205</p> <p>Like- und Share-Buttons – Vorsicht Datenschutz! 205</p> <p><b>Kapitel 12 Optimierung für verschiedene Endgeräte</b> <b>207</b></p> <p>Verschiedene Ansätze für die mobile Optimierung 208</p> <p>Verschiedene Versionen für Desktop und mobil 208</p> <p>Responsive Webdesign 209</p> <p>Mobile first 210</p> <p>Unterschiedliche Möglichkeiten und Beschränkungen der Endgeräte 211</p> <p>Nutzungskontext mitdenken 211</p> <p>Umgang mit Beschränkungen 211</p> <p>Möglichkeiten mobiler Geräte nutzen 212</p> <p>Häufige Probleme bei der Optimierung für verschiedene Endgeräte 213</p> <p>Test der mobilen Optimierung 214</p> <p><b>Kapitel 13 Optimierung für die Suchmaschine 217</b></p> <p>So funktionieren Suchmaschinen 217</p> <p>Ziel von SEO-Maßnahmen 218</p> <p>Optimierung des Contents 220</p> <p>Hochwertiger Content 220</p> <p>Eine gute URL-Struktur 221</p> <p>Gute Title-Tags 222</p> <p>Meta Descriptions nutzen 222</p> <p>Weitere Meta-Tags für Google 222</p> <p>Mikroformate nutzen 223</p> <p>Bilder optimieren 224</p> <p>Optimierung für ein besseres Nutzerverhalten 225</p> <p>Kurze Ladezeiten 225</p> <p>Website verschlüsseln 226</p> <p>Für Darstellung auf mobilen Endgeräten optimieren 226</p> <p>Keine 404-Fehler 227</p> <p>Off-Page SEO: Optimierungen außerhalb der Website 227</p> <p>Sitemap bei Google einreichen 227</p> <p>Gute Verlinkungen zur Website aufbauen 228</p> <p>Tools zur Überprüfung der SEO-Maßnahmen 229</p> <p>Wenn Seiten nicht gecrawlt oder indiziert werden sollen 231</p> <p><b>Kapitel 14 Erfolgsmessung</b> <b>233</b></p> <p>Die wichtigsten Kennzahlen 233</p> <p>Detektivarbeit, um die Kennzahlen zu verstehen 235</p> <p>Segmente bilden 236</p> <p>Entwicklungen im zeitlichen Verlauf 236</p> <p>Customer Journey 237</p> <p>Auswahl eines Webtracking-Tools 238</p> <p>Implementierung von Tracking-Code 240</p> <p>Messungenauigkeiten 242</p> <p>Weitere Möglichkeiten für die Erfolgsmessung 242</p> <p><b>Kapitel 15 Schutz der Website gegen Hacker-Angriffe und Viren</b> <b>245</b></p> <p>Angriffe auf die Infrastruktur 246</p> <p>Angriffe auf die Anwendung 247</p> <p>Einschleusen von Schadcode 247</p> <p>SQL-Injections 248</p> <p>Angriffe auf den Nutzer 248</p> <p>Phishing von Nutzerdaten 249</p> <p>Cross Site Scripting 249</p> <p>Sicherheitsstandards als Grundvoraussetzung 249</p> <p>HTTPS, SSL-Verschlüsselung und Zertifikate 249</p> <p>Regelmäßige Updates 250</p> <p>Passwortsicherheit beachten 250</p> <p>E-Mail-Konto schützen 250</p> <p>Captcha einbinden 250</p> <p>Zwei-Faktor-Authentifizierung 251</p> <p>Virenscans beim Hosting-Anbieter 251</p> <p>Tipps und Tricks 251</p> <p>Das Log-in zum Backend verstecken 251</p> <p>Security-Checks und Security-Audits nutzen 251</p> <p>Schritte nach einem Hack 252</p> <p><b>Kapitel 16 Barrierefreiheit</b> <b>253</b></p> <p>Zielgruppen für barrierefreie Websites 253</p> <p>Allgemeine Prinzipien für barrierefreie Websites 255</p> <p>Assistive Technologien – das können sie leisten 256</p> <p>Offizielle Richtlinien – kurz erklärt 256</p> <p>Bewusstsein entwickeln und Barrierefreiheit testen 257</p> <p>Barrierefreiheit selbst testen 257</p> <p>Barrierefreiheit professionell prüfen lassen 259</p> <p>2-Phasen-Modell – Expertenwissen plus authentisches Testen 259</p> <p>Leichte Sprache oder Einfache Sprache 260</p> <p><b>Teil IV Der Launch Und Wie Geht Es Danach Weiter</b> <b>261</b></p> <p><b>Kapitel 17 Testen der Website</b> <b>263</b></p> <p>Cross Browser Testing 264</p> <p>Funktionales Testen 266</p> <p>Crowd Testing 266</p> <p>Security Testing 267</p> <p>Performance Tests 268</p> <p>Lasttests 268</p> <p>Sonstige Tests 269</p> <p>Qualitätssicherung als Teil der Website-Entwicklung 270</p> <p><b>Kapitel 18 Das richtige Timing beim Livegang 271</b></p> <p>Launch in mehreren Schritten 271</p> <p>Mailing zur Ankündigung der Website 273</p> <p>Pressekonferenz 274</p> <p>SEO-Maßnahmen kurz nach dem Launch 274</p> <p>Hosting-Maßnahmen zum Launch 276</p> <p>Domain auf einen neuen Server schwenken 276</p> <p>Formulare, E-Mails und Anmeldungen prüfen 276</p> <p>Datenbankverbindung prüfen 277</p> <p>Backups testen 277</p> <p>SSL-Zertifikat Reminder 277</p> <p><b>Kapitel 19 Begleitende Erfolgsmaßnahmen</b> <b>279</b></p> <p>Bekanntheit steigern und Besucher akquirieren 279</p> <p>Suchmaschinenmarketing 280</p> <p>Display Marketing 283</p> <p>Social-Media-Marketing 285</p> <p>Content Marketing 286</p> <p>E-Mail-Marketing 287</p> <p>PR-Maßnahmen 288</p> <p>Kombination verschiedener Kanäle 289</p> <p>Datenschutz und rechtliche Anforderungen 290</p> <p>Datenschutz 290</p> <p>Weitere rechtliche Erfordernisse 293</p> <p>Spezielle rechtliche Vorgaben für Onlineshops 295</p> <p>Website-Monitoring 296</p> <p><b>Teil V Der Top-Ten-Teil</b> <b>299</b></p> <p><b>Kapitel 20 Zehn Kompetenzen, die Sie für eine erfolgreiche Website benötigen</b> <b>301</b></p> <p>Strategisches Denken 301</p> <p>Empathie für Ihre Zielgruppen 302</p> <p>Mut und Kreativität 303</p> <p>Planungskompetenzen 303</p> <p>UX-Design 304</p> <p>Technisches Verständnis 304</p> <p>Online-Marketing-Know-how 305</p> <p>Ein Händchen für gute Texte und Bilder 306</p> <p>Analytisches Denken 306</p> <p>Rechtliches Wissen 307</p> <p><b>Kapitel 21 Zehn Wege, um Ihre Website dauerhaft erfolgreich zu halten</b> <b>309</b></p> <p>Nutzerzentriert kontinuierlich weiter optimieren 310</p> <p>Ihre Customer Journey kennen 310</p> <p>Trends für sich prüfen 312</p> <p>Aktualisierungen des Contents 313</p> <p>Kontinuierliche Erhöhung der Sichtbarkeit 313</p> <p>Ihre Mitarbeiter (oder Mitstreiter) einbeziehen 314</p> <p>Wettbewerb im Blick behalten 315</p> <p>Kontinuierliches Monitoring 316</p> <p>Systeme updaten und patchen 317</p> <p>Regelmäßige Backups 318</p> <p><b>Kapitel 22 Zehn typische Stolperfallen bei der Website-Erstellung</b> <b>321</b></p> <p>Zeit und Geld zu knapp planen 321</p> <p>Alles allein machen wollen 323</p> <p>Zu schnell in die Umsetzung gehen 324</p> <p>Glauben zu wissen, was die Zielgruppe braucht 324</p> <p>Auf Analytics verzichten 325</p> <p>Die Website überfrachten und keinen Fokus setzen 326</p> <p>Rechtliche Themen unterschätzen 326</p> <p>Nicht genug in die Sicherheit der Website investieren 327</p> <p>Pflegeaufwand nach dem Livegang nicht berücksichtigen 328</p> <p>Glauben, der Traffic kommt von allein 329</p> <p>Stichwortverzeichnis 331</p>