Silverstripe-sivuston testaaminen ennen julkaisua
Tiivistelmä
Verkkosivusto voi näyttää valmiilta, vaikka tärkeä lomake ei lähettäisi viestejä tai puhelimen valikko jäisi kuvan alle. Julkaisua edeltävä testaus auttaa löytämään tällaiset ongelmat ennen kuin ne häiritsevät…
Verkkosivusto voi näyttää valmiilta, vaikka tärkeä lomake ei lähettäisi viestejä tai puhelimen valikko jäisi kuvan alle. Julkaisua edeltävä testaus auttaa löytämään tällaiset ongelmat ennen kuin ne häiritsevät kävijöitä.
Silverstripe CMS:ssä tarkistettavaa on sekä sisällössä että sivuston toiminnassa. Tekstien, kuvien ja linkkien lisäksi on varmistettava, että oikeat sivut julkaistaan ja käyttöoikeudet vastaavat suunnitelmaa. Koko sivuston avaamiseen liittyy myös teknisiä asetuksia, joista vastaa yleensä kehittäjä tai palvelimen ylläpitäjä.
Testaamiseen ei tarvita monimutkaista järjestelmää. Selkeä tarkistuslista, sovitut vastuut ja tavallisen käyttäjän näkökulma vievät pitkälle. Olennaista on kokeilla toimintoja käytännössä eikä päätellä niiden toimivuutta pelkän ulkoasun perusteella.
Päätä ensin, mitä ollaan julkaisemassa
Yksittäisen sisältösivun julkaiseminen ja kokonaisen verkkosivuston käyttöönotto ovat eri laajuisia tehtäviä. Uuden artikkelin kohdalla tarkistetaan lähinnä sisältö, esitystapa ja linkit. Sivustouudistuksessa mukana ovat myös osoitteet, lomakkeet, navigaatio ja tekninen ympäristö.
Kirjaa ennen testaamista, mitä julkaisu sisältää:
- kokonaan uudet sivut
- muokatut sisällöt ja sivutyypit
- uudet lomakkeet tai integraatiot
- muuttuneet osoitteet
- ulkoasun ja navigaation muutokset.
Näin testaus kohdistuu oikeisiin asioihin. Jos esimerkiksi yhteydenottolomaketta ei ole muutettu, mutta sen lähettävä palvelin vaihtuu, viestien toimitus kuuluu silti tarkistettaviin toimintoihin.
Nimeä samalla henkilö, joka päättää julkaisukelpoisuudesta. Sisällöntuottajan ja kehittäjän kannattaa tietää, mitkä tarkistukset kuuluvat kummallekin.
Ymmärrä luonnoksen, esikatselun ja testiympäristön ero
Silverstripen esikatselussa voidaan tarkastella luonnosta ja julkaistua sisältöä. Preview-näkymä näyttää sivun esikatselun, ja Split-näkymässä sisältöä voi tarkastella muokkauksen rinnalla. Silverstripen esikatseluohje
Luonnoksen esikatselu ei ole sama asia kuin erillinen testiympäristö. Testiympäristössä voidaan kokeilla esimerkiksi ohjelmistopäivityksiä ja uusia toimintoja vaikuttamatta varsinaiseen sivustoon.
Käytä oikeaa ympäristöä tehtävän mukaan. Tekstin oikoluku onnistuu esikatselussa, mutta laajan lomakemuutoksen kokeilu kannattaa tehdä erillisessä ympäristössä.
Varmista myös, ettei testilomake lähetä vahingossa viestejä asiakkaille tai käynnistä tuotannon työnkulkuja. Käytä selvästi tunnistettavia testitietoja ja sovittuja vastaanottajia. Testauksen pitäisi tuottaa havaintoja ilman ylimääräistä selvitystyötä.
Lue sisältö kokonaisuutena
Aloita tärkeimmistä sivuista: etusivusta, palveluista, yhteystiedoista ja mahdollisista asiointisivuista. Lue tekstit siinä järjestyksessä kuin kävijä ne kohtaa.
Tarkista kirjoitusvirheiden lisäksi tietojen oikeellisuus. Onko hinnasto ajantasainen? Löytyykö oikea yhteyshenkilö? Puhutaanko tulevasta tapahtumasta, vaikka päivämäärä on jo mennyt?
Kiinnitä huomiota myös keskeneräisyyden merkkeihin:
- paikkamerkkitekstit ja testikuvat
- tyhjät sisältöosiot
- epäselvät painikkeiden nimet
- vanhaan yritysnimeen viittaavat tekstit
- toisistaan poikkeavat yhteystiedot.
Pyydä mielellään toista henkilöä lukemaan keskeiset sisällöt. Tekstin kirjoittaja tuntee aiheen niin hyvin, että puuttuva ohje voi jäädä häneltä huomaamatta. Ulkopuolinen lukija huomaa helpommin, missä tarvitaan lisäselitystä.
Tarkista sivupuu, valikot ja käyttäjän kulkureitit
Käy Silverstripen sivupuu läpi ja vertaa sitä suunniteltuun rakenteeseen. Varmista, että sivut sijaitsevat oikeiden yläsivujen alla ja nimet ovat ymmärrettäviä.
Tarkista sen jälkeen varsinainen navigaatio selaimessa. Sivupuun oikea järjestys ei yksin todista, että kaikki valikot toimivat odotetusti.
Kokeile muutamaa todellista tehtävää:
- Etsi palvelun hinta etusivulta lähtien.
- Siirry palvelukuvauksesta yhteydenottoon.
- Palaa alasivulta sen pääosioon.
- Etsi yhteystiedot ilman hakutoimintoa.
Jos sivustolla on haku, kokeile sekä tavallista hakusanaa että hakua, joka ei tuota tuloksia. Tyhjän tulosnäkymän pitäisi kertoa tilanteesta selkeästi ja auttaa käyttäjää jatkamaan.
Avaa linkit ja ladattavat tiedostot
Linkkien tarkistuksessa ei riitä, että teksti näyttää klikattavalta. Avaa tärkeät linkit ja varmista, että ne johtavat oikeaan sisältöön.
Kiinnitä erityistä huomiota sisäisiin linkkeihin, jotka on lisätty kehitysvaiheessa. Niihin voi jäädä testiympäristön osoite tai vanha sivupolku.
Kokeile myös ladattavat tiedostot. Tarkista, että esite avautuu, sisältö on oikea ja tiedoston nimi auttaa tunnistamaan sen. Saman esitteen vanha versio voi näyttää lähes samalta kuin uusi.
Sivustouudistuksessa laadi luettelo tärkeistä vanhoista osoitteista. Pyydä kehittäjää tarkistamaan tarvittavat uudelleenohjaukset ja kokeile niiden toiminta.
Testaa lisäksi olematon osoite. Virhesivun pitäisi auttaa kävijää palaamaan hyödylliseen sisältöön.
Testaa lomakkeet lähetyksestä vastaanottoon
Lomake on valmis vasta, kun sen koko toimintaketju on kokeiltu. Silverstripen UserForms-moduuli voi käsitellä lähetyksiä ja tallentaa niitä tietokantaan, joten tarkistettavaa voi olla sähköpostin lisäksi myös hallintapaneelissa. Silverstripen lomakeohje
Lähetä lomakkeelta vähintään yksi onnistunut testiviesti. Tarkista vastaanottaja, viestin sisältö ja käyttäjälle näytettävä vahvistus.
Kokeile myös virhetilanteita:
- pakollinen kenttä jää tyhjäksi
- sähköpostiosoite on virheellinen
- teksti on tavallista pidempi
- liitetiedosto ei vastaa sallittua tyyppiä.
Virheilmoituksen pitäisi kertoa, mitä käyttäjän täytyy korjata. Tarkista samalla, säilyvätkö jo täytetyt tiedot.
Jos lomakkeessa on roskapostisuojaus, varmista sen toiminta julkaisuympäristön asetuksilla.
Kokeile sivustoa puhelimella ja eri selaimilla
Työpöydällä onnistunut tarkistus ei kerro kaikkea mobiilikäytöstä. Avaa sivusto oikealla puhelimella ja kokeile tärkeimmät tehtävät kosketusnäytöllä.
Tarkista, että valikko avautuu ja sulkeutuu, painikkeisiin osuu helposti ja lomakkeen kentät pysyvät näkyvissä näppäimistön avauduttua. Pitkät otsikot ja taulukot ovat tavallisia ongelmakohtia.
Kokeile sivustoa myös useammalla selaimella. Valitse testattavat ympäristöt mahdollisuuksien mukaan sivuston käyttäjätietojen perusteella.
Huomioi etenkin sisältöä peittävät elementit. Evästebanneri, chat-painike tai kiinteä alapalkki voi estää lomakkeen lähettämisen pienellä näytöllä, vaikka jokainen osa toimisi erikseen.
Tee saavutettavuuden perustarkistus
Kokeile liikkua sivustolla pelkällä näppäimistöllä. Näetkö, mikä linkki tai painike on valittuna? Pääsetkö valikosta eteenpäin ilman hiirtä?
Tarkista myös otsikoiden loogisuus, kuvien vaihtoehtoiset tekstit ja lomakekenttien nimet. Suurenna sivua selaimen zoomauksella ja katso, pysyykö sisältö luettavana.
W3C:n alustavat saavutettavuustarkistukset auttavat löytämään tavallisia ongelmia, mutta ne eivät yksin osoita koko sivuston saavutettavuutta. W3C:n saavutettavuuden perustarkistukset
Kirjaa havainnot konkreettisesti. ”Valikkoa ei voi sulkea näppäimistöllä” on korjaajalle hyödyllisempi tieto kuin yleinen huomautus huonosta käytettävyydestä.
Varmista julkaisu- ja käyttöoikeudet
Tarkista, mitkä sisällöt ovat valmiita julkaistaviksi ja mitkä jäävät luonnoksiksi. Kokeile myös tavallisen sisällöntuottajan tunnuksella, että päivittäiset ylläpitotehtävät onnistuvat.
Kirjautunut ylläpitäjä voi nähdä sisältöä, johon tavallisella kävijällä ei ole pääsyä. Siksi julkinen näkymä on tarkistettava myös ilman kirjautumista.
Silverstripen luonnoksen esikatseluosoitteessa voi olla stage=Stage-parametri. Älä käytä tällaista osoitetta julkisen näkymän varmistamiseen tai kävijöille jaettavana linkkinä. Silverstripen luonnoksen esikatselu
Kokeile erikseen mahdolliset rajatut sivut. Valikosta puuttuminen ei itsessään tarkoita, että sisältö olisi suojattu.
Käy tekniset julkaisuasetukset läpi kehittäjän kanssa
Pyydä teknistä ylläpitäjää varmistamaan verkkotunnus, HTTPS-yhteys, tuotannon asetukset ja virheiden käsittely. Silverstripe erottaa kehitys-, testi- ja tuotantotilat toisistaan, joten ympäristöasetukset kuuluvat julkaisun tarkistuksiin. Silverstripen ympäristöjen hallinta
Tarkista myös hakukonenäkyvyys. Julkisiksi tarkoitettuihin sivuihin ei saa jäädä vahingossa indeksointia estäviä asetuksia. Robots.txt ja noindex palvelevat eri tarkoituksia, eikä robots.txt yksin takaa osoitteen pysymistä poissa hakutuloksista. Googlen tekniset hakuvaatimukset
Varmista lisäksi varmuuskopio ja palautussuunnitelma. Ennen käyttöönottoa pitäisi tietää, miten toimitaan, jos julkaisu aiheuttaa olennaisen ongelman.
Kirjaa havainnot ja tee lopputarkistus
Pidä löydetyistä virheistä yhteistä listaa. Merkitse jokaiselle sivun osoite, ongelman toistamisen vaiheet, odotettu toiminta ja tarvittaessa kuvakaappaus.
Korjaa ensin julkaisemisen estävät ongelmat, kuten toimimaton yhteydenotto, puuttuva sisältö tai väärät käyttöoikeudet. Ulkoasun pienet viimeistelyt voidaan käsitellä erikseen.
Testaa korjattu toiminto uudelleen. Pelkkä ilmoitus tehdystä muutoksesta ei vielä osoita, että ongelma poistui.
Käyttöönoton jälkeen tee lyhyt tarkistus varsinaisessa osoitteessa: avaa tärkeimmät sivut, kokeile lomake ja varmista kirjautumaton näkymä. Näin ennen julkaisua tehty työ varmistetaan myös siinä ympäristössä, jota kävijät käyttävät.
Liittyvät kategoriat
🤖 AI-sinetti: tämän artikkelin viimeistelyssä on käytetty tekoälyavusteisia työkaluja.
Aiheet: