La oss fange feil! En nybegynnerguide til testing av nettsider

James Tsividis
James Tsividis

Følg

2. Mai 2019 * 5 min lese

Nettstedet testing er mye enklere enn det ser ut. Du trenger ikke å være en tester for å gjøre det. Og du får et innblikk i produktet ditt som vil hjelpe deg å forstå det på en helt ny måte.

jeg er en tester På Single Digital Presence (SDP) prosjektet. Min jobb er å teste SDP-plattformede nettsteder på mange nettlesere, skjermstørrelser og enheter for å finne feil og sikre optimal brukeropplevelse.

Testing hjelper deg med å forstå brukerne dine bedre

Når jeg tester et nettsted, er jeg ikke bare ute etter å finne feil eller feil, men jeg prøver å se på det gjennom så mange forskjellige linser som mulig. Dette betyr å bruke et nettsted på forskjellige enheter, i forskjellige nettlesere og i forskjellige skjermstørrelser. Noen feil vises bare i 1 nettleser, så det er nødvendig å teste i mange forskjellige miljøer. Det er også en flott mulighet til å se hvordan ulike brukere kan samhandle med nettstedet også.

hva vi tester på

For vic.gov.au nettsted, vi tester på flere miljøer, inkludert Windows, Mac, Android og iOS. Vi tester på stasjonære datamaskiner, nettbrett og telefoner, samt flere nettlesere for enkelte enheter.

Vi bruker Victorian Government Digital Standards Test en produkt-eller tjenesteguide som inkluderer vanlige nettlesere og brukerakseptstestmaler.

vi vet aldri hvordan folk vil få tilgang til nettstedet vårt, så vi vil sørge for at uansett hvordan de får tilgang til det, er deres erfaring konsistent og den oppfyller våre kvalitetsstandarder. Selvfølgelig er det tilsynelatende uendelige antall enheter vi kan teste våre nettsteder på, men å bruke enhetene vi allerede har og kan låne fra andre, er ofte nok til å gi oss uvurderlig innsikt i hvordan publikum kan oppleve det.

Etter vic.gov.au nettstedet ble utgitt, jeg skjedde til Å være På Doncaster kjøpesenter. Så jeg dro Til Apple store for å teste nettstedet på en av deres iPhones, siden jeg ikke hadde en selv. Jeg fylte ut et av tilbakemeldingsskjemaene for sider og signerte Det Som ‘James from an Apple store’, og innholdsteamet vårt satte pris på innsatsen jeg gikk gjennom for å teste nettstedet.

hvis du vil ha nøyaktige data om hvilke enheter, nettlesere og skjermstørrelser folk bruker for å få tilgang til nettstedet ditt, kan Du alltid sjekke Google Analytics om det er konfigurert med nettstedet ditt.

Dra test

den første testen jeg liker å gjøre når du tester et nettsted er dra test. Dette tillater meg å få en rask forståelse av hva nettstedet kan se ut på forskjellige skjermstørrelser og på forskjellige enheter, alt mens du bor i samme nettleser.

dra testen innebærer å dra nettleservinduet fra den største størrelsen til den minste størrelsen, for å se hvordan nettstedet ser ut på forskjellige stoppunkter, som er det punktet hvor nettstedet morphs basert på hvor stor visningsporten er.

Avbruddspunkter er nødvendige fordi vi vil at ting skal bli større eller mindre for å imøtekomme de forskjellige skjermstørrelsene vi kan se på nettstedet, og å dra vinduet til å være mindre eller større er en enkel måte å observere alle disse endringene på. Så la oss se et eksempel med vic.gov.au hjemmeside.

Dette er min vic.gov.au hjemmesiden åpnet til maksimal størrelse på min 27 » iMac-skjerm. La oss observere hjemmesiden og se hva som skjer når vi gjør vinduet mindre.

Dette er vic.gov.au hjemmeside, men det tar opp like under halvparten av skjermen nå. I bildet har jeg notert noen av de store forskjellene mellom de to bildene så langt.

dette bildet er den minste versjonen av nettstedet og er synlig på mobiltelefoner. Det vil være mest forskjellig fra de andre.

Dette er ikke de eneste tre skjermstørrelsepunktene på vic.gov.au og det vil være forskjellig for hvert område, men det er noe å komme i gang.

jeg ser ofte på overskriften for å se hvilket brytepunkt jeg er på, da nesten alle av dem har noe endret seg i overskriften hver gang. Og jeg har lært hva hver annen header ser ut ved å se på designene for nettstedet. Det hjelper mye å ha tilgang til designene, slik at du kan vite om en funksjon skal se ut som den gjør ved et bestemt skjermstørrelse. Gitt antall forskjeller mellom brytepunkter, er det ofte noen feil i implementeringen. Så dette er en svært verdifull test å gjøre som området blir utviklet.

ikke glem å gjøre dra testen for toppteksten, innholdet og bunnteksten på nettstedet, da de alle har unikt innhold som kan skifte mellom avbruddspunkter. Legg også merke til hvor sidebarinnholdet går når siden blir liten nok. Det går vanligvis et sted på bunnen.

innholdstypetesting

hvert nettsted har forskjellige innholdstyper for sider. Sørg for å bli kjent med hver enkelt innholdstype som du skal teste for ulike attributter på hver side. Noen sider varierer mer enn andre. På vic.gov.au våre innholdstyper er:

  • Varsel
  • Hendelse
  • Grant
  • Destinasjonsside
  • Nyheter
  • Side
  • Profil

hvis du vil vite mer om innholdstyper, kan du gå til: https://www.vic.gov.au/what-single-digital-presence-offers#page-templates-available-on-sdp

Enhet og nettleser testing

og til slutt, når du har testet nettstedet grundig på favorittnettleseren din, er det alltid godt å se hvordan det ser ut på andre enheter og nettlesere også — spesielt de populære — da berøringsopplevelsen ikke er noe du alltid kan forutse, og du kan alltid finne feil som er spesifikke for en bestemt nettleser på en bestemt enhet også. Som ser ut til å komme ut av ingensteds og er helt uventet.

Handy testing linker

  • Mest populære nettlesere (Australia) — http://gs.statcounter.com/browser-market-share/all/australia
  • Mest populære nettlesere (World) — http://gs.statcounter.com/browser-market-share
  • iPhone simulator (Kun Mac) — https://developer.apple.com/xcode/
  • Hvis Du vil gjøre enhetsspesifikk testing i stedet for bare skjermoppløsningstesting, Har Google Chrome Developer Tools En Verktøylinje Som kan simulere hvordan en ekte enhet oppfører seg, men Det er ikke perfekt.

det er mange nettside testing teknikker ikke diskutert i denne artikkelen, men dette er et flott sted å starte. Den neste tingen jeg vil teste er at data som er oppgitt i skjemaer, vises riktig i backend, og at ugyldige data ikke kan skrives inn.

Ha det gøy testing og jeg ser frem til å høre hva folk lærer av denne artikkelen. La oss alle gjøre web bedre sammen!

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.