Cum să vă curățați procesul de control al calității

Controlul calității (QC) poate face sau distruge proiectul dvs. Cu toate acestea, acest proces esențial poate fi puțin descurajant, deoarece clienții WordPress se așteaptă ca site-urile să funcționeze și să arate grozav pe orice tip de dispozitiv, de la televizoare mobile la televizoarele inteligente.

Asigurarea calității de vârf implică o abordare consecventă, instrumentele potrivite și colaborarea între designeri și dezvoltatori. Și, nu uitați să comunicați clar procesul clientului dvs., astfel încât să știe la ce să se aștepte și când să participe.

1. Urmați un proces consecvent

Pentru cele mai bune rezultate la construirea unui nou site web, utilizați abordarea în cascadă cu mai multe runde de asigurare și control al calității - bineînțeles, programat corespunzător.

Tot conținutul ar trebui să fie deja adăugat pe site și orice activitate majoră de dezvoltare trebuie să fie complet finalizată atunci când începeți controlul calității. Dacă încă nu ați terminat de construit site-ul și ajungeți să faceți o mulțime de modificări, va trebui să începeți procesul din nou.

QC va dura mai mult de câteva ore, așa că asigurați-vă că lăsați suficient timp pentru această fază esențială. De obicei, un QC cuprinzător poate dura 5-7 zile lucrătoare dacă examinați totul. Procesul poate dura mai mult pentru site-urile mai mari cu pagini numeroase sau pentru site-urile de comerț electronic și de membru.

Dacă faceți două sau trei runde de control al calității, puteți implica diferiți membri ai echipei în fiecare etapă. Prima rundă implică de obicei dezvoltatorul și designerul care examinează site-ul și verifică dacă totul se potrivește cu designul și domeniul de aplicare.

A doua rundă este de obicei pasul cel mai aprofundat și poate implica testarea browserului și revizuirea site-ului pe numeroase dimensiuni de dispozitiv, în timp ce runda finală implică clientul. Sperăm că, până în acest moment, nu vor mai fi probleme pe care clientul să le sublinieze!

2. Utilizați browser și instrumente de testare

Instrumentele potrivite vor face QC mult mai eficient. Iată câteva dintre cele mai bune pentru a simplifica procesul.

Browser Stack este un site web popular și o platformă de testare mobilă care vă permite să testați și să simulați un site web pe peste 2000 de dispozitive și browsere. De asemenea, puteți captura cu ușurință capturi de ecran cu erori sau remedieri în timp ce examinați site-ul. Cu atât de multe dispozitive și dimensiuni diferite de telefoane mobile și tablete, este foarte dificil să controlezi un site web fără a utiliza o astfel de platformă. La urma urmei, echipa ta, cel mai probabil, nu deține toate variantele de iPhone și Android pentru a testa în mod adecvat site-ul fără ajutorul unei platforme de testare.

Desigur, este întotdeauna o idee bună să verificați site-ul pe cât mai multe browsere diferite pe computere live (și dispozitive mobile) posibil. În timp ce simulările de testare pot oferi reprezentări foarte precise ale site-ului, verificarea dispozitivului în sine oferă un alt nivel de certitudine și poate doar să descopere ceva care altfel ar fi fost omis.

Alte două resurse excelente sunt ChromeDev Tools și auditurile Chrome Lighthouse. Cu Google Chrome Lighthouse, puteți audita performanța, accesibilitatea și cele mai bune practici. Dar, indiferent de instrumentele pe care le selectați, asigurați-vă că echipa dvs. urmează o listă de verificare clară cu privire la browserele, dispozitivele și rezoluțiile pe care intenționați să le testați - și ține evidența rezultatelor.

La începutul proiectului, stabilește linii directoare clare cu clienții pe care browsere și rezoluții suportă echipa ta. De exemplu, anumite browsere, cum ar fi Internet Explorer, nu mai sunt bine acceptate, așa că nu are rost să petreci ore întregi pe o platformă instabilă.

3. Includeți feedback-ul designerului dvs

Controlul și asigurarea calității nu este doar o sarcină a echipei de dezvoltare. Există numeroase probleme care ar putea apărea pe care designerul web este cel mai potrivit să le observe.

Un designer poate revizui modelele formularelor, alegerile de culori și trece cu mouse-ul pe site, asigurându-se că totul se potrivește cu machetele. De asemenea, ei pot ajuta cu orice problemă de răspuns de pe site. Dacă dezvoltatorul se confruntă cu o problemă pe mobil, un designer poate oferi feedback valoros despre modul în care elementele ar trebui să se prăbușească pentru a fi poziționate pe dispozitive mai mici. Dacă site-ul include micro-animații și animație de defilare, un designer poate revizui și se poate asigura că acestea se potrivesc și cu viziunea lor.

