Jak przeprowadzić testy zapewniania jakości (QA) w nowej witrynie?

Strony internetowe, takie jak oprogramowanie i gry wideo, wymagają wielu testów. Błędy, błędy i zepsute elementy gwarantują, że Twoi potencjalni klienci będą działać. Dlatego dzisiaj zastanawiamy się, jak zapobiegać tym problemom podczas uruchamiania nowej witryny.

Obejrzyj webinarium

Ten artykuł jest oparty na webinarium, które przeprowadziliśmy z ekspertem QA, Brianem Borgiem, założycielem i dyrektorem generalnym OnPath Testing. OnPath Testing to nasi klienci, a także partnerzy, którzy pomagają nam przeprowadzać testy QA podczas uruchamiania nowych stron internetowych. Brian jest ekspertem w dziedzinie testowania oprogramowania i dobrym jajkiem.

Oryginalne nagranie można obejrzeć tutaj:

Co to jest kontrola jakości?

Testy QA weryfikują funkcjonalność strony internetowej (lub innego oprogramowania).

W przypadku stron internetowych testerzy QA skupiają się przede wszystkim na funkcjonalności, ale także na użyteczności projektu, wydajności, bezpieczeństwie i zgodności.

Jak zdecydować, co przetestować

Testowanie wymaga bardzo ostrożnego, metodycznego zrozumienia Twojej witryny i użytkowników. Musisz cofnąć się o krok i pomyśleć o tym z perspektywy 10 000 stóp.

Zadawaj sobie pytania z różnych perspektyw. Kto potencjalnie wchodzi na naszą stronę? Skąd pochodzą? Jaka geografia? Na jakich urządzeniach mogliby na to patrzeć? Jakie przeglądarki? Jakie systemy operacyjne? Co robi Twoja witryna, gdy ktoś wchodzi z nią w interakcję? A jeśli wypełnią formularz? Oczekujesz wiadomości e-mail w swojej skrzynce odbiorczej? Oczekujesz podziękowania na stronie?

Zrób plan testu

Aby uruchomić te testy, zbuduj plan testów z szczegółowymi przypadkami testowymi, który jest w zasadzie gloryfikowaną listą kontrolną. Dzięki temu będziesz szczery, dzięki czemu nie przegapisz niczego ważnego. Najlepiej byłoby, gdyby istniało to w narzędziu cyklu życia oprogramowania (SDLC). Ale możesz śledzić testy na czymś takim jak Excel:

W powyższym przykładzie widać, że patrzymy na domeny i funkcjonalność. Przypadki testowe po lewej stronie, a następnie przeglądarki, systemy operacyjne i urządzenia u góry. Ten sposób śledzenia testów oznacza, że ​​możesz ponownie sprawdzać poprawki (testowanie regresyjne) i raportować metryki testowe do kluczowych interesariuszy.

Chodzi o to, aby komunikacja była jasna i jednoznaczna. W ten sposób poprawki mogą być skuteczne.

Narzędzia do testowania jakości

Wypróbuj niektóre z tych narzędzi do śledzenia i zarządzania testami (używamy Notion w Articulate, ale Twój przebieg może się różnić).

• Jira
• Szyna testowa
• Bugzilla
• Trello
• Testuj łącze
• Pojęcie

Cała zasługa Briana za powyższą połowę tego bloga. Teraz kilka spostrzeżeń z doświadczeń firmy Articulate w zakresie tworzenia stron internetowych dla klientów.

8 typowych rzeczy, które musisz przetestować na swojej stronie

1. Lorem ipsum

Pisarze i projektanci zazwyczaj używają zastępczej kopii „Lorem ipsum” podczas tworzenia witryny internetowej. Potem zapominają go wymienić. Przeprowadź dokładne wyszukiwanie, aby sprawdzić, czy nie ma pozostałości lorem ipsum.

2. Brakujące strony

Napiwek kapelusza na GitHub dla obrazu.

Jeśli nie wykonasz poprawnie przekierowania ze starej witryny do nowej, mapując adresy URL stron, otrzymasz uszkodzone linki i brakujące strony. Przekierowanie adresu URL jest dla nas naprawdę ważną częścią uruchamiania nowej strony internetowej. Widzieliśmy wiele przypadków niedziałających linków w menu. Bardzo często link do menu jest połączony ze stroną testową ze względu na sposób, w jaki został zakodowany.

3. Błędy SSL

Google będzie karać witrynę, która zawiera błędy SSL. Prawdopodobnie tego nie zauważysz, chyba że będziesz tego testować.

