fogjunk hibákat! Kezdőknek szóló útmutató a weboldal teszteléséhez

James Tsividis
James Tsividis

követés

május 2, 2019 * 5 perc olvasás

a weboldal tesztelése sokkal egyszerűbb, mint amilyennek látszik. Ehhez nem kell tesztelőnek lennie. És kapsz egy betekintést a termék, amely segít megérteni, hogy egy teljesen új módon.

a Single Digital Presence (SDP) projekt tesztelője vagyok. Az én feladatom, hogy teszteljem az SDP platformos weboldalakat számos böngészőben, képernyőméretben és eszközön, hogy megtaláljam a hibákat és biztosítsam az optimális felhasználói élményt.

a tesztelés segít jobban megérteni a felhasználókat

amikor tesztelek egy weboldalt, nem csak hibákat vagy hibákat keresek, hanem a lehető legtöbb különböző lencsén keresztül próbálom megnézni. Ez azt jelenti, hogy egy weboldalt különböző eszközökön, különböző böngészőkben és különböző képernyőméretekben használunk. Néhány hiba csak 1 böngészőben jelenik meg, így számos különböző környezetben tesztelésre van szükség. Ez egy nagyszerű lehetőség arra is, hogy megnézze, hogy a különböző felhasználók hogyan léphetnek kapcsolatba az oldallal.

mit tesztelünk

a vic.gov.au weboldal, tesztelünk több környezetben, beleértve a Windows, Mac, Android és iOS. Tesztelünk asztali számítógépeken, táblagépeken és telefonokon, valamint néhány eszköz több internetes böngészőjében.

a Victorian Government Digital Standards Test termék-vagy szolgáltatási útmutatót használjuk, amely gyakran használt böngészőket és felhasználói elfogadási tesztsablonokat tartalmaz.

soha nem tudhatjuk, hogy az emberek hogyan férnek hozzá webhelyünkhöz, ezért biztosítani akarjuk, hogy bárhogy is férnek hozzá, tapasztalataik konzisztensek és megfelelnek minőségi szabványainknak. Természetesen látszólag végtelen számú eszköz van, amelyeken tesztelhetjük webhelyeinket, de a már meglévő eszközök használata, amelyeket másoktól kölcsönözhetünk, gyakran elegendő ahhoz, hogy felbecsülhetetlen értékű betekintést nyújtson a nyilvánosság számára.

után vic.gov.au megjelent a weboldal, történetesen a Doncaster bevásárlóközpontban voltam. Tehát elmentem az Apple store-ba, hogy teszteljem a webhelyet az egyik iPhone-on, mivel nekem nem volt ilyen. Kitöltöttem az egyik oldal visszajelzési űrlapját, és ‘James from an Apple store’ néven írtam alá, és a tartalmi csapatunk értékelte az erőfeszítést, amelyet a webhely tesztelésére tettem.

ha pontos adatokat szeretne arról, hogy az emberek milyen eszközöket, böngészőket és képernyőméreteket használnak a webhely eléréséhez, akkor mindig ellenőrizheti, hogy a Google Analytics be van-e állítva a webhelyével.

húzási teszt

az első teszt, amelyet egy weboldal tesztelésekor szeretek elvégezni, a húzási teszt. Ez lehetővé teszi számomra, hogy gyorsan megértsem, hogy nézhet ki a webhely különböző képernyőméretekben és különböző eszközökön, miközben ugyanabban a böngészőben marad.

a húzási teszt magában foglalja a böngészőablak húzását a legnagyobb méretről a legkisebbre, annak érdekében, hogy megnézze, hogyan néz ki a webhely a különböző töréspontokon, ez az a pont, ahol a webhely a nézetablak nagysága alapján morfondírozik.

a töréspontok azért szükségesek, mert azt akarjuk, hogy a dolgok nagyobbak vagy kisebbek legyenek, hogy megfeleljenek a különböző képernyőméreteknek, amelyeken megtekinthetjük a webhelyet, és az ablak kisebbre vagy nagyobbra húzása egyszerű módja annak, hogy megfigyeljük ezeket a változásokat. Lássunk egy példát a vic.gov.au honlap.