În cele din urmă, un designer poate urmări calitatea și rezoluția imaginilor și elementelor de design de pe șantierul construit. Un dezvoltator optimizează adesea imaginile pentru performanță în timpul construcției și, uneori, munca de optimizare poate reduce prea mult rezoluția și poate afecta calitatea designului.

Pe măsură ce design-urile devin mai complexe și implică elemente mai dinamice, există cu siguranță o mulțime de zone de colaborare între designeri și dezvoltatori. Având în vedere acest lucru, un designer web poate reduce o parte din timpul procesului de QC prin pregătirea unui ghid de stil al site-ului web și a notelor de designer pentru echipa de dezvoltare.

Poate fi util, de asemenea, ca designerul să pregătească o machetă mobilă pentru pagina de pornire sau o parte a meniului mobil, pentru a reduce tone de modificări pe mobil în timpul QC.

4. Concentrați-vă pe performanță și accesibilitate

Astăzi, toate echipele de site-uri web trebuie să ia în considerare performanța la fiecare pas al proiectului. Abordând problemele de performanță în timpul procesului de QC, puteți evita lucrările majore de optimizare post-lansare și reclamațiile clienților.

De câțiva ani încoace, performanța și timpii de încărcare a paginii sunt un factor de clasare pentru optimizarea motoarelor de căutare și nu este vorba doar de clasamente. Timpii de încărcare a paginii influențează și experiența utilizatorului pe site. Când luați decizii în procesul de dezvoltare, luați în considerare ramificațiile performanței, de la pluginurile selectate până la tema părinte.

Accesibilitatea web este un alt aspect important pentru QC. Respectarea celor mai bune practici de dezvoltare și a Ghidurilor de accesibilitate a conținutului web poate minimiza alte erori de pe site. Pentru accesibilitate, veți dori să examinați capacitățile de navigare de la tastatură, contrastul de culori în machetele de design și mesajele de eroare de pe orice formular. Puteți utiliza instrumentul de contrast de culoare al WebAIM pentru a verifica rapoartele de contrast de pe site.

În timpul procesului de control al calității, asigurați-vă că executați câteva teste de viteză WordPress de bază – și repetați-le din nou după lansare. Dacă construiți noul site pe un mediu de server de producție, este posibil să nu obțineți rezultate precise dacă nu este activată memoria cache sau dacă site-ul va fi găzduit în cele din urmă pe o altă platformă.

5. Comerț electronic și verificări complexe de dezvoltare

Pe lângă verificarea problemelor vizuale în timpul procesului de QC, va trebui să alocați mai mult timp pentru versiunile complexe, cum ar fi comerțul electronic sau site-urile de membru.

Este util să aveți un proces specific pentru aceste tipuri de proiecte, astfel încât să nu ratați nicio testare esențială. În plus față de articolele QC obișnuite de mai sus, va trebui să testați coșul de cumpărături, să verificați setările de expediere și să verificați orice opțiuni de filtrare a produselor sau de căutare pentru un site web de comerț electronic. De asemenea, va trebui să urmăriți problemele de integrare cu platforma de e-mail și/sau CRM.

Pentru site-urile de abonament, veți dori să testați pașii pentru înscrierea unui nou membru, procesarea plăților (dacă este cazul) și pașii de reînnoire. Majoritatea gateway-urilor de plată precum PayPal și Stripe oferă modalități de a efectua plăți de testare pe un site de producție fără a fi nevoie să proceseze o plată și apoi o rambursare.

Toate aceste elemente pot adăuga câteva zile la procesul de control al calității pentru aceste tipuri de site-uri. Totuși, pașii de control al calității sunt și mai critici pentru un site de comerț electronic, deoarece orice problemă majoră va afecta direct vânzările și veniturile.

Dacă clientul dvs. va adăuga produse pe site înainte de lansare, este util să amânați controlul calității până când tot conținutul și produsele sunt configurate pe site.

Apropiindu-se de perfecțiune

Pot fi multe detalii de care trebuie să aveți grijă în timpul procesului de QC, dar totul se rezumă la consistență, colaborare și instrumente bine susținute.

Și, desigur, stabilirea unor limite clare cu privire la momentul în care responsabilitatea echipei tale se termină. După ce un client obține acces la site sau mută site-ul pe o altă platformă de găzduire, poate fi foarte dificil să anticipezi erorile.

Descărcați instrumentul local de dezvoltare WordPress numărul 1 pentru dezvoltatorii web!

Local are tot ce ai nevoie pentru a lucra mai mult. Este o modalitate simplă de a dezvolta local site-uri WordPress datorită instalării cu un singur clic, controalelor de conectare a găzduirii instantanee și asistenței excelente atunci când întâmpinați un sughiț. Peste 100.000 de dezvoltatori talentați din întreaga lume au încredere în el (și cea mai bună parte – este gratuit)! Începeți cu Local aici.