Tiedäthän tunteen, kun sivuston lataaminen kestää tuskastuttavan kauan, lomake ei toimi tai klikkaamasi linkki onkin rikki. Turhauttavaa – siirrytäänpä muualle. Jotta testausvaihe ei unohtuisi, kotisivuja käsittelevän teeman blogissa päättää nettisivujen testaus ja testauksen suunnittelu. Kaikki tekstit suunnittelun eri vaiheista löydät kootusti kotisivut avainsanan alta ». Marssijärjestyksestä huolimatta sivuston testaus ei ole päätepiste. Käytäntö opettaa, että nettisivujen testaus on syytä ylläpitää mukana projektissa koko sen keston ajan tai jopa sisällyttää testaus mukaan jo sivuston suunnitteluvaiheeseen ».
Jos suunnittelet verkkosivuja tai seuraat niiden suoriutumista, testauksesta on hyötyä. Testauksella voi ennakoida ongelmat sivuston sisällöntuotannon » ja arvontuoton » suunnittelussa. Myös visuaalisella suunnittelijalla on roolinsa digitaalisen asiakaskokemuksen parantamisessa: ensivaikutelma ratkaisee ja se kestää vain muutaman sekunnin. Onko fiilis oikea? Entä toimiiko saavutettavuus? Miten on käyttävyyden laita? Testaus tukee jokaista tehtävää, jossa on tunnistettava asiakkaan tarpeet. Testistrategia ja testaussuunnitelman luonti auttaa etenemään. Tutustu myös testausvinkkeihin ja linkkeihin blogin lopussa!
Verkkosivujen testaus on ensisijaisesti laadun valvomista ja keskittymistä perusasioihin. Testauksen suunnittelu varmistaa sivuston tavoitteiden toteutumisen ja käyttäjien hyvän palvelemisen. Testauksen ammattikielellä » testauksessa verifioidaan, että sivusto vastaa kohderyhmän tarpeita ja tapoja sekä validoidaan se, että sivusto toimii oikein kohderyhmän käytössä.
Back to Basics
Testaamaton sivuton on keskeneräinen. Maaliin ei pääse nopeammin, vaikka testaamisen hyppäisi yli. Päin vastoin. Hidas sivusto, toimimattomat linkit tai muut tekniset viat kasaavat kapuloita rattaisiin. Turhauttavien käyttökokemusten karsiminen on tarpeen koko sivuston elinkaaren ajan. Perusteluja testaamiselle lisää myös se, että sivuston kunnosta ja laadusta pitää huolehtia myös Google-näkyvyyden varmistamiseksi. Katso aiheesta lisää hakukonenäkyvyyden » yhteydessä.
Testaamisen taustalla on ymmärrys siitä, että ennakoimalla säästää. Monesti se, mikä säästää hermoja, säästää myös aikaa ja rahaa. Varhainen testaus varmistaa laadun ja sivuston käyttäjien odotuksiin vastaamisen.
Testaus antaa hyödyllistä tietoa niin projektipäällikölle, sivuston suunnittelijalle kuin kehitysprojekteissa mukana oleville. Testaamisen ohella opitaan myös hyviä käytäntöjä. Yksin testaavaa testaustyö luotsaa ratkomaan erilaisia ongelmia. Lisäksi testatessa herää uusia ajatuksia kehitettäväksi edelleen tai sovellettaviksi muihin tehtäviin.
Testaussuunnitelman tekoa jouduttaa se, että tuntee vetoa projektin suunnitteluun. Testaussuunnitelma on ikään kuin projekti verkkosivuprojektin sisällä.
Kuten verkkosivujen suunnittelua, myös testausta tehdään sekä sivuston näkyvän osan että koodin osalta. Testaussuunnitelma sisältää kuvaukset sivuston front end -puolen toiminallisesta testauksesta eli esimerkiksi siitä, kuinka sivuston esteettömyys ja käyttäjälähtöisyys tullaan testaamaan. Sivuston ei-toiminallisesta osuudesta huolehditaan back end -testauksella, joka sisältää muun muassa tietoturvatestauksen, käytettävyyden ja suorituskyvyn testauksen.
Verkkosivujen testaus ja eri testausmuodot.
Verkkosivustot ovat erilaisia ja niin ovat myös niiden testistrategiat. Kunkin testauksen tavoitteet ja tarvekartoitus määräävät siihen valittavat toimintatavat. Yleinen testistrategia hakee laatua keskittymällä kysymyksiin kuka käyttää verkkosivua ja mihin tarpeeseen? Testistrategia pyrkii myös kustannustehokkuuteen: mitkä ovat projektille parhaiten soveltuvat tavat havaita puutteet ennen julkaisua? On päätettävä millä testausmenetelmillä, vaatimuksilla ja prosesseilla testauksissa edetään ja onko testaustoiminta jatkuvaa.
Testaussuunnitelmassa kuvataan keinot ja testausmuodot testauksen tavoitteiden saavuttamiseksi. Testauksen tavoitteet määritellään kokoamalla sivustolta ne osat ja ominaisuudet, jotka vaativat testausta tai ovat erityisen riskialttiita. Projekti etenee avaamalla yksityiskohtaisesti kaikki testausprojektin tehtävät. Näin selviää testauksen laajuus. Tehtävälistaan kootaan suunnitelman eri testausvaiheet ja niiden hyväksymiskriteerit. Testitapausten kirjaaminen toimii myös havaintojen erittelijänä ja kokoajana.
Testaussuunnitelmaan dokumentoidaan ennakoidut riskit ja niiden hallinta. Riskianalyysissä määritellään riskit ja riippuvuudet. Analyysi auttaa suunnittelemaan sen, mitä testaan ja missä vaiheessa. Resurssisuunnitelmasta puolestaan käy ilmi roolitus ja vastuualueet. Kuka testaa ja mitä? Kuka kirjaa, mihin tallennetaan ja raportoidaan?
Testisuunnitelman aikataulu syntyy resurssisuunnitelman pohjalta, koska on pystyttävä ennakoimaan paljonko ja mitä testataan. Arvioitavana on myös resurssien saatavuus ja projektin määräaika.
Testaussuunnitelmaan määritellään testaukseen vaadittavat laitteet, ohjelmistot, materiaalit tai testaustyökalut. Myös testausympäristön vaatimukset on otettava huomioon. Vaatiko testaus erityisiä asennuksia tai asetuksia ja mitä testauslaitteilta tarvitaan?
Testaussuunnitelmaan kirjataan testauksen tuotokset testauksen aikana. Versionumerointi auttaa epäonnistuneen päivitystilanteen jäljitettävyyttä. Testaus on valmis, kun sen kaikki vaiheet on läpikäyty. Lopputulokset dokumentoidaan ja määritellään, mikä osa testauksessa esiin tulleista seikoista päätyy jatkosuunnitelmaan.
Esimerkkicasena verkkosivuston riskianalyysi kohta 8: testaus
Useat käyttävyyteen ja koodiin liittyvät testaukset onnistuvat verkosta löytyvien työkalujen ja sovellusten avulla. Toiminallisesta testauksesta huolehtimiseen voi riittää oman asiakaspersoonan » laitteisiin ja käyttöjärjestelmiin keskittyminen. Myös erilaiset tarkistuslistat auttavat jäsentämään testausta ja tukevat sen tekemistä. Sivuston julkaisun jälkeen testaaminen jatkuu käyttäjäliikenteen seuraamisena sivuston analytiikan kautta. Verkkosivujen kävijäseurannan voikin nähdä suunnitteluvaiheen sijaan testauksen ylläpitotoimena. Tutustu tarkemmin verkkoanalytiikkaan ».
Testisuunnitelman ja testistrategian luonti: DevQA »
Hakukonenäkyvyyden seuranta ja testaaminen: Search Console » ja Google Analytics »
Sivuston suoriutumisen ja laadun testaaminen: Ryte.com »
Ulkoasun ensivaikutelman testaaminen: Five Second Test »
Mobiililaitesoveltuvuustesti: Search Google »
Mobiilisivuston parannustestit: Test my Site »
Selainsoveltuvuustesti: Browserling.com »
Sivuston värikontrastitesti: Contrast Checker »
Sivuston testaus eri resoluutiossa: Screenfly »
Web-suunnittelijan tsekkilista parhaista käytännöistä: Best practices »
Verkkosivujen esteettömyyden tarkistuslista: W3.org »
Linkkien eheyden testaaminen: W3.org »
Verkkosivujen koodin validointi: W3.org »