Jak uporządkować proces kontroli jakości

Kontrola jakości (QC) może zrobić lub złamać twój projekt. Niemniej jednak ten niezbędny proces może być nieco zniechęcający, ponieważ klienci WordPressa oczekują, że witryny będą działać i świetnie wyglądać na każdym typie urządzenia, od urządzeń mobilnych po inteligentne telewizory HD.

Zapewnienie jakości na najwyższym poziomie obejmuje spójne podejście, odpowiednie narzędzia i współpracę między projektantami i programistami. I nie zapomnij o jasnym zakomunikowaniu procesu klientowi, aby wiedział, czego się spodziewać i kiedy wziąć w nim udział.

1. Przestrzegaj spójnego procesu

Aby uzyskać najlepsze wyniki w nowej kompilacji witryny, użyj podejścia kaskadowego z wieloma rundami zapewniania i kontroli jakości — oczywiście we właściwym czasie.

Cała zawartość powinna być już dodana do witryny, a wszelkie większe prace programistyczne powinny być całkowicie wykonane, gdy rozpoczniesz kontrolę jakości. Jeśli nie skończyłeś jeszcze budowania witryny i wprowadzisz mnóstwo zmian, będziesz musiał rozpocząć cały proces od nowa.

Kontrola jakości zajmie więcej niż kilka godzin, więc upewnij się, że masz wystarczająco dużo czasu na tę istotną fazę. Zazwyczaj kompleksowa kontrola jakości może zająć 5-7 dni roboczych, jeśli przeglądasz wszystko. Proces może potrwać dłużej w przypadku większych witryn z wieloma stronami lub witryn handlu elektronicznego i witryn członkowskich.

Jeśli przeprowadzasz dwie lub trzy rundy kontroli jakości, na każdym etapie możesz zaangażować różnych członków zespołu. Pierwsza runda zazwyczaj polega na tym, że programista i projektant przeglądają witrynę i sprawdzają, czy wszystko pasuje do projektu i zakresu.

Druga runda jest zazwyczaj najbardziej dogłębnym krokiem i może obejmować testowanie przeglądarki i przeglądanie witryny na różnych rozmiarach urządzeń, podczas gdy ostatnia runda obejmuje klienta. Mamy nadzieję, że do tego momentu klient nie będzie już więcej problemów, które mógłby wskazać!

2. Wykorzystaj przeglądarkę i narzędzia testowe

Odpowiednie narzędzia sprawią, że kontrola jakości będzie bardziej wydajna. Oto kilka z najlepszych, aby usprawnić proces.

Browser Stack to popularna platforma do testowania witryn internetowych i urządzeń mobilnych, która umożliwia testowanie i symulowanie witryny na ponad 2000 urządzeń i przeglądarkach. Możesz także łatwo robić zrzuty ekranu z błędami lub poprawkami podczas przeglądania witryny. Przy tak wielu różnych urządzeniach i rozmiarach telefonów komórkowych i tabletów bardzo trudno jest sprawdzić jakość witryny bez korzystania z takiej platformy. W końcu Twój zespół najprawdopodobniej nie posiada wszystkich odmian iPhone'a i Androida, aby odpowiednio przetestować witrynę bez pomocy platformy testowej.

Oczywiście zawsze dobrze jest sprawdzić witrynę w jak największej liczbie różnych przeglądarek na żywych komputerach (i urządzeniach mobilnych). Podczas gdy symulacje testowe mogą zapewnić bardzo dokładne odwzorowanie witryny, sprawdzenie samego urządzenia daje kolejną warstwę pewności i może po prostu odkryć coś, co w innym przypadku zostałoby pominięte.

Dwa inne świetne zasoby to narzędzia ChromeDev i audyty Chrome Lighthouse. Dzięki Google Chrome Lighthouse możesz kontrolować wydajność, ułatwienia dostępu i sprawdzone metody. Ale niezależnie od narzędzi, które wybierzesz, upewnij się, że Twój zespół postępuje zgodnie z przejrzystą listą kontrolną przeglądarek, urządzeń i rozdzielczości, które zamierzasz przetestować — i śledzi wyniki.

Na początku projektu ustal z klientami jasne wytyczne, które przeglądarki i jakie rozdzielczości obsługuje Twój zespół. Na przykład niektóre przeglądarki, takie jak Internet Explorer, nie są już dobrze obsługiwane, więc nie ma sensu spędzać godzin na niestabilnej platformie.

3. Dołącz opinię projektanta

Kontrola i zapewnienie jakości to nie tylko zadanie dla zespołu programistów. Istnieje wiele problemów, które mogą się pojawić, a projektant stron internetowych najlepiej powinien zauważyć.

Projektant może przeglądać projekty formularzy, wybór kolorów i najeżdżać kursorem na witrynę, upewniając się, że wszystko pasuje do makiet. Mogą również pomóc w rozwiązywaniu problemów responsywnych w witrynie. Jeśli programista zmaga się z problemem na urządzeniach mobilnych, może zaoferować cenne informacje zwrotne na temat tego, jak elementy powinny się zwijać, aby były umieszczane na mniejszych urządzeniach. Jeśli witryna zawiera mikroanimacje i animacje przewijania, projektant może przejrzeć i upewnić się, że one również pasują do jego wizji.

