Let ’ s catch bugs! Aloittelijan opas verkkosivujen testaukseen

James Tsividis
James Tsividis

seuraa

Toukokuu 2 · 2019 * 5 min lukea

verkkosivujen testaus on paljon yksinkertaisempaa kuin miltä näyttää. Sinun ei tarvitse olla testaaja tehdäksesi sen. Ja saat käsityksen tuotteesta, joka auttaa sinua ymmärtämään sen aivan uudella tavalla.

olen testaaja Sdp: n Single Digital Presence-hankkeessa. Tehtäväni on testata SDP tasohyppelysivustoja monilla selaimilla, näyttökooilla ja laitteilla bugien löytämiseksi ja optimaalisen käyttökokemuksen varmistamiseksi.

testaus auttaa sinua ymmärtämään paremmin käyttäjiäsi

kun testaan verkkosivustoa, en etsi vain virheitä tai vikoja, vaan yritän katsoa sitä mahdollisimman monen eri objektiivin läpi. Tämä tarkoittaa verkkosivuston käyttöä eri laitteilla, eri selaimilla ja eri näyttökokojen sisällä. Jotkut virheet näkyvät vain 1 selaimessa, joten testaus monissa eri ympäristöissä on tarpeen. Se on myös loistava tilaisuus nähdä, miten eri käyttäjät voivat olla vuorovaikutuksessa sivuston liian.

mitä testaamme

vic.gov.au verkkosivusto, testaamme useissa ympäristöissä, kuten Windows, Mac, Android ja iOS. Testaamme pöytätietokoneilla, tableteilla ja puhelimilla sekä useilla internet-selaimilla joillekin laitteille.

käytämme Victorian Government Digital Standards Test tuote-tai palveluohjetta, joka sisältää yleisesti käytetyt selaimet ja käyttäjien hyväksymistestausmallit.

emme koskaan tiedä, miten ihmiset käyttävät sivustoamme, joten haluamme varmistaa, että riippumatta siitä, miten he käyttävät sitä, heidän kokemuksensa on johdonmukainen ja se täyttää laatustandardimme. Tietenkin on olemassa näennäisesti loputon määrä laitteita, joilla voimme testata sivustojamme, mutta käyttämällä laitteita, joita meillä jo on ja joita voimme lainata muilta, riittää usein antamaan meille korvaamattoman arvokasta tietoa siitä, miten yleisö voisi nähdä sen.

jälkeen vic.gov.au nettisivut julkaistiin, satuin olemaan Doncasterin kauppakeskuksessa. Joten menin Apple Storeen testaamaan sivustoa yhdellä heidän iphoneistaan, koska minulla itselläni ei ollut sellaista. Täytin yhden sivun palautelomakkeista ja allekirjoitin sen nimellä ”James Apple Storesta”, ja sisältötiimimme arvosti vaivaa, jonka kävin läpi testatakseni sivustoa.

jos haluat tarkkoja tietoja siitä, millä laitteilla, selaimilla ja näyttökooilla ihmiset käyttävät sivustoasi, voit aina tarkistaa Google Analyticsin, onko se perustettu sivustosi kanssa.

Vastustesti

ensimmäinen testi, jonka haluan tehdä testatessani verkkosivustoa, on vastustesti. Tämä antaa minulle mahdollisuuden saada nopeasti käsitys siitä, mitä sivusto voi näyttää eri näytön koot ja eri laitteilla, kaikki samalla selaimella.

raahaustestissä selainikkunaa raahataan suurimmasta koosta pienimpään kokoon, jotta nähdään miltä sivusto näyttää eri keskeytyspisteissä, jolloin sivusto muotoutuu sen mukaan, kuinka suuri kuvaikkuna on.

Keskeytyspisteet ovat tarpeen, koska haluamme asioiden muuttuvan suuremmiksi tai pienemmiksi, jotta ne mahtuisivat eri näyttökokoihin, joilla voimme tarkastella sivustoa, ja ikkunan raahaaminen pienemmäksi tai suuremmaksi on helppo tapa tarkkailla kaikkia näitä muutoksia. Joten katsotaanpa esimerkki kanssa vic.gov.au Kotisivu.

