Cum să rulați teste de asigurare a calității (QA) pe noul dvs. site web

Site-urile web, cum ar fi produsele software și jocurile video, necesită multă testare. Erorile, erorile și bucățile rupte sunt garantate pentru a trimite potențialii dvs. clienți să ruleze. Așadar, astăzi analizăm cum să prevenim aceste probleme atunci când lansați un site web nou.

Urmărește webinarul

Acest articol se bazează pe un webinar pe care l-am desfășurat cu expertul QA, Brian Borg, fondator și CEO al OnPath Testing. OnPath Testing sunt clienți ai noștri, precum și parteneri care ne ajută să rulăm teste de calitate atunci când lansăm noi site-uri web. Brian este un expert în testarea software-ului și un ou bun.

Puteți urmări înregistrarea originală aici:

Ce este QA?

Testarea QA verifică funcționalitatea unui site web (sau a oricărui alt software).

Pentru site-uri web, testerii QA se concentrează în primul rând pe funcționalitate, dar și pe gradul de utilizare al designului, performanței, securității și conformității.

Cum să decizi ce să testezi

Testarea necesită o înțelegere foarte atentă și metodică a site-ului dvs. și a utilizatorilor dvs. Trebuie să faci un pas înapoi și să te gândești la asta din perspectivă de 10.000 de picioare.

Pune-ți întrebări din tot felul de unghiuri. Cine poate veni pe site-ul nostru? De unde vin? Ce geografie? Pe ce dispozitive ar putea să se uite la asta? Ce browsere? Ce sisteme de operare? Ce face site-ul tău când cineva interacționează cu el? Ce se întâmplă dacă completează un formular? Vă așteptați la un e-mail în căsuța dvs. de e-mail? Vă așteptați la un mesaj de mulțumire pe pagină?

Faceți un plan de testare

Pentru a rula aceste teste, construiți un plan de testare cu cazuri de testare granulare, care este în esență o listă de verificare glorificată. Te menține sincer, asigurându-te că nu vei rata nimic important. În mod ideal, acesta va trăi într-un instrument pentru ciclul de viață al dezvoltării software (SDLC). Dar, puteți urmări testele pe ceva de genul Excel:

În exemplul de mai sus vedeți că ne uităm la domenii și funcționalități. Cazurile de testare în partea stângă, apoi browsere, sisteme de operare și dispozitive în partea de sus. Acest mod de urmărire a testelor înseamnă că puteți verifica din nou remedierile (testare de regresie) și puteți raporta valorile de testare către părțile interesate cheie.

Ideea este că comunicarea este clară și lipsită de ambiguitate. În acest fel, remediile pot fi eficiente.

Instrumente de testare QA

Încercați unele dintre aceste instrumente pentru urmărirea și gestionarea testelor (folosim Notion la Articulate, dar kilometrajul dvs. poate varia).

• Jira
• șină de testare
• Bugzilla
• Trello
• Link de testare
• Noţiune

Toate meritele lui Brian pentru jumătatea de mai sus a acestui blog. Acum, câteva informații din experiența Articulate cu crearea de site-uri web pentru clienți.

8 lucruri comune pe care trebuie să le testați pe site-ul dvs

1. Lorem ipsum

Scriitorii și designerii folosesc de obicei copia de substituent „Lorem ipsum” atunci când creează un site web. Apoi, uită să-l înlocuiască. Rulați o căutare amănunțită pentru a verifica dacă există bucăți persistente de lorem ipsum.

2. Pagini lipsă

Sfat de pălărie către GitHub pentru imagine.

Dacă nu faceți corect redirecționarea de la vechiul site la un site nou prin maparea adreselor URL ale paginilor, atunci obțineți link-uri rupte și pagini lipsă. Redirecționarea URL este o parte foarte importantă a lansării unui nou site web pentru noi. Am văzut mai multe cazuri de linkuri întrerupte în meniuri. Foarte des, linkul de meniu este conectat la o pagină de testare a dezvoltatorului din cauza modului în care a fost codificat.

3. Erori SSL

