what is mobile responsive test
Važnost mobilnog responzivnog testiranja:
U današnjem mehaniziranom svijetu web stranice se ne gledaju samo na prijenosnom računalu ili radnoj površini, već i na tabletu i pametnom telefonu.
Prošla su vremena kada smo sjedili ispred svojih stolnih ili prijenosnih računala kako bismo kupovali ili surfali internetom ili slali e-poštu. Sada je mobilno doba i ljudi pristupaju internetu dok hodaju ulicama, sjede u parku i bilo gdje žele u skladu sa svojom udobnošću.
Ako primijetite radnu površinu, prijenosno računalo, tablet i pametni telefon, razlikuju se ne samo njihov OS, CPU itd., Već i veličine zaslona.
Stoga je za tvrtku koja ne samo da povjerava aplikaciju, već i web mjesto, vrlo važno da web mjesto dobro stane u ove različite veličine. Vašim se kupcima ili korisnicima neće svidjeti ako moraju prilagoditi svoje telefone kako bi imali bolji uvid u sadržaj vaše web stranice.
Svi gotovo svakodnevno koristimo web stranice Amazon, Agoda, ZDNet itd., Web stranice. Zamislite koliko bi bilo zamorno ako morate pristupiti sljedećoj stranici ili slici, ali veza ili ne odgovara zaslonu ili je premala za klikanje? Takve stvari rezultiraju gubitkom interesa korisnika.
Tu dolazi do izražaja ponašanje koje odgovara mobilnim uređajima ili prilagođeno mobilnim uređajima.
Odzivni ili prijateljski web dizajn u osnovi je povezan s web mjestima. Mobilni responzivni web dizajn pristup je koji se slijedi u razvoju web stranica kako bi se korisnicima pružilo pristojno iskustvo gledanja na bilo kojem uređaju koji gledaju.
Google daje prednost web lokacijama prilagođenim mobilnim uređajima u njihovim rezultatima pretraživanja, pa stoga postaje važno dizajnirati vašu web stranicu imajući to na umu.
Prvo da shvatimo što je ovaj ‘Web dizajn koji reagira na mobilne uređaje’.
Što ćete naučiti:
- Značenje mobilne odzivnosti ili prijateljskog dizajna
- Preporučeni alat
- Zaključak
Značenje mobilne odzivnosti ili prijateljskog dizajna
Responzivni web dizajn naziva se i RWD i pristup je dizajniranju web mjesta kako bi se web stranice mogle konstruirati s različitim uređajima i njihovim veličinama zaslona.
Ima tri razvojna načela koja uključuju:
- Tekuće rešetke: Ovaj se pristup temelji na postotku, a ne na povijesnom pikselskom pristupu.
- Upiti za medije : Koristi se za primjenu različitih stilova ovisno o veličini zaslona uređaja.
- Fleksibilne slike i mediji : Ovo pomaže u prikazivanju slika i medija u različitim veličinama pomoću skaliranja ili CSS-a.
Uz razvojni pristup, važno je i testiranje responzivnih web stranica.
Web stranice prilagođene mobilnim uređajima moraju korisnicima pružiti isto iskustvo na mobilnom uređaju kao na prijenosnom računalu ili radnoj površini. Treba ga testirati za različite preglednike, različite veličine zaslona, načine rada - pejzažni ili portretni itd.
Preporučeni alat
# 1) LambdaTest LT preglednik
Preglednik orijentiran prema programerima koji korisnicima pruža razvojni radni prostor za testiranje reakcije njihove web stranice na različitim prikazima uređaja. Razvijen s ciljem smanjenja vremena potrebnog za responzivno testiranje, napravljen je da pojednostavi svakodnevne zadatke testiranja web testera i programera.
Ključne značajke:
- Odmah testirajte na različitim prikazima uređaja.
- Izradite vlastiti prilagođeni uređaj.
- Otklanjanje pogrešaka u različitim okvirima prikaza Jedna do druge.
- Testiranje lokalnih web stranica nikada nije bilo lakše.
- Ugrađeni alati za programere za brže uklanjanje pogrešaka.
- Snimite snimke zaslona i videozapise i podijelite ih sa svojim timom.
Mobilno responzivno testiranje i njegovi izazovi
Uključivanje responzivnog web dizajna ne završava priču, jednako je važno testirati njegovu provedbu kako biste bili sigurni da se web stranica prikazuje kako se očekuje na svim uređajima.
Sadržaj, videozapisi, slike, poveznice itd. Moraju se testirati kako bi izgledali prije puštanja web stranice. Ne samo na svim uređajima, već i na različitim preglednicima i operativnim sustavima.
tvrtke uključene u internet stvari
Na primjer , web stranica može izgledati malo drugačije na Androidu u odnosu na iOS ili Windows.
(slika izvor)
Ali postoje i veliki izazovi s kojima se QA suočava prilikom testiranja reakcije. Najveći izazov su kombinacije veličina zaslona, inačica OS-a, načina rada telefona, preglednika i njihovih rezolucija. Stoga je teško odlučiti o strategiji. Ostali izazovi uključuju vremenski okvir testiranja, alate, određivanje prioriteta ispitivanja itd.
Slijedi nekoliko uputa za odlučivanje o načinu testiranja:
# 1) Ispitna ploča
Stvaranje matrica za različite kombinacije veličina telefona, preglednika, operativnih sustava i verzija vrlo je dosadan i složen zadatak. Stoga bih kao QA predlagao uzimanje podataka od BA-a i vlasnika ili menadžera proizvoda.
Budući da se s obzirom na komplikacije ispitne ploče, uputno je pustiti ih da odluče o verzijama, veličinama itd. Koje treba testirati. Može se dogoditi da možda potrošite puno vremena na istraživanje i izradu strategije za testne staze, što vaš upravitelj ili SCRUM majstor možda neće odobriti. Web stranice su dostupne na radnoj površini, telefonu itd.,
Stoga testno mjesto mora sadržavati preglednike čije će verzije biti zajedničke za sve ove uređaje, na taj će se način izbjeći komplikacije varijacije verzije i ista verzija može se testirati na svim.
# 2) Dodjela vremena
Morate razgovarati i dovršiti koliko je vremena potrebno za testiranje i koliko se izdvaja jer je testiranje responzivnih web stranica vrlo dugotrajno.
Na temelju toga morat ćete pripremiti plan kako i što testirati. Obavezno odredite dovoljno vremena za ispitivanje kako bi se testirao niz važnih kombinacija ispitnih površina.
# 3) Stvarni uređaji i emulatori
Da bi se testiralo toliko kombinacija, nije moguće kupiti sve prave uređaje, pa se mogu koristiti emulatori i simulatori.
Prema mom iskustvu, najvažnije su verzije, veličine itd. I trebalo bi ih testirati na stvarnim uređajima, ali inačice i veličine telefona koje su donekle zastarjele mogu se testirati na emulatorima i simulatorima.
# 4) Ručno ili automatizacija
Testiranje se može obaviti i ručnim i automatizacijskim pristupom. Ponekad alati ne mogu vidjeti što oko može vidjeti, pa ručno testiranje također treba ponekad raditi. Napori se mogu podijeliti poput 65% automatizacije i 35% ručnih napora ili obrnuto.
Na primjer ,klikanje alata na malu poveznicu uvelike se razlikuje od klika prstima ili ručnog umanjivanja web stranice, a ne umanjivanja alata.
# 5) Davanje prioriteta ispitivanju
Testiranje treba pravilno odrediti kao prioritet, jer ima puno toga za testiranje i ne može se sve testirati. Stoga bi se cijeli tim trebao složiti oko plana ispitivanja i njegovog prioriteta. Prioritet ispitivanja treba unaprijed priopćiti BA-u i vlasniku proizvoda, tako da se, ako imaju prijedloge, mogu i pogledati.
Kombinacije često korištenih operativnih sustava, preglednika i veličina zaslona treba temeljito i prioritetno testirati . Prema mom iskustvu, trebalo bi obaviti puni krug testiranja na najnovijem mobilnom OS-u, ali nakon što se riješe i provjere svi problemi jer ne koriste svi najnoviji mobilni OS.
Važnost testiranja reaktivnosti web mjesta
Sadržaj web stranice je ono što promovira posao, a ako sadržaj nije privlačan kupcima, tada posao ne može dobro procvjetati. Stoga razvoj responzivne web stranice ne završava priču, treba je i provjeriti i provjeriti.
Testiranje igra vitalnu ulogu u osiguranju da našim klijentima pružamo kvalitetnu, robusnu i korisničku aplikaciju. Isti je slučaj i s mobilnim responzivnim web mjestima.
Slijedi nekoliko čimbenika koji ukazuju na važnost testiranja mobilnog prilagodljivog web mjesta:
# 1) Mnoštvo uređaja, OS-a i preglednika: Treba provjeriti sadržaj za različite mobilne uređaje veličine zaslona, operativne sustave i preglednike. Ne znači da ako je sadržaj savršen, onda će biti savršen i za druge.
# 2) Robusnost: Vrijeme koje web mjestu treba za učitavanje sadržaja trebalo bi biti jednako na različitim platformama i ne bi trebalo biti sporo ili s vremenskim ograničenjem na bilo kojem ‘podržanom’ uređaju ili pregledniku. Stoga je testiranje performansi web mjesta važno za web mjesta koja reagiraju na mobilne uređaje.
# 3) Navigacija: To je vrlo česta greška koja se pronalazi tijekom testiranja mobilnih web stranica ili aplikacija koje se stranice ne učitavaju kako se očekuje kada se kreću između različitih poveznica web mjesta. Ponekad se dogodi da veze nedostaju ili slike nisu učitane ili isteklo vrijeme dok se igrate s navigacijom.
# 4) Raznolikost slika i videozapisa: Potrebno je odgovarajuće testiranje kako bi se provjerilo prikazuju li se sve vrste slika i videozapisa kako se očekuje na različitim telefonima, preglednicima itd.
Ponekad se neki videozapisi dobro reproduciraju na Androidu, ali čak se i ne učitavaju na iOS-u ili se neke slike čine pokvarenima u nekim verzijama mobilnog operativnog sustava, dok su savršene na drugima
Takva izdanja mogu ostaviti vrlo loš dojam ako se ne izvrši testiranje. Stoga je testiranje web stranica koje reagiraju na mobilne uređaje važno zajedno s ostalim ispitivanjima poput funkcionalnosti, sigurnosti itd.
Nekoliko uzoraka testnih slučajeva za testiranje odzivnosti na mobilnim uređajima
Uobičajeno, testeri započinju testiranje promjenom veličine prozora mobitela, preglednika, tableta, prijenosnih računala itd., Ali treba još puno toga testirati.
Slijedi nekoliko primjera testnih slučajeva koji se mogu pokriti tijekom testiranja mobilnog responzivnog web mjesta, pobrinite se da su testni primjeri testirani za sve testirane matrice:
- Provjerite odgovara li sadržaj zaslonu i nije li izrezan ili iskrivljen.
- Provjerite učitavaju li se videozapisi i nemaju li neispravne veze.
- Provjerite jesu li boja teksta, font itd. Ostali isti.
- Provjerite ne udaljava li sadržaj web stranice, slike i videozapise.
- Provjerite da li brzo pomicanje ne narušava sadržaj.
- Provjerite rade li veze dobro i vode li korisnika na odgovarajuću stranicu.
- Provjerite ne završava li vremensko ograničenje web stranice ili se predugo učitava.
- Provjerite prilagođava li sadržaj promjenom iz pejzažnog u portretni način ili obrnuto sadržaj.
- Provjerite prikazuju li se slike različitih vrsta poput .jpg, .png, .gif itd. Kako se očekuje.
- Provjerite postaju li veze moguće kliknuti kada se zumiraju na telefonima s malim zaslonom.
- Provjerite da li navigacija između web stranica ne narušava sadržaj itd.
Mobilni prilagodljivi alati za testiranje
Dostupno je nekoliko alata za testiranje odzivnosti mobitela - i besplatni i oni koji se plaćaju.
Prema mom iskustvu, za ovu vrstu testiranja bolje je koristiti alat koji se može koristiti za razne telefone, njihove operativne sustave, preglednike itd. Nije moguće koristiti različite alate za različite uređaje, preglednike itd.
Stoga, dok odabirete alat, odaberite onaj koji može pokriti maksimum testne površine.
Dodatni otvoreni izvorni mobilni alati za testiranje:
# 1) Odziv na web mjestu: Ovaj alat podržava sve glavne web preglednike i pruža pregled izgleda stvarne web stranice. Da bismo dobili rezultate reakcije web stranice, moramo unijeti URL naše web stranice.
# 2) Screenfly: Također je mobilni responzivni alat za testiranje i može se koristiti za testiranje na kartici Galaxy, iPadu itd. Automatski otkriva mobilnu stranicu web stranice i vodi vas na istu.
# 3) VeiwPort Resizer: To je alat koji se može konfigurirati i može se koristiti za prilagodbu veličine zaslona preglednika.
# 4) Odgovornik: Ovo se nudi kao plaćena verzija, gdje također možete kupiti poddomenu za svoje testiranje. Davanjem URL-a web stranice, ovaj alat pokazuje kako će web stranica izgledati.
Zaključak
Mobilno responzivno testiranje vrlo je važno kako bi se osiguralo imaju li svi korisnici optimalno iskustvo gledanja na svojim uređajima, možda prijenosnom računalu, radnoj površini, tabletu ili pametnom telefonu.
Kao što je ranije rečeno, samo ako se sadržaj čini dobrim za korisnika, bit će zainteresiran za dalje, stoga je, uz ostale vrste testiranja funkcionalnosti, sigurnosti, stresa itd., Responzivno testiranje također vrlo važno i ne bi ga trebalo shvatiti olako.
Mobilno responzivno testiranje jednostavno je, ali testne površine predstavljaju mu najveću složenost i izazov. Stoga se kao QA morate pametno nositi s tim.
U sljedećem ćemo članku razgovarati o tome više Davatelji usluga testiranja mobilnih aplikacija zasnovanih na oblaku .
Preporučena literatura
- Najbolji alati za testiranje softvera 2021. (Alati za automatizaciju ispitivanja kvalitete)
- Zašto je mobilno testiranje teško?
- 10 najboljih alata za testiranje sigurnosti mobilnih aplikacija u 2021. godini
- Kako brzo dobiti posao za mobilno testiranje - Vodič za karijeru za mobilno testiranje (1. dio)
- 5 Izazovi i rješenja za mobilno testiranje
- TOP 15 najboljih alata za mobilno testiranje 2021. za Android i iOS
- Testiranje mobilnih aplikacija zasnovanih na oblaku: cjelovit pregled
- 40+ najčešćih pitanja i odgovora na internetska ispitivanja s uzorkom životopisa za mobilno testiranje