Rachunkowość każdego aspektu nowej strony internetowej nie jest łatwa, szczególnie w ostatniej chwili.
Problemami nie są same szczegóły, ale raczej proces upewniania się, że pozornie drobne szczegóły nie składają się na niechlujstwo.
Najlepszym rozwiązaniem jest zapisanie wszystkiego .
Najgorszym rozwiązaniem jest nie brać listy kontrolnej przed uruchomieniem tak poważnie jak sam etap planowania.
Dzięki setkom szczegółów, które przechodzą do budowy lub przebudowy strony internetowej, pomijanie drobnych punktów jest łatwe, szczególnie gdy terminy mijają się lub mijają. Brakujące szczegóły mogą jednak pogorszyć jakość strony internetowej.
Nazwij to kontrolą jakości lub zakrywając tyłek, ale każdy projekt ma pewne zadania, które należy wykonać przed jego uruchomieniem. Decydowanie, co jest "wystarczająco dobre", nie jest czymś, o czym powinieneś pomyśleć w ostatniej chwili.
Lista kontrolna przed uruchomieniem wiąże się z systematycznym podejściem do zapewnienia, że ważne informacje zostaną rozwiązane przed uruchomieniem lub ponownym uruchomieniem strony internetowej .
Większość pozycji na liście list będzie wspólnych dla wszystkich witryn, w tym rejestrowania nazwy domeny i usuwania fałszywych treści. Podążanie tą samą listą tworzy rutynę, która może być poprawiona przy każdym projekcie.
Stosując się do ustalonej listy, zarówno projektant, jak i klient mają pewność, że nic istotnego nie zostało założone, ale zostało zapomniane.
Jeśli nic innego, listy poprzedzające uruchomienie są szczegółowymi wersjami pytania: "Myślę, że prawie skończyliśmy. Co jeszcze musimy zrobić? "
Oto scenariusz. Projektant jest gotowy do uruchomienia strony internetowej. Klient czeka na uruchomienie. Termin upływa w 30 minut. Chowanie się za "domeną nie rozpowszechniło się" wymówka nie będzie trwać wiecznie, więc projektant spieszy swoją listę kontrolną. Wydaje się pamiętać, że zrobił to w zeszłym tygodniu ... dopóki klient nie odkryje czegoś innego.
Odpowiedzialność nie jest ani wskazywaniem palcem, ani bezmyślnym sprawdzaniem przedmiotów, ale raczej świadomym stwierdzeniem. Poświęcenie czasu na sprawdzenie i sprawdzenie, czy zadanie zostało wykonane, może być tak samo ważne jak wykonanie zadania.
Lista pre-launch na skalę przemysłową to coś więcej niż tylko przypomnienie najważniejszych szczegółów. Obejmuje ludzi odpowiedzialnych. Nie chodzi tylko o to, że zadanie zostało wykonane; informuje, kto je ukończył i kiedy.
Dlatego też, w przypadku poważnych list przed uruchomieniem, proste znaczniki wyboru są zbyt proste. Każda pozycja powinna mieć cztery pola:
Zadanie opisuje, co należy zrobić, np. "Uruchom sprawdzanie pisowni", "Losuj hasło administratora" lub "Zarejestruj adres URL w Google". Inicjały i data wymuszają odpowiedzialność.
Ale nie każde zadanie jest kompletne lub niepełne. Stworzenie informacyjnej strony błędu 404 to jedno; dodawanie przydatnych linków do niego to coś innego. Pole "komentarze" zapewnia miejsce, w którym osoba może powiedzieć, że element jest gotowy, ale można go poprawić.
Umieść swoje inicjały obok zadania odpowiedniego do uruchomienia, nawet jeśli później można je poprawić.
Przychodzi moment, w którym terminy, budżety lub inne czynniki zmuszają zespół do zadeklarowania witryny "wystarczająco dobrej".
Ale jeśli jakość strony internetowej można zmierzyć, może to być suma uwagi do szczegółów i stopnia, w jakim realizowane były zadania.
Wartość każdego pojedynczego elementu na liście kontrolnej przed uruchomieniem jest różna. Im bliżej terminu, tym bardziej banalne wydaje się, zwłaszcza, że żaden pojedynczy element nie jest krytyczny dla sukcesu lub porażki projektu.
Szczegóły są jak dolary: jeśli favicon jest warta bilon, to kogo to obchodzi, jeśli trzymasz 20 dolarów w pięści?
W pobliżu terminu, niewykonywane zadania wymagają uwagi. Powyższy schemat ilustruje, jak prawdziwe znaczenie zadania staje się oczywiste: czas wyciska mniej ważne rzeczy.
Na przykład sprawdzony kod HTML może na pierwszy rzut oka wydawać się ważny, ale w jaki sposób porównuje się do naprawiania błędów bazy danych w ostatniej chwili? Gdy zadanie zostanie uznane za "mniej ważne" w wyznaczonym terminie, pozostanie ono w ten sposób.
Niebezpieczeństwo braku kontroli jakości polega na odrzuceniu jakiegokolwiek szczegółu jako nieistotnego. To prawda, że jeden szczegół wśród wielu nie jest zmartwieniem. Ale nie o to chodzi. Chodzi o proces sprawdzania szczegółów , a nie o wybieranie nitów, o które są ważne.
Ustalenie, co jest "wystarczająco dobre", nie polega na określeniu dokładnej liczby rzeczy, które można zrobić bez, ale raczej na zrozumieniu, ile poświęciłeś, aby uruchomić witrynę. Ile jesteś gotów poświęcić? Jakie dane nie są ważne? Co jest wystarczająco dobre?
Tak jak kontrole bezpieczeństwa nie budują domów, listy kontrolne przed uruchomieniem nie uzupełniają stron internetowych. Im bardziej rygorystycznie są one wdrażane, tym lepszy wynik.
Pozycje wymienione poniżej zostały wybrane ze względu na ich wagę i łatwość ukończenia. Jak dobrze są one przeprowadzane, jeśli w ogóle, będą odzwierciedlać, jak poważnie projekt jest podejmowany.
Poniżej przedstawiamy próbkę, ale najlepsza lista kontrolna przed uruchomieniem to ta, którą sam dostosowałeś.
Oś czasu powyżej jest uogólnieniem. Obejmuje podstawy, ale nie każdy zespół będzie podążał za tym procesem.
W ten sposób masz pięć różnych list dla jednego projektu:
Poniższe listy kontrolne przed uruchomieniem zapewniają dokładność i odpowiedzialność, wymagając nazw i dat , a nie tylko znaczników wyboru.
Daty wskazują również, które elementy należy ponownie sprawdzić, jeśli zostały wprowadzone zmiany. To powinno zaszczepić pewność, że nic nie zostało pominięte.
Pozycje na każdej liście można wypełniać w dowolnej kolejności, ale same listy są uporządkowane chronologicznie: przed, zaraz po i długo po uruchomieniu. Nie każdy element może być odpowiedni.
Na przykład witryna może nie wymagać bazy danych ani analiz. Projektant jest odpowiedzialny za określenie, które elementy są istotne dla projektu.
Uwagi | Zadanie | Ukończony przez | Data | Komentarze |
---|---|---|---|---|
Nie odkładaj oczywistych zadań, takich jak konfigurowanie nazwy domeny i pakietu hostingowego, do ostatniej chwili. | Kup nazwy domen. | _____ | _____ | _____ |
Skonfiguruj hosting. | _____ | _____ | _____ | |
Przekieruj sitename.com na www.sitename.com (lub odwrotnie) dla SEO | _____ | _____ | _____ | |
Utwórz wymagany adres (y) e-mail. | _____ | _____ | _____ | |
Skonfiguruj bazę danych. | _____ | _____ | _____ | |
Skonfiguruj środowisko testowe. | _____ | _____ | _____ |
Uwagi | Zadanie | Ukończony przez | Data | Komentarze |
---|---|---|---|---|
Sprawdź stronę główną, stronę kontaktową i dowolne strony z różnymi szablonami. W razie potrzeby zaktualizuj przeglądarki i wersje. Sprawdzanie każdej przeglądarki na każdej platformie jest osobnym zadaniem, ponieważ nie każda przeglądarka może być reprezentatywna dla grupy docelowej. Poszukaj błędów renderowania w różnych silnikach układu przeglądarki. | Przeglądarka Gecko: Firefox 3.x dla komputerów Mac | _____ | _____ | _____ |
Przeglądarka Gecko: Firefox 3.x dla Windows | _____ | _____ | _____ | |
Internet Explorer 7 | _____ | _____ | _____ | |
Internet Explorer 8 | _____ | _____ | _____ | |
Webkit: Chrome na Maca | _____ | _____ | _____ | |
Webkit: Chrome dla systemu Windows | _____ | _____ | _____ | |
Webkit: Safari dla komputerów Mac | _____ | _____ | _____ | |
Webkit: iPhone | _____ | _____ | _____ | |
Presto: Opera dla systemu Windows | _____ | _____ | _____ | |
Na wygląd strony wpływa rozmiar monitora, na którym jest on oglądany. Nawet jeśli układ strony ma stałą szerokość, powiedzmy 960 pikseli, może wyglądać bardzo różnie w różnych rozdzielczościach. Przetestuj stronę internetową w różnych rozdzielczościach. | 800 × 600 | _____ | _____ | _____ |
1024 × 788 | _____ | _____ | _____ | |
1280 × 1024 | _____ | _____ | _____ | |
1920 × 1200 | _____ | _____ | _____ | |
320 × 480 (dla urządzeń mobilnych) | _____ | _____ | _____ | |
Ukrywanie zdjęć, grafiki, tła i stylizacji pokazuje, jak wyszukiwarki i czytniki ekranu widzą Twoją witrynę. Aby zobaczyć, jak użyteczna jest strona (lub nie), zmień nazwę katalogu obrazów i pliku CSS. | Przetestuj użyteczność bez CSS lub obrazów | _____ | _____ | _____ |
Ulubione ikony lub "favicons" pojawiają się obok adresu URL w większości okien i zakładek przeglądarki. Chociaż niektóre przeglądarki akceptują pliki PNG, inne wymagają grafiki ICO. Odwiedzić Usługa ConvertIcon Punk Labs lub Generator FavIcon DynamicDrive aby je stworzyć. | Utwórz favicon. | _____ | _____ | _____ |
Nie zakładaj automatycznie, że zawartość Twojej witryny jest unikatowa. Sprawdź, czy nazwa i wyróżniające wyrażenia nie zostały jeszcze pobrane Urząd Patentowy i Znak Towarowy Stanów Zjednoczonych . | Sprawdź naruszenie zasad dotyczących znaków towarowych. | _____ | _____ | _____ |
Dodaj oświadczenie o prawach autorskich do stopki lub strony "Informacje". | _____ | _____ | _____ | |
Sprawdzaj pisownię całą zawartość. | _____ | _____ | _____ |
Uwagi | Zadanie | Ukończony przez | Data | Komentarze |
---|---|---|---|---|
Pomocna strona 404 mówi ludziom, że wprowadzili nieprawidłowy adres URL i oferuje alternatywne linki. Może zawierać narzędzie wyszukiwania, które pomoże im znaleźć to, czego szuka, i może automatycznie powiadomić właściciela witryny, że ktoś napotkał problem. Jeśli to konieczne, użyj Google niestandardowy widget wyszukiwania 404 . | Stwórz pomocną stronę 404. | _____ | _____ | _____ |
Upewnij się, że formularz kontaktowy działa i że domena nie była na czarnej liście. | Wyślij testową wiadomość za pośrednictwem formularza kontaktowego strony. | _____ | _____ | _____ |
Cel witryny może być oczywisty dla osób, które były zaangażowane w tworzenie strony internetowej. Nie zakładaj, że jest to oczywiste dla nowo przybyłych. | Upewnij się, że strona główna jasno określa (w treści, misji lub tagline) cele strony internetowej i co użytkownicy mogą spodziewać się zysku. | _____ | _____ | _____ |
Uwagi | Zadanie | Ukończony przez | Data | Komentarze |
---|---|---|---|---|
E-mail jest świetny, gdy działa i kiepski, gdy nie. Upewnij się, że wiadomości są dostarczane. | Wyślij wiadomość testową na adres (y) e-mail powiązany z domeną. | _____ | _____ | _____ |
Odpowiedz na wiadomość testową. Upewnij się, że został odebrany. | _____ | _____ | _____ | |
Jeśli nie chcesz, aby wyszukiwarki indeksowały niektóre katalogi, takie jak CMS, cgi-bin lub sekcje tylko dla członków, dodaj je do pliku robots.txt . Odwiedzić Roboty sieciowe lub przeczytaj o tym, jak Google szanuje plik robots.txt . | Utwórz plik robots.txt . | _____ | _____ | _____ |
Uwagi | Zadanie | Ukończony przez | Data | Komentarze |
---|---|---|---|---|
Upewnij się, że Twoja witryna nie zawiera martwych lub nieprawidłowych linków przy użyciu Sprawdzian linków W3C . | Sprawdź wszystkie linki. | _____ | _____ | _____ |
Poszukaj błędów HTML które może powodować czkawkę wyświetlacza w różnych przeglądarkach. | Sprawdź poprawność kodu HTML. | _____ | _____ | _____ |
Wyszukaj i usuń wszystkie dane z greckiego tekstu i dane testowe. | _____ | _____ | _____ | |
Sprawdź pisownię ponownie. | _____ | _____ | _____ | |
Upewnij się, że każda strona ma wyraźny cel. | _____ | _____ | _____ | |
Daj każdej stronie odpowiedni tytuł HTML i opis meta. | _____ | _____ | _____ | |
Dodaj alt atrybuty do wszystkich obrazów. | _____ | _____ | _____ | |
Uczyń hasło CMS trudnym do odgadnięcia. | _____ | _____ | _____ |
Uwagi | Zadanie | Ukończony przez | Data | Komentarze |
---|---|---|---|---|
Narzędzia Google dla webmasterów pomaga zorientować się, w jaki sposób Google indeksuje Twoją witrynę i nie oferuje informacji o wyszukiwanych terminach użytych do znalezienia Twojej witryny. | Zarejestruj się w Narzędziach Google dla webmasterów. | _____ | _____ | _____ |
Jeśli obawiasz się, że Twój dostawca usług hostingowych napotka problemy, zarejestruj się Czy moje witryny są lepsze? i otrzymywać powiadomienia, gdy pojawią się problemy. | Zarejestruj się, aby monitorować czas pracy. | _____ | _____ | _____ |
Śledź, kto odwiedza Twoją witrynę i jak i kiedy to robi Google Analytics , Clicky , Yahoo Analytics lub Mennica . | Zainstaluj program analityczny. | _____ | _____ | _____ |
Nie musisz czekać, aż wyszukiwarki odkryją Twoją witrynę. Powiedz im o tym. | Zarejestruj stronę za pomocą Google . | _____ | _____ | _____ |
Zarejestruj stronę za pomocą Yahoo . | _____ | _____ | _____ | |
Zarejestruj stronę za pomocą Bing . | _____ | _____ | _____ | |
Upewnij się, że Mapa strony XML jest aktualna . | _____ | _____ | _____ | |
Prześlij mapę witryny XML do Google . | _____ | _____ | _____ |
Uwagi | Zadanie | Ukończony przez | Data | Komentarze |
---|---|---|---|---|
Czy wszystkie osoby wymienione na stronie "O mnie" lub "Personel" nadal tam pracują? Czy zmienił się numer telefonu, numer faksu, adres e-mail lub adres pocztowy? | Upewnij się, że dane kontaktowe są dokładne. | _____ | _____ | _____ |
Zmień hasło CMS. | _____ | _____ | _____ | |
Jeśli nie masz kopii zapasowej witryny, zrób to teraz. | _____ | _____ | _____ | |
Sprawdź, czy spam nie jest wysyłany za pośrednictwem formularzy. | _____ | _____ | _____ | |
Zapytaj, czy strona wciąż spełnia wszystkie potrzeby odwiedzających. Czy treść jest nadal istotna? | _____ | _____ | _____ | |
Jakie funkcje witryny nie są używane? Co można usunąć? | _____ | _____ | _____ | |
Sprawdź analitykę witryny: z jakich przeglądarek korzysta najwięcej użytkowników? Mogą nie być tym, czego oczekujesz. | Sprawdź witrynę na najczęściej używanej przeglądarce i systemie operacyjnym. | _____ | _____ | _____ |
Napisany wyłącznie dla Webdesigner Depot przez Ben Gremillion . Ben jest niezależnym projektantem stron internetowych, który specjalizuje się w rozwiązywaniu problemów komunikacyjnych z projektowaniem.
Czy śledzisz listę kontrolną przed uruchomieniem nowej witryny? Udostępnij swój proces poniżej ...