ez az én vic.gov.au honlap megnyílt a maximális méret Az én 27 ” iMac képernyőn. Nézzük meg a kezdőlapot, és nézzük meg, mi történik, ha kisebbre tesszük az ablakot.

ez az vic.gov.au honlap, de most a képernyő alig felét foglalja el. A képen, megjegyeztem néhány fő különbséget a két kép között eddig.

ez a kép a webhely legkisebb verziója, amely mobiltelefonokon is látható. Ez lesz a leginkább különbözik a többiektől.

ez nem az egyetlen három képernyőméret-töréspont vic.gov.au és ez minden oldalon más lesz, de ez valami, ami elkezdi.

gyakran Megnézem a fejlécet, hogy melyik törésponton vagyok, mivel szinte mindegyikben minden alkalommal megváltozott valami a fejlécben. És megtanultam, hogy néz ki az egyes fejlécek, ha megnéztem az oldal terveit. Sokat segít a tervekhez való hozzáférés, így megtudhatja, hogy egy funkciónak úgy kell-e kinéznie, mint egy bizonyos képernyőméret-töréspontnál. Tekintettel a töréspontok közötti különbségek számára, gyakran van néhány hiba a megvalósításban. Tehát ez egy nagyon értékes teszt, amelyet a webhely fejlesztése során kell elvégezni.

ne felejtsd el elvégezni a drag tesztet a fejléc, A tartalom és a lábléc esetében, mivel mindegyik egyedi tartalommal rendelkezik, amely a töréspontok között változhat. Vegye figyelembe azt is, hogy hová kerül az oldalsáv tartalma, Amikor az oldal elég kicsi lesz. Általában valahol az alján megy.

tartalomtípus-tesztelés

minden weboldal különböző oldaltartalomtípusokkal rendelkezik. Ügyeljen arra, hogy megismerje az egyes tartalomtípusokat, mivel az egyes oldalakon különböző attribútumokat fog tesztelni. Egyes oldalak eltérőek, mint mások. Be vic.gov.au, tartalomtípusaink a következők:

  • Alert
  • Event
  • támogatás
  • nyitóoldal
  • hírek
  • oldal
  • profil

Ha többet szeretne megtudni a tartalomtípusokról, látogasson el a: https://www.vic.gov.au/what-single-digital-presence-offers#page-templates-available-on-sdp

eszköz — és böngésző tesztelés

és végül, miután alaposan tesztelted az oldalt a kedvenc böngésződben, mindig jó látni, hogy néz ki más eszközökön és böngészőkben is — különösen a népszerűeknél -, mivel az érintési élmény nem mindig olyan, amire mindig számíthatsz, és mindig találhatsz olyan hibákat, amelyek egy adott böngészőre jellemzőek egy adott eszközön is. Ami úgy tűnik, hogy a semmiből jön, és teljesen váratlan.

Handy testing linkek

  • legnépszerűbb böngészők (Ausztrália) — http://gs.statcounter.com/browser-market-share/all/australia
  • a legnépszerűbb böngészők (világ) — http://gs.statcounter.com/browser-market-share
  • iPhone szimulátor (csak Mac) — https://developer.apple.com/xcode/
  • ha csak a képernyőfelbontás tesztelése helyett eszközspecifikus tesztelést szeretne végezni, akkor a Google Chrome Developer Tools rendelkezik egy eszköz eszköztárral, amely szimulálhatja a valódi eszköz viselkedését, de ez nem tökéletes.

sok weboldal tesztelési technikát nem tárgyalunk ebben a cikkben, de ez egy remek hely a kezdéshez. A következő dolog, amit tesztelnék, hogy az űrlapokba bevitt adatok helyesen jelennek meg a háttérrendszerben, és érvénytelen adatokat nem lehet beírni.

jó szórakozást a teszteléshez, és várom, hogy meghallgassam, mit tanulnak az emberek ebből a cikkből. Nézzük minden csinálni web jobb együtt!

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.