Auf Kundenseite wird der Aufwand für die Erstellung einer Website oft unterschätzt. Folgende Liste – aus Sicht des Kunden und deshalb in der W-Frageform – bietet einen Überblick über die
Arbeitsschritte bei der Websiteerstellung.
Hinweis: Diese Liste ist weniger spezifisch als allgemein und erhebt keinen Anspruch auf Vollständigkeit. Die einzelnen Schritte können in anderer Reihenfolge ausgeführt werden,
sofern sie technisch und bezüglich des Arbeitsablaufs, sinnvoll sind.
– Welcher Name wird meine Domain haben?
– Welche Keywords muss ich bei der Suche des Domainnamens
berücksichtigen?
– Werden diese Keywords zugleich Domainnamen sein oder Teil davon?
(Suchmaschinen)
– Welche Materialien werden benötigt (Texte, Fotos, Lizenzen und
Nutzungsrecht, Bildbearbeitung etc.)
– Wer ist meine Hauptzielgruppe? Welche andere Gruppen will ich erreichen?
– Was muss ich bei diesen Gruppen beachten, z.B. das Thema:
Benutzerfreundlichkeit im Hinblick auf leseschwache bzw. sehbehinderte
Websitenutzer
– Welche Vorgaben sind hier einzuhalten (Barrierefreiheit, Textbrowser)?
– Wofür ist meine Website da: als Informationskanal, Absatzmedium oder als
Handelsplattform?
– Ist die Nutzung meiner Website auch nach innen gerichtet, d.h. werden
gewisse interne Arbeitsprozesse auch in die Website integriert?
– Wie passe ich das Erscheinungsbild meiner Website den Vorlieben meines
Klientels an? Es geht hier um Farben, Schrift unter Berücksichtigung des
eigenen Corporate Designs (falls vorhanden)
– Bleibe ich im Rahmen der gesetzlichen Vorgaben?
(Wer ist verantwortlich für die Website? Steuernummer im Impressum
für Unternehmer)
– Wenn das Projekt beendet ist, muss die Website gewartet werden.
– Wie häufig müssen die Inhalte ausgetauscht werden?
Werden sie über ein CMS-System oder in der HTML-Seite selbst geändert?
– Und von wem? Welcher Mitarbeiter ist dafür vorgesehen?
– Ist der Support des Webdesigners nach dem Projektende gewährleistet?
– Wieviel "Traffic" (engl. "Besucherstrom") erwarte ich?
– Welche Maßnahmen sind zu ergreifen, damit genug "Traffic" auf meine
Website kommt?
– Wird meine Website dementsprechend eingerichtet?
– Für welche technische Umsetzung ich mich entscheide, hängt von den
Anforderungen meiner Website ab.
– Auch hängt es davon ab, welche Kosten entstehen
(Preis-Leistungsverhältnis)
– Zum Einsatz kommen HTML, Java Script, AJAX, PHP, MySQL-Datenbank,
CMS, Flash (Animationen), Video-Audio
– Wo miete ich den Platz für meine Domain (Webhosting / Provider)?
– Erstellen einer Sitemap (Liste aller Seiten)
– Erstellen eines Navigationsbaums mit Verschachtelungen in alle Ebenen
– Festlegen der Datenbank- und Funktionsstrukturen:
Welche Seiten greifen auf die Datenbank zu?
– Design: Aufteilung in übergeordnetem Layout und Layout für Unterseiten
– Wie oft erfolgt hier der Wechsel? Und in welchen Ebenen?
Gibt es ein Wechsel der Farbe/Schrift?
– Ist die Navigationsstruktur schlüssig und verständlich?
– Welche unterschiedlichen Buttons gibt es und wie heißen sie?
– Für welche Bildschirmauflösung soll das Layout optimiert werden?
– Ist das Layout nach links oder nach rechts ausgerichtet?
Steht es zentriert in der Mitte etwa?
– Sind die Breite und Höhe fest oder sind sie flüssig, d.h. passen sie
sich der Browser-Fenstergröße an?
– Welche Schriften kommen zum Einsatz?
– Für welche Bereiche sind Tabellen sinnvoll?
– Liste der Verlinkungen von allen Seiten
– Anfertigen der ersten Layoutskizzen
– Umsetzung der Entwürfe in einem Grafikprogramm
(Photoshop, Illustrator und Fireworks)
– Erstellung des ersten Mock ups (engl. "Attrappe"), des Vorführmodells
– Einreichung beim Kunden zur Abstimmung
– Erste Korrekturen und Redesign
– Ordnung muss immer sein, erst recht bei einem komplexen Vorhaben
wie ein Webprojekt
– Deswegen muss als erstes die Ordnerstruktur klar gegliedert und angelegt
werden.
– Erstellen von Platzhaltern: nicht immer sind alle Texte und Fotos in der
letzten Fassung vorhanden
– Einscannen von analogem Bildmaterial
– Das Layout wird in einzelne Segmente zerschnitten ("slices"), diese
Segmente werden fürs Web optimiert und einzeln exportiert
(Formate: GIF, PNG, JPG)
– falls nicht vorhanden: Nachbau von Grafiken (Lageplan) und Logos
– Erstellen von Templates (Vorlage für Seiten)
– Erstellen Struktur der CSS-Datei
• Welche Formatvorlage gilt für alle Seiten?
• Welche nur für bestimmte Seiten?
• Wie viele CSS-Dateien werden benötigt (Layout, Position, Print)
• Welche Templates greifen auf welche CSS-Datei zu?
– Einbinden der Bilder (entweder über die Funktion "Einfügen" oder als
Hintergrundbilder per CSS)
– Einfließen lassen der Texte
– Festlegen des Title-Tags und der Meta-Tags (Suchmaschinen)
– Formatierung der verschiedenen Schriftblöcke (Suchmaschinen)
• Überschrift 1
• Copytext
• Hervorhebung
• Links intern (relativ) / extern (global)
– Formatierung der Listen
– Einfügen von E-Mail-Links, setzen von Links zu sozialen Netzwerken wie
Facebook oder Twitter, Einfügen des Codes für Google Analytics
– Abstimmung des Copytexts mit den relevanten Suchbegriffen (Keywords)
und evtl. Nacharbeiten
– Testen der Funktionalität einer “normalen”, d.h. auf einem Template
basierenden Datei, in allen gängigen Browsern
(Firefox, Safari, Opera, IE usw.)
– Nacharbeiten der Funktionalität
– Erstellen Sitemap und Verlinkung
(für komplexe Websites mit sehr vielen Seiten)
– Einrichten einer Serverumgebung (z.B. MAMP, steht für Macintosh, Apache,
MySQL und PHP) auf dem lokalen Rechner
– Einrichten von MySQL
– Erstellen der Datenbanken
– Erstellen von Scripts, Einbinden in Templates und Testen in lokalem Server
– Kurz vor Schluss noch mal eine Checkliste durchgehen:
• Sind die Seiten richtig betitelt (Relevanz zum Thema der Seite)?
• Sind die Meta-Tags komplett?
• Ist der Fav-Icon eingebunden?
• Ist der robots.txt-Datei vorhanden? (Suchmaschinen)
– folgende Funktionen übernimmt ein HTML-Editor (z.B. Dreamweaver)
automatisch:
• Feststellung von gebrochenens Links und verwaisten Bildern
– Testen in verschiedenen Browsern (s.o.)
– Wie ist die "Performance" im Hinblick auf Aufbaugeschwindigkeit der Seiten?
– Funktioniert alles in der lokalen Umgebung, werden:
• das CMS auf dem Server des Providers installiert, konfiguriert und um die
benötigten Module ergänzt
• evtl. werden die alten Daten gelöscht bzw. überschrieben
• nach dem Hochladen wird der Zugriff auf bestimmte Ordner eingeschränkt
(Thema Sicherheit)
• Eintragen in Suchmaschinen
• Einweisung des Kunden in den Administratoren-Bereich für zukünftige
Pflegearbeiten
• Auswertung der Logfiles um die Funktionalität zu kontrollieren