Google va penaliza un site care are erori SSL. Este posibil să nu observați acest lucru decât dacă testați.

Una dintre problemele site-urilor HubSpot este, în majoritatea cazurilor, că nu puteți găzdui un site web HubSpot pe un domeniu apex nativ. Adică, nu puteți avea cod HTTPS pe articulatemarketing.com; trebuie să fie www.articulatemarketing.com. În acest caz, trebuie să faceți o redirecționare de la domeniul apex la subdomeniul www. Dacă nu aveți acea redirecționare configurată corect, aceasta nu va fi criptată și va declanșa o eroare SSL.

4. Imagini grase

Designerul dvs. încarcă un fișier grafic de 16 megaocteți. Ai putea pune asta pe un panou publicitar. Nu are loc pe site-ul dvs. În schimb, încercați să vă asigurați că imaginile dvs. au mai puțin de 300 de kiloocteți și să respectați JPEG-urile sau, chiar mai bine, SVG-urile.

Dacă sunteți pe HubSpot, puteți utiliza aplicația noastră, Fizz+Ginger, pentru a comprima imagini.

5. Ascuns de Google

A nu-ți publica site-ul pe Google este surprinzător de comun. Este foarte rar să preluăm site-ul web al unui client și acesta are deja o listă Google Search Console. Dacă asta tocmai ți-a făcut urechile să ardă, atunci mergi aici pentru a afla despre hărțile site-ului.

În plus, uneori preluăm site-uri care au robots.txt care blochează pagini importante din motoarele de căutare. Poate doriți să eliminați vizibilitatea pe anumite pagini. Cu toate acestea, dacă este configurat greșit, atunci ascundeți pagini pe care doriți ca oamenii să le poată găsi pe Google.

Sfat de top: dacă dezvoltați un site WordPress, aveți grijă să nu păstrați bifată „Descurajați motoarele de căutare să indexeze acest site” după lansare.

6. Compatibilitate browser

Aceasta a fost o problemă mai mare decât este astăzi. Internet Explorer este adesea de vină pentru că nu este compatibil cu standardele din industrie. Ca regulă generală, dacă rulați confortabil pe o versiune modernă de Chrome sau Safari, probabil că sunteți bine pe alte browsere, dar merită totuși testat. Nu încercați să vă adaptați pentru browsere foarte învechite. Nu merită efortul.

7. Reactivitate mobilă

Aproximativ o treime din traficul nostru vine de pe mobil. Mai mult de jumătate din traficul de pe internet este mobil. Google face indexare pe mobil. Pe scurt, mobilul este viitorul.

Începeți prin a rula testul Google de compatibilitate cu dispozitivele mobile, dar nu vă opriți aici. Verificați o serie de dispozitive și dimensiuni de ecran pentru lucruri precum meniuri derulante și ferestre pop-up.

Sfat de top: AMP (Accelerated Mobile Pages) este o modalitate de a vă face paginile fulgerătoare pe mobil, dar pierdeți mult controlul asupra vizibilității, formatării, designului și aspectului. Cu toate acestea, probabil că este o idee bună să-l porniți dacă întâmpinați o scădere a traficului din cauza actualizărilor recente ale algoritmului Google.

8. Forme care nu merg nicăieri

Verificați dacă toate formularele ajung la cineva, în special formularele din pagina de contact. Software-ul CRM HubSpot va înregistra completările de formulare, dar depinde de dvs. să configurați un sistem de notificare, astfel încât oamenii din afacerea dvs. să știe că cineva încearcă să ia legătura.

O nota finala

Suntem o agenție de marketing bazată pe date, orientată spre detalii, așa că ne plac mai degrabă principiile riguroase ale testării QA.

Discutați cu OnPath Testing pentru servicii de testare sau discutați cu unul dintre consultanții noștri dacă aveți nevoie de un site web nou.

Vă lăsăm cu acest gând:

„Testarea este un proces infinit de comparare a invizibilului cu ambiguul pentru a evita ca anonimul să se întâmple de neconceput”.

— James Bach