Jednym z problemów z witrynami HubSpot jest, w większości przypadków, nie można hostować witryny HubSpot w natywnej domenie apex. Oznacza to, że nie możesz mieć kodu HTTPS na articulatemarketing.com; to musi być www.articulatemarketing.com. W takim przypadku musisz wykonać przekierowanie z domeny apex do subdomeny www. Jeśli nie masz poprawnie skonfigurowanego przekierowania, nie zostanie ono zaszyfrowane i wywoła błąd SSL.

4. Grube obrazy

Twój projektant przesyła 16-megabajtowy plik graficzny. Możesz umieścić to na billboardzie. Nie ma na to miejsca na Twojej stronie. Zamiast tego postaraj się, aby Twoje obrazy były mniejsze niż 300 kilobajtów i trzymaj się plików JPEG lub, jeszcze lepiej, SVG.

Jeśli korzystasz z HubSpot, możesz użyć naszej aplikacji Fizz+Ginger do kompresji obrazów.

5. Ukryty przed Google

Niepublikowanie witryny w Google jest zaskakująco powszechne. Bardzo rzadko przejmujemy witrynę klienta, który ma już wpis w Google Search Console. Jeśli to sprawiło, że Twoje uszy płonęły, przejdź tutaj, aby dowiedzieć się o mapach witryn.

Ponadto czasami przejmujemy witryny zawierające plik robots.txt, które blokują ważne strony w wyszukiwarkach. Możesz chcieć usunąć widoczność na niektórych stronach. Jeśli jednak jest źle skonfigurowany, ukrywasz strony, które chcesz, aby ludzie mogli znaleźć w Google.

Najważniejsza wskazówka: jeśli tworzysz witrynę WordPress, uważaj, aby po uruchomieniu nie zaznaczać opcji „Zniechęcaj wyszukiwarki do indeksowania tej witryny”.

6. Kompatybilność z przeglądarką

Kiedyś był to większy problem niż dzisiaj. Internet Explorer jest często przyczyną niezgodności ze standardami branżowymi. Zasadniczo, jeśli wygodnie korzystasz z nowoczesnej wersji przeglądarki Chrome lub Safari, prawdopodobnie wszystko dobrze działa w innych przeglądarkach, ale nadal warto je przetestować. Nie próbuj dostosowywać się do bardzo przestarzałych przeglądarek. To nie jest warte wysiłku.

7. Reakcja mobilna

Około jedna trzecia naszego ruchu pochodzi z telefonów komórkowych. Ponad połowa ruchu internetowego w sieci to urządzenia mobilne. Google wykonuje indeksowanie zoptymalizowane pod kątem urządzeń mobilnych. Krótko mówiąc, mobilność to przyszłość.

Zacznij od przeprowadzenia testu Google na urządzenia mobilne, ale nie poprzestawaj na tym. Sprawdź różne urządzenia i rozmiary ekranu, aby znaleźć takie elementy, jak menu rozwijane i wyskakujące okienka.

Najważniejsza wskazówka: AMP (Accelerated Mobile Pages) to sposób, aby Twoje strony działały błyskawicznie na urządzeniach mobilnych, ale tracisz dużo kontroli nad widocznością, formatowaniem, projektem i układem. Jednak prawdopodobnie dobrym pomysłem jest włączenie go, jeśli doświadczasz spadku ruchu z powodu ostatnich aktualizacji algorytmu Google.

8. Formularze, które nigdzie nie idą

Sprawdź, czy wszystkie formularze trafiają do kogoś, zwłaszcza formularze na stronach kontaktowych. Oprogramowanie CRM HubSpot będzie rejestrować wypełnienia formularzy, ale to Ty musisz skonfigurować system powiadomień, aby ludzie w Twojej firmie wiedzieli, że ktoś próbuje się z nimi skontaktować.

Ostatnia uwaga

Jesteśmy agencją marketingową opartą na danych, zorientowaną na szczegóły, więc raczej podobają nam się rygorystyczne zasady testowania jakości.

Porozmawiaj z OnPath Testing w celu przetestowania usług lub porozmawiaj z jednym z naszych konsultantów, jeśli potrzebujesz nowej strony internetowej.

Zostawimy Cię z tą myślą:

„Testowanie to niekończący się proces porównywania niewidzialnego z niejednoznacznym w celu uniknięcia niewyobrażalnego przytrafienia się anonimowemu”.

— James Bach