Wreszcie, projektant może obserwować jakość i rozdzielczość obrazów i elementów projektu na zbudowanej stronie. Deweloper często optymalizuje obrazy pod kątem wydajności podczas kompilacji, a czasami praca optymalizacyjna może zbytnio zmniejszyć rozdzielczość i pogorszyć jakość projektu.

Ponieważ projekty stają się coraz bardziej złożone i zawierają bardziej dynamiczne elementy, zdecydowanie istnieje wiele obszarów współpracy między projektantami i programistami. Mając to na uwadze, projektant stron internetowych może zredukować niektóre z tych i z powrotem podczas procesu kontroli jakości, przygotowując przewodnik po stylu witryny i notatki projektanta dla zespołu programistów.

Pomocne może być również zlecenie projektantowi przygotowania mobilnej makiety strony głównej lub części mobilnego menu, aby zredukować masę zmian mobilnych podczas QC.

4. Skoncentruj się na wydajności i dostępności

Obecnie wszystkie zespoły zajmujące się tworzeniem witryn internetowych muszą brać pod uwagę wydajność na każdym etapie projektu. Rozwiązując problemy z wydajnością podczas procesu kontroli jakości, możesz uniknąć poważnych prac optymalizacyjnych po uruchomieniu i skarg klientów.

Od kilku lat wydajność i czas ładowania strony są czynnikiem rankingowym w optymalizacji wyszukiwarek i nie chodzi tylko o rankingi. Czasy wczytywania strony również wpływają na wrażenia użytkownika w witrynie. Podejmując decyzje w procesie rozwoju, weź pod uwagę konsekwencje wydajności, od wybranych wtyczek do motywu nadrzędnego.

Dostępność sieci jest kolejnym ważnym czynnikiem dla kontroli jakości. Postępowanie zgodnie z najlepszymi praktykami programistycznymi i Wytycznymi dotyczącymi dostępności treści internetowych może zminimalizować inne błędy w witrynie. Aby uzyskać dostęp, warto przejrzeć możliwości nawigacji za pomocą klawiatury, kontrast kolorów w układach projektu oraz komunikaty o błędach w dowolnych formularzach. Możesz użyć narzędzia kontrastu kolorów WebAIM, aby sprawdzić współczynniki kontrastu na stronie.

Podczas procesu kontroli jakości upewnij się, że wykonałeś podstawowe testy szybkości WordPressa – i powtórz je ponownie po uruchomieniu. Jeśli tworzysz nową witrynę w środowisku serwera produkcyjnego, możesz nie uzyskać dokładnych wyników, jeśli nie włączono buforowania lub jeśli witryna będzie ostatecznie hostowana na innej platformie.

5. E-commerce i kompleksowe kontrole rozwoju

Oprócz sprawdzania problemów wizualnych podczas procesu kontroli jakości musisz przeznaczyć więcej czasu na złożone kompilacje, takie jak witryny handlu elektronicznego lub witryny członkowskie.

Pomocne jest posiadanie określonego procesu dla tego typu projektów, aby nie przegapić żadnego kluczowego testowania. Oprócz normalnych pozycji kontroli jakości powyżej, musisz przetestować koszyk na zakupy, przejrzeć ustawienia wysyłki i sprawdzić filtrowanie produktów lub opcje wyszukiwania w witrynie e-commerce. Musisz także uważać na problemy z integracją z platformą e-mail i/lub CRM.

W przypadku witryn członkowskich warto przetestować czynności związane z rejestracją nowego członkostwa, przetwarzaniem płatności (jeśli dotyczy) oraz czynnościami odnawiania. Większość bramek płatniczych, takich jak PayPal i Stripe, oferuje sposoby dokonywania płatności testowych w witrynie produkcyjnej bez konieczności przetwarzania płatności, a następnie zwrotu pieniędzy.

Wszystkie te elementy mogą wydłużyć proces kontroli jakości o kilka dni dla tego typu witryn. Kroki kontroli jakości są jednak jeszcze bardziej krytyczne w przypadku witryny eCommerce, ponieważ wszelkie poważne problemy będą miały bezpośredni wpływ na sprzedaż i przychody.

Jeśli Twój klient będzie dodawać produkty do witryny przed uruchomieniem, warto wstrzymać się z kontrolą jakości, dopóki cała zawartość i produkty nie zostaną skonfigurowane w witrynie.

Zbliżanie się do perfekcji

Proces kontroli jakości może wymagać wielu szczegółów, ale wszystko sprowadza się do spójności, współpracy i dobrze wspieranych narzędzi.

I oczywiście ustalenie jasnych granic dotyczących tego, kiedy kończy się odpowiedzialność Twojego zespołu. Gdy klient uzyska dostęp do witryny lub przeniesie ją na inną platformę hostingową, przewidzenie błędów może być bardzo trudne.

Pobierz najlepsze lokalne narzędzie programistyczne WordPress dla twórców stron internetowych!

Lokalny ma wszystko, czego potrzebujesz, aby wykonać więcej pracy. Jest to bezproblemowy sposób na lokalne tworzenie witryn WordPress dzięki instalacji jednym kliknięciem, natychmiastowej kontroli połączenia z hostingiem i doskonałemu wsparciu, gdy napotkasz czkawkę. Zaufało jej ponad 100 000 utalentowanych programistów z całego świata (a co najlepsze — to nic nie kosztuje)! Zacznij korzystać z lokalnego tutaj.