Prendiamo i bug! Una guida per principianti al test del sito

James Tsividis
James Tsividis

Seguire

2 Maggio, 2019 · 5 min a leggere

test del Sito è molto più semplice di quello che sembra. Non devi essere un tester per farlo. E otterrai una panoramica del tuo prodotto che ti aiuterà a capirlo in un modo completamente nuovo.

Sono un tester sul progetto Single Digital Presence (SDP). Il mio compito è quello di testare siti web SDP platform su molti browser, dimensioni dello schermo e dispositivi per trovare bug e garantire un’esperienza utente ottimale.

Il test ti aiuta a capire meglio i tuoi utenti

Quando sto testando un sito web, non sto solo cercando di trovare errori o bug, ma sto cercando di guardarlo attraverso il maggior numero possibile di obiettivi diversi. Ciò significa utilizzare un sito web su dispositivi diversi, in browser diversi e all’interno di diverse dimensioni dello schermo. Alcuni bug appaiono solo in 1 browser, quindi è necessario testare in molti ambienti diversi. È anche una grande opportunità per vedere come i diversi utenti potrebbero interagire con il sito.

Ciò che testiamo su

Per il vic.gov.au sito web, testiamo su più ambienti tra cui Windows, Mac, Android e iOS. Testiamo su computer desktop, tablet e telefoni, oltre a più browser Internet per alcuni dispositivi.

Usiamo il governo vittoriano Standard digitali Testare un prodotto o un servizio di guida che comprende i browser di uso comune e modelli di test di accettazione degli utenti.

Non sappiamo mai come le persone accederanno al nostro sito, quindi vogliamo assicurarci che comunque accedano, la loro esperienza sia coerente e soddisfi i nostri standard di qualità. Naturalmente, ci sono un numero apparentemente infinito di dispositivi su cui possiamo testare i nostri siti, ma usare i dispositivi che già abbiamo e che possiamo prendere in prestito da altri è spesso sufficiente per fornirci informazioni preziose su come il pubblico potrebbe percepirlo.

Dopo la vic.gov.au sito è stato rilasciato, mi è capitato di essere al centro commerciale Doncaster. Così sono andato all’Apple store per testare il sito su uno dei loro iPhone, dal momento che non ne avevo uno io stesso. Ho compilato uno dei moduli di feedback della pagina e l’ho firmato come “James da un Apple store”, e il nostro team di contenuti ha apprezzato lo sforzo che ho fatto per testare il sito.

Se desideri dati precisi su quali dispositivi, browser e dimensioni dello schermo le persone utilizzano per accedere al tuo sito, puoi sempre controllare Google Analytics se è stato configurato con il tuo sito.

Drag test

Il primo test che mi piace fare durante il test di un sito web è il test di resistenza. Questo mi permette di ottenere una rapida comprensione di ciò che il sito potrebbe apparire come su diverse dimensioni dello schermo e su dispositivi diversi, il tutto rimanendo nello stesso browser.

Il test di trascinamento comporta il trascinamento della finestra del browser dalla dimensione più grande alla dimensione più piccola, al fine di vedere come appare il sito in diversi punti di interruzione, che è il punto in cui il sito si trasforma in base a quanto è grande la finestra.

I punti di interruzione sono necessari perché vogliamo che le cose diventino più grandi o più piccole per adattarsi alle diverse dimensioni dello schermo su cui possiamo visualizzare il sito e trascinare la finestra per essere più piccola o più grande è un modo semplice per osservare tutte queste modifiche. Quindi vediamo un esempio con il vic.gov.au pagina iniziale.

Questo è il mio vic.gov.au homepage aperto alla sua dimensione massima sul mio 27 ” schermo iMac. Osserviamo la homepage e vediamo cosa succede quando facciamo la finestra più piccola.

Questo è il vic.gov.au homepage ma sta occupando poco meno della metà dello schermo ora. Nell’immagine, ho notato alcune delle principali differenze tra le due immagini finora.

Questa immagine è la versione più piccola del sito ed è visibile sui telefoni cellulari. Sarà il più diverso dagli altri.

Questi non sono gli unici tre punti di interruzione delle dimensioni dello schermo su vic.gov.au e sarà diverso per ogni sito, ma è qualcosa per iniziare.

Guardo spesso l’intestazione per vedere quale punto di interruzione sono in quanto quasi tutti hanno qualcosa cambiato nell’intestazione ogni volta. E ho imparato come appare ogni intestazione diversa guardando i disegni per il sito. Aiuta molto ad avere accesso ai disegni in modo da poter sapere se una funzione dovrebbe apparire come fa in un determinato punto di interruzione delle dimensioni dello schermo. Dato il numero di differenze tra i punti di interruzione, ci sono spesso alcuni errori nell’implementazione. Quindi questo è un test molto prezioso da fare mentre il sito è in fase di sviluppo.

Non dimenticare di eseguire il test di trascinamento per l’intestazione, il contenuto e il piè di pagina del sito, poiché tutti hanno contenuti unici che potrebbero cambiare tra i punti di interruzione. Prendi anche nota di dove va il contenuto della barra laterale quando la pagina diventa abbastanza piccola. Di solito va da qualche parte in fondo.

Content type testing

Ogni sito web ha diversi tipi di contenuto della pagina. Assicurati di acquisire familiarità con ogni singolo tipo di contenuto poiché verificherai diversi attributi su ogni pagina. Alcune pagine variano più di altre. Su vic.gov.au, i nostri tipi contenuti sono:

  • Alert
  • Event
  • Grant
  • Landing Page
  • News
  • Page
  • Profile

Per ulteriori informazioni sui tipi di contenuto, visitare: https://www.vic.gov.au/what-single-digital-presence-offers#page-templates-available-on-sdp

dispositivi e browser test

E infine, una volta testato il sito a fondo sul vostro browser preferito, è sempre bello vedere come appare su altri dispositivi e browser troppo — soprattutto quelli popolari — come l’esperienza tattile non è qualcosa che si può sempre anticipare, e si può sempre trovare i bug che sono specifici per un determinato browser su un particolare dispositivo di troppo. Che sembrano venire dal nulla e sono completamente inaspettati.

Utile test link

  • browser Più diffusi (Australia) — http://gs.statcounter.com/browser-market-share/all/australia
  • i browser Più diffusi (Mondo) — http://gs.statcounter.com/browser-market-share
  • iPhone simulator (solo per Mac) — https://developer.apple.com/xcode/
  • Se volete fare un dispositivo di test specifici invece che solo la risoluzione dello schermo di test, quindi Google Chrome Developer Tools è un Dispositivo Barra degli strumenti che è possibile simulare come un vero e proprio dispositivo si comporta, ma non è perfetto.

Ci sono molte tecniche di test del sito web non discusse in questo articolo, ma questo è un ottimo punto di partenza. La prossima cosa che testerei è che i dati inseriti nei moduli appaiono correttamente nel back-end e che i dati non validi non possono essere inseriti.

Divertiti a testare e non vedo l’ora di ascoltare ciò che le persone imparano da questo articolo. Facciamo tutti web meglio insieme!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.