Die Abrechnung aller Aspekte einer neuen Website ist nicht einfach, besonders in letzter Minute.
Die Probleme sind nicht die Details selbst, sondern der Prozess, der dafür sorgt, dass scheinbar unbedeutende Details nicht zu schlampiger Arbeit führen.
Die beste Lösung ist es, alles aufzuschreiben .
Die schlechteste Lösung ist, eine Checkliste vor dem Start nicht so ernst zu nehmen wie die Planungsphase selbst.
Mit den Hunderten von Details, die beim Aufbau oder der Neugestaltung einer Website zum Einsatz kommen, ist es einfach, kleine Punkte zu übersehen, insbesondere, wenn sich Termine ergeben oder vergehen. Aber fehlende Details beeinträchtigen die Qualität einer Website.
Nennen Sie es Qualitätskontrolle oder Abdeckung Ihres Hinterns, aber jedes Projekt hat bestimmte Aufgaben, die erfüllt werden müssen, bevor es gestartet wird. Entscheiden Sie, was "gut genug" ist, sollten Sie nicht in letzter Minute überlegen.
Eine Checkliste vor dem Start beinhaltet einen systematischen Ansatz, um sicherzustellen, dass wichtige Details vor dem Start oder dem Relaunch einer Website behandelt werden .
Die meisten Elemente in der Liste werden allen Websites gemeinsam zugewiesen, einschließlich der Registrierung eines Domänennamens und dem Entfernen von Dummy-Inhalten. Nach der gleichen Liste erstellt eine Routine, die hoffentlich mit jedem Projekt verbessert werden kann.
Durch die Einhaltung einer festen Liste sind sowohl der Designer als auch der Kunde sicher, dass nichts Lebendiges als getan angesehen wird, sondern wirklich vergessen wird.
Wenn nichts anderes, Pre-Launch-Listen sind detaillierte Versionen der Frage: "Ich denke, wir sind fast fertig. Was müssen wir noch tun? "
Hier ist ein Szenario. Ein Designer ist bereit, eine Website zu starten. Der Client wartet darauf, dass er live geschaltet wird. Die Deadline ist in 30 Minuten. Versteckt sich hinter der "Domain hat sich nicht verbreitet" Entschuldigung wird nicht ewig dauern, so eilt der Designer seine Checkliste. Er scheint sich daran zu erinnern, diese Dinge letzte Woche getan zu haben ... bis der Klient etwas anderes entdeckt.
Rechenschaftspflicht ist weder ein Fingerzeigen noch ein gedankenloses Abhaken von Gegenständen, sondern eine bewusste Behauptung. Sich die Zeit zu nehmen, zu überprüfen und zu überprüfen, dass eine Aufgabe erledigt wurde, kann genauso wichtig sein wie die Aufgabe von vornherein.
Eine Pre-Launch-Liste in Industriequalität kann mehr als nur an kritische Details erinnern. Es hält Menschen verantwortlich. Es bedeutet nicht nur, dass eine Aufgabe erledigt wurde; es sagt Ihnen, wer es abgeschlossen hat und an welchem Datum.
Aus diesem Grund sind einfache Häkchen für ernsthafte Pre-Launch-Listen zu einfach. Jeder Artikel sollte vier Felder haben:
Die Aufgabe beschreibt, was zu tun ist, wie "Rechtschreibprüfung ausführen", "Administratorkennwort randomisieren" oder "Die URL bei Google registrieren". Die Initialen und das Datum erzwingen die Verantwortlichkeit.
Aber nicht jede Aufgabe ist entweder vollständig oder unvollständig. Eine informative 404-Fehlerseite zu erstellen, ist eine Sache. Hinzufügen hilfreicher Links dazu ist ein anderer. Das Feld "Kommentare" bietet Platz für eine Person zu sagen, dass ein Element fertig ist, aber verbessert werden könnte.
Setzen Sie Ihre Initialen neben eine Aufgabe, die für den Start geeignet ist, auch wenn sie später verbessert werden könnte.
Es kommt zu einem Punkt, an dem Termine, Budgets oder andere Faktoren ein Team zwingen, eine Website als "gut genug" zu deklarieren.
Aber wenn die Qualität der Website gemessen werden kann, könnte es die Summe der Detailgenauigkeit und des Ausmaßes sein, in dem die Aufgaben ausgeführt wurden.
Der Wert eines einzelnen Elements in einer Checkliste vor dem Start variiert. Je näher der Termin ist, desto trivialer erscheint es, vor allem, weil kein einzelner Punkt entscheidend für den Erfolg oder Misserfolg des Projekts ist.
Details sind wie Dollars: Wenn ein Favicon einen Groschen wert ist, wen interessiert es dann, es fallen zu lassen, wenn man $ 20 in die Hand nimmt?
Kurz vor einem Abgabetermin drängen unvollendete Aufgaben auf Aufmerksamkeit. Das obige Diagramm veranschaulicht, wie die wahre Bedeutung einer Aufgabe offensichtlich wird: Die Zeit drückt weniger wichtige Elemente aus.
Zum Beispiel scheint zunächst validiertes HTML wichtig zu sein, aber wie sieht es mit der Behebung von Datenbankfehlern in letzter Minute aus? Sobald eine Aufgabe zum Stichtag als "weniger wichtig" eingestuft wurde, bleibt sie in der Regel so.
Die Gefahr, keine Qualitätskontrolle zu haben, besteht darin, jedes Detail als unwichtig zu bezeichnen. Es stimmt, ein Detail unter vielen ist keine Sorge. Aber darum geht es nicht. Der Punkt ist der Prozess der Überprüfung von Details , nicht von Kleinigkeiten , die wichtig sind.
Herauszufinden, was "gut genug" ist, bedeutet nicht, die genaue Anzahl der Dinge zu bestimmen, auf die Sie verzichten können, sondern vielmehr zu verstehen, wie viel Sie geopfert haben, um die Website zu starten. Wie viel bist du bereit zu opfern? Welche Details sind nicht wichtig? Was ist gut genug?
Genauso wie Sicherheitsinspektionen keine Häuser bauen, führen Checklisten vor dem Start keine Websites aus. Je stringenter sie implementiert werden, desto besser ist das Ergebnis.
Die unten aufgeführten Punkte wurden aufgrund ihrer Wichtigkeit und Leichtigkeit der Fertigstellung ausgewählt. Wie gut sie durchgeführt werden, wird, wenn überhaupt, widerspiegeln, wie ernst das Projekt ist.
Wir haben unten ein Beispiel bereitgestellt, aber die beste Checkliste vor dem Start ist eine, die Sie selbst erstellt haben.
Die obige Zeitleiste ist eine Verallgemeinerung. Es deckt die Grundlagen ab, aber nicht jedes Team wird diesem Prozess folgen.
Somit hätten Sie fünf verschiedene Listen für ein einzelnes Projekt:
Die Checklisten vor dem Start stellen Genauigkeit und Verantwortlichkeit sicher, indem sie Namen und Daten verlangen , nicht nur Häkchen.
Daten zeigen auch an, welche Elemente erneut überprüft werden müssen, wenn Änderungen vorgenommen wurden. Dies sollte die Zuversicht vermitteln, dass nichts übersehen wurde.
Die Elemente in jeder Liste können in beliebiger Reihenfolge ausgefüllt werden, aber die Listen selbst sind chronologisch organisiert: vor, unmittelbar nach und lange nach dem Start. Nicht jeder Gegenstand mag angemessen sein.
Zum Beispiel benötigt eine Website möglicherweise keine Datenbank oder Analysen. Der Designer ist verantwortlich für die Entscheidung, welche Elemente für das Projekt relevant sind.
Anmerkungen | Aufgabe | Vervollständigt von | Datum | Bemerkungen |
---|---|---|---|---|
Verschieben Sie keine offensichtlichen Aufgaben wie Einrichten des Domain-Namens und des Hosting-Pakets bis zur letzten Minute. | Kaufen Sie die Domain-Namen. | _____ | _____ | _____ |
Richten Sie das Hosting ein. | _____ | _____ | _____ | |
Redirect sitename.com zu www.sitename.com (oder umgekehrt) für SEO | _____ | _____ | _____ | |
Erstellen Sie die erforderliche (n) E-Mail-Adresse (n). | _____ | _____ | _____ | |
Richten Sie die Datenbank ein. | _____ | _____ | _____ | |
Richten Sie eine Testumgebung ein. | _____ | _____ | _____ |
Anmerkungen | Aufgabe | Vervollständigt von | Datum | Bemerkungen |
---|---|---|---|---|
Überprüfen Sie die Startseite, die Kontaktseite und alle Seiten mit verschiedenen Vorlagen. Aktualisieren Sie Browser und Versionen nach Bedarf. Das Überprüfen jedes Browsers auf jeder Plattform ist eine separate Aufgabe, da nicht jeder Browser für die Zielgruppe repräsentativ sein kann. Suchen Sie nach Rendering-Fehlern in verschiedenen Browser-Layout-Engines. | Gecko Browser: Firefox 3.x für Mac | _____ | _____ | _____ |
Gecko Browser: Firefox 3.x für Windows | _____ | _____ | _____ | |
Internet Explorer 7 | _____ | _____ | _____ | |
Internet Explorer 8 | _____ | _____ | _____ | |
Webkit: Chrome für Mac | _____ | _____ | _____ | |
Webkit: Chrome für Windows | _____ | _____ | _____ | |
Webkit: Safari für Mac | _____ | _____ | _____ | |
Webkit: iPhone | _____ | _____ | _____ | |
Presto: Opera für Windows | _____ | _____ | _____ | |
Das Aussehen einer Website wird von der Größe des Monitors beeinflusst, auf dem sie angezeigt wird. Selbst wenn das Layout einer Website eine feste Breite hat, sagen wir 960 Pixel, kann es bei verschiedenen Auflösungen sehr unterschiedlich aussehen. Testen Sie die Website mit diesen verschiedenen Auflösungen. | 800 × 600 | _____ | _____ | _____ |
1024 × 788 | _____ | _____ | _____ | |
1280 × 1024 | _____ | _____ | _____ | |
1920 × 1200 | _____ | _____ | _____ | |
320 × 480 (für mobile Geräte) | _____ | _____ | _____ | |
Das Ausblenden von Fotos, Grafiken, Hintergründen und Stilen zeigt, wie Suchmaschinen und Bildschirmleser Ihre Website sehen. Um zu sehen, wie nützlich die Website ist (oder nicht), benennen Sie das Bilderverzeichnis und die CSS-Datei um. | Testen Sie die Benutzerfreundlichkeit ohne CSS oder Bilder | _____ | _____ | _____ |
Bevorzugte Symbole oder "Favicons" werden neben den URLs in den meisten Browserfenstern und Lesezeichen angezeigt. Obwohl einige Browser PNG-Dateien akzeptieren, benötigen andere ICO-Grafiken. Besuch Punk-Labs ConvertIcon-Service oder DynamicDrive's FavIcon Generator um sie zu erstellen. | Erstelle ein Favicon. | _____ | _____ | _____ |
Nehmen Sie nicht automatisch an, dass der Inhalt Ihrer Website einzigartig ist. Vergewissern Sie sich, dass der Name und die Unterscheidungssätze nicht bereits am Patent- und Markenamt der Vereinigten Staaten . | Überprüfen Sie auf Markenverletzungen. | _____ | _____ | _____ |
Fügen Sie dem Footer oder der "About" -Seite eine Copyright-Erklärung hinzu. | _____ | _____ | _____ | |
Rechtschreibprüfung aller Inhalte | _____ | _____ | _____ |
Anmerkungen | Aufgabe | Vervollständigt von | Datum | Bemerkungen |
---|---|---|---|---|
Eine hilfreiche 404-Seite sagt den Leuten, dass sie eine ungültige URL eingegeben haben und alternative Links anbieten. Es kann ein Suchwerkzeug enthalten, das ihnen hilft, das zu finden, wonach sie suchen, und es könnte den Inhaber der Website automatisch darüber informieren, dass jemand auf ein Problem gestoßen ist. Bei Bedarf verwenden Das benutzerdefinierte 404-Such-Widget von Google . | Erstellen Sie eine hilfreiche 404-Seite. | _____ | _____ | _____ |
Stellen Sie sicher, dass das Kontaktformular funktioniert und dass die Domain nicht auf die schwarze Liste gesetzt wurde. | Senden Sie eine Testnachricht über das Formular der Kontaktseite. | _____ | _____ | _____ |
Der Zweck der Website kann für die Personen offensichtlich sein, die an der Erstellung der Website beteiligt waren. Gehen Sie nicht davon aus, dass es für Neuankömmlinge offensichtlich ist. | Stellen Sie sicher, dass auf der Startseite (sowohl im Inhalt als auch in der Mission oder im Slogan) klar angegeben ist, welche Ziele die Website verfolgt und welche Besucher erwartet werden. | _____ | _____ | _____ |
Anmerkungen | Aufgabe | Vervollständigt von | Datum | Bemerkungen |
---|---|---|---|---|
E-Mail ist großartig, wenn es funktioniert und mies, wenn es nicht funktioniert. Stellen Sie sicher, dass Nachrichten zugestellt werden. | Senden Sie eine Testnachricht an die E-Mail-Adresse (n), die der Domäne zugeordnet sind. | _____ | _____ | _____ |
Antwort auf die Testnachricht Stellen Sie sicher, dass es empfangen wird. | _____ | _____ | _____ | |
Wenn Sie nicht möchten, dass Suchmaschinen bestimmte Verzeichnisse indizieren, z. B. CMS, cgi-bin oder Nur-Mitglieder-Abschnitte, fügen Sie sie der robots.txt- Datei hinzu. Besuch Webroboter oder lesen Sie wie Google respektiert robots.txt . | Erstellen Sie eine robots.txt- Datei. | _____ | _____ | _____ |
Anmerkungen | Aufgabe | Vervollständigt von | Datum | Bemerkungen |
---|---|---|---|---|
Stellen Sie sicher, dass Ihre Website keine ungültigen oder ungültigen Links enthält W3C Verbindungsprüfer . | Überprüfen Sie alle Links. | _____ | _____ | _____ |
Suchen Sie nach HTML-Fehlern Das kann in verschiedenen Browsern zu Schluckauf führen. | Validiere den HTML-Code. | _____ | _____ | _____ |
Suchen Sie nach allen gelöschten Text- und Testdaten und entfernen Sie sie. | _____ | _____ | _____ | |
Rechtschreibprüfung erneut. | _____ | _____ | _____ | |
Stellen Sie sicher, dass jede Seite einen eindeutigen Zweck hat. | _____ | _____ | _____ | |
Gib jeder Seite einen passenden HTML-Titel und eine Meta-Beschreibung. | _____ | _____ | _____ | |
Hinzufügen alt Attribute für alle Bilder. | _____ | _____ | _____ | |
Machen Sie das CMS-Passwort schwer zu erraten. | _____ | _____ | _____ |
Anmerkungen | Aufgabe | Vervollständigt von | Datum | Bemerkungen |
---|---|---|---|---|
Google Webmaster Tools hilft Ihnen zu sehen, wie Google Ihre Website indexiert oder nicht und bietet Informationen darüber, welche Suchbegriffe verwendet wurden, um Ihre Website zu entdecken. | Melden Sie sich für Google Webmaster-Tools an. | _____ | _____ | _____ |
Wenn Sie befürchten, dass Ihr Hosting-Provider Probleme bekommen könnte, melden Sie sich an Sind meine Seiten aktiv? und benachrichtigt werden, wenn Probleme auftreten. | Melden Sie sich für die Betriebsüberwachung an. | _____ | _____ | _____ |
Verfolgen Sie, wer Ihre Website besucht und wie und wann sie es tun Google Analytics , Clicky , Yahoo Analytics oder Minze . | Installieren Sie ein Analyseprogramm. | _____ | _____ | _____ |
Sie müssen nicht warten, bis Suchmaschinen Ihre Website entdecken. Erzähl ihnen davon. | Registrieren Sie die Website bei Google . | _____ | _____ | _____ |
Registrieren Sie die Website bei Yahoo . | _____ | _____ | _____ | |
Registrieren Sie die Website bei Bing . | _____ | _____ | _____ | |
Stellen Sie sicher, dass Die XML-Sitemap ist aktuell . | _____ | _____ | _____ | |
Senden Sie die XML-Sitemap an Google . | _____ | _____ | _____ |
Anmerkungen | Aufgabe | Vervollständigt von | Datum | Bemerkungen |
---|---|---|---|---|
Sind alle auf der Seite "About" oder "Staff" aufgeführten Personen immer noch dort tätig? Hat sich die Telefonnummer, Faxnummer, E-Mail-Adresse oder Postanschrift geändert? | Stellen Sie sicher, dass die Kontaktdaten korrekt sind. | _____ | _____ | _____ |
Ändern Sie das CMS-Passwort. | _____ | _____ | _____ | |
Wenn Sie die Website nicht gesichert haben, tun Sie es jetzt. | _____ | _____ | _____ | |
Überprüfen Sie, ob Spam über Formulare gesendet wurde. | _____ | _____ | _____ | |
Fragen Sie, ob die Website immer noch alle Bedürfnisse ihrer Besucher erfüllt. Ist der Inhalt noch relevant? | _____ | _____ | _____ | |
Welche Funktionen der Website werden nicht genutzt? Was kann entfernt werden? | _____ | _____ | _____ | |
Überprüfen Sie die Analytics der Website: Welche Browser verwenden die meisten Besucher? Sie können nicht sein, was Sie erwarten. | Überprüfen Sie die Website auf dem am häufigsten verwendeten Browser und Betriebssystem. | _____ | _____ | _____ |
Geschrieben exklusiv für Webdesigner Depot von Ben Gremillion . Ben ist ein freiberuflicher Webdesigner, der sich auf die Lösung von Kommunikationsproblemen mit Design spezialisiert hat.
Folgen Sie einer Checkliste, bevor Sie eine neue Website starten? Bitte teilen Sie Ihren Prozess unten ...