tämä on minun vic.gov.au Kotisivu avautui maksimikokoon 27″ iMac-näytölläni. Seurataan kotisivua ja katsotaan, mitä tapahtuu, kun teemme ikkunasta pienemmän.

tämä on vic.gov.au Kotisivu, mutta se vie hieman alle puolet ruudusta nyt. Kuvassa, olen huomannut joitakin suuria eroja kahden kuvan tähän mennessä.

tämä kuva on sivuston pienin versio, ja se näkyy matkapuhelimissa. Se on kaikkein erilainen kuin muut.

nämä eivät ole ainoat kolme näytön koon raja-arvoa vic.gov.au ja se on erilainen jokaisella sivustolla, mutta se on jotain saada sinut alkuun.

Katson usein otsikkoa nähdäkseni, missä keskeytyspisteessä olen, sillä lähes kaikissa niissä on joka kerta jotain muuttunut otsikossa. Ja olen oppinut, miltä kukin eri otsikko näyttää katsomalla sivuston malleja. Se auttaa paljon päästä käsiksi malleja, jotta voit tietää, onko ominaisuus on tarkoitus näyttää niin kuin se tekee tietyn näytön koon keskeytyspiste. Kun otetaan huomioon eroavaisuuksien määrä, toteutuksessa on usein muutamia virheitä. Joten tämä on erittäin arvokas testi tehdä, koska sivusto kehitetään.

älä unohda tehdä raahaustestiä sivuston otsikolle, sisällölle ja alatunnisteelle, sillä niillä kaikilla on ainutlaatuinen sisältö, joka voi muuttua keskeytyspisteiden välillä. Ota myös huomioon, mihin sivupalkin sisältö menee, kun sivu saa tarpeeksi pieni. Se menee yleensä jonnekin pohjalle.

Sisältötyyppitestaus

jokaisella verkkosivustolla on eri sisältötyypit. Muista tutustua jokaiseen yksittäiseen sisältötyyppiin, sillä testaat eri attribuutteja jokaisella sivulla. Jotkut sivut vaihtelevat enemmän kuin toiset. On vic.gov.au, Sisältötyypit ovat:

  • hälytys
  • tapahtuma
  • avustus
  • aloitussivu
  • uutinen
  • sivu
  • profiili

lisätietoa sisältötyypeistä, käynti: https://www.vic.gov.au/what-single-digital-presence-offers#page-templates-available-on-sdp

laite — ja selaintestaus

ja lopuksi, kun olet testannut sivuston perusteellisesti suosikkiselaimellasi, on aina hyvä nähdä, miltä se näyttää muillakin laitteilla ja selaimilla — erityisesti suosituilla-koska kosketuskokemus ei ole jotain, mitä voit aina ennakoida, ja voit aina löytää tietylle selaimelle ominaisia vikoja myös tietystä laitteesta. Ne näyttävät ilmestyvän tyhjästä ja ovat täysin odottamattomia.

Handy testing links

  • suosituimmat selaimet (Australia) — http://gs.statcounter.com/browser-market-share/all/australia
  • suosituimmat selaimet (maailma) — http://gs.statcounter.com/browser-market-share
  • iPhone simulaattori (vain Mac) — https://developer.apple.com/xcode/
  • jos haluat tehdä laitekohtaisen testauksen pelkän näytön resoluution testauksen sijaan, Google Chrome Developer Toolsissa on Laitetyökalurivi, joka voi simuloida oikean laitteen käyttäytymistä, mutta se ei ole täydellinen.

on monia verkkosivujen testaustekniikoita, joita ei käsitellä tässä artikkelissa, mutta tästä on hyvä aloittaa. Seuraavaksi testaisin, että lomakkeisiin syötetyt tiedot näkyvät taustajärjestelmässä oikein ja että virheellisiä tietoja ei voi syöttää.

hauskaa testausta ja odotan innolla, mitä ihmiset oppivat tästä artikkelista. Tehdään kaikki web paremmin yhdessä!

Vastaa

Sähköpostiosoitettasi ei julkaista.