Der Aufbau einer erfolgreichen Website

Transkript

1 Bremen, 24. Oktober 2013 Der Aufbau einer erfolgreichen Website Oliver Wächter Abraxas Medien, Bremen Berlin Otto-Gildemeister-Straße Bremen Bismarckstraße Berlin Design und Programmierung für intelligente Kommunikation

2 Website: App oder Website Apps bieten mehr Möglichkeiten für ausgefallene Features. Bei modernen Websites sind die Grenzen fließend. Eine erfolgreiche Website: erfolgreich = viele Klicks? viel Umsatz? Suchmaschine ganz vorn? viele Neukundenkontakte? Definieren Sie Ihre Zielgruppe und Ihre Ziele für die Website. Je quantifizierbarer, desto besser. Der Aufbau: Aufbau = Inhalte + Struktur, Design & technische Umsetzung Sammeln Sie Inhalte mit Blick auf Ziele und Zielgruppe. Strukturieren Sie die Inhalte.

3 Domain / URL Entscheiden Sie sich für die passenden Top-Level-Domain.de,.com,.eu,.info, google.de, google.es, google.com, Berücksichtigen Sie auch Schreibfehler Ggf. mit und ohne Bindestrich Suchen Sie kurze, aussprechbare, eindeutige Domains Verwenden Sie Ihre Domain auch für -Adressen Machen Sie Ihre URL bekannt. Aber achten Sie bitte auf die korrekte Schreibweise!

4 Inhalte Inhalte mit Prioritäten versehen (Perspektive der Zielgruppe!) Inhalte strukturieren (Anzahl der Navigationsebenen festlegen) welche Sprachen (jetzt, in Zukunft) Verweise auf Partner-, Tochterunternehmen [AGB/Zahlungsbedingungen] gesetzliche Pflichtangaben (Impressum, Datenschutz) Aktualisierung und Pflege der Inhalte? Wer ist zustängig? Wie häufig?

5 Design Gibt es Standards? horizontale/senkrechte Navigation (horizontal derzeit dominierend) Unternavigation Position des Logos Anzahl der Spalten Bildsprache / Bildformate Beispiel für ein typisches Layout

6 Features Dynamik Interaktion Video Downloads Geschlossene Bereiche für Kunden/Mitarbeiter Inhalte Inhalte mit Prioritäten versehen (Perspektive der Zielgruppe!) Inhalte strukturieren (Anzahl der Navigationsebenen festlegen) welche Sprachen (jetzt, in Zukunft) Verweise auf Partner-, Tochterunternehmen [AGB/Zahlungsbedingungen] gesetzliche Pflichtangaben (Impressum, Datenschutz)

7 Technik / Umsetzung / Programmierung Content Management Systeme Script Libraries, Toolsets Nutzen Sie bestehende Systeme bitte mit Verstand! Sicherheit (Betrieb der Website) Performance des Servers (Erreichbarkeit) Einbruch auf den Server Backup des Servers SSL für ecommerce und Datenübermittlung auch bei Online-Bewerbungsformularen! Responsive Design 40% der Videos auf Youtube werden auf mobilen Endgeräten angesehen! Wenn Sie eine Website (neu) planen berücksichtigen Sie unbedingt auch die Ansicht für mobile Endgeräte (Smartphones). Barrierefreiheit QR Codes QR Codes werden auf mobilen Geräten eingescannt! Achten Sie darauf, daß Sie QR Codes nur verwenden, wenn die Zielseite für mobile Geräte gut darstellbar ist.

8 Technik: QR Codes Wenn Sie mit QR Codes arbeiten, dann sollten Sie auf Ziele verlinken, die sich auf mobilen Endgeräten auch benutzen lassen. Es macht für den Besucher keinen Sinn, wenn man nur eine verkleinerte Version der Website sieht auf der man kaum etwas lesen oder navigieren kann.

9 Links Domains / URLs vbohz.de Schreibfehler Hotels in Sölden horizontale vs. vertikale Navigation (horizontal) (horizontal) (horizontal) (vertikal) Unternavigation rechts phtml?mnavid=1983.8&la=1 Interaktion de/karriere/young-professionals/index.html (dynamische Einblendungen & Videos) services/road_rail_freight/europa_verkehr (dynamische Einblendungen und Tool) Responsive Design