what is mobile responsive test
Dôležitosť mobilného responzívneho testovania:
V dnešnom mechanizovanom svete sa webové stránky nepozerajú iba na notebooku alebo počítači, ale aj na tablete a smartfóne.
Časy, keď sme zvykli sedieť pred pracovnými plochami alebo notebookmi, aby sme nakupovali alebo surfovali po internete alebo poslali e-mail, sú preč. Teraz je mobilná doba a ľudia majú prístup k internetu pri chôdzi po uliciach, sedení v parku a kdekoľvek chcú, podľa svojho pohodlia.
Ak sledujete stolný počítač, notebook, tablet a smartfón, líšia sa nielen ich OS, CPU atď., Ale aj veľkosť obrazovky.
Pre spoločnosť, ktorá sa zveruje nielen aplikácii, ale aj webovým stránkam, je preto veľmi dôležité, aby sa web dobre hodil do týchto rôznych veľkostí. Vaši zákazníci alebo používatelia sa nebudú páčiť, ak budú musieť upraviť svoj telefón, aby si lepšie prezreli obsah vášho webu.
Všetci používame webové stránky Amazon, Agoda a ZDNet atď. Takmer denne. Predstavte si, aké zdĺhavé by bolo, keby ste museli otvoriť ďalšiu stránku alebo obrázok, ale odkaz sa na obrazovku nezmestí alebo je príliš malý na kliknutie? Takéto veci vedú k strate záujmu používateľa.
To je miesto, kde prichádza na scénu responzívne alebo priateľské správanie k mobilným telefónom.
Responzívny alebo priateľský webový design sa zásadne týka webových stránok. Mobilný responzívny webový dizajn je prístup používaný pri vývoji webových stránok, ktorý poskytuje používateľom slušný zážitok zo sledovania na akomkoľvek zariadení, ktoré prezerajú.
Google dáva prednosť webom vhodným pre mobilné zariadenia vo výsledkoch vyhľadávania, a preto je dôležité navrhnúť ich tak, že to nezabudnete.
Poďme najskôr pochopiť, čo je tento „mobilný responzívny webový dizajn“.
Čo sa dozviete:
- Význam mobilnej odozvy alebo priateľského dizajnu
- Odporúčaný nástroj
- Záver
Význam mobilnej odozvy alebo priateľského dizajnu
Responzívny webový dizajn sa tiež označuje ako RWD a je to prístup k návrhu webovej stránky, ktorá umožňuje webovým stránkam vytvárať rôzne zariadenia a ich veľkosti obrazoviek.
Má tri zásady rozvoja, medzi ktoré patrí:
- Kvapalinové mriežky: Tento prístup je založený na percentách a nie na historickom prístupe založenom na pixeloch.
- Mediálne dotazy : Používa sa na použitie rôznych štýlov podľa veľkosti obrazovky zariadenia.
- Flexibilné obrázky a médiá : Toto pomáha zobrazovať obrázky a médiá rôzne v rôznych veľkostiach pomocou zmeny mierky alebo CSS.
S vývojovým prístupom je dôležité aj testovanie responzívnych webov.
Webové stránky vhodné pre mobilné zariadenia musia používateľom v mobilných zariadeniach poskytovať rovnaké skúsenosti ako v prípade prenosných počítačov alebo stolových počítačov. Je potrebné ho otestovať pre rôzne prehliadače, rôzne veľkosti obrazovky, režimy - na šírku alebo na výšku atď.
Odporúčaný nástroj
# 1) Prehliadač LambdaTest LT
Prehliadač zameraný na vývojárov, ktorý poskytuje používateľom vývojový pracovný priestor na testovanie citlivosti ich webových stránok v rôznych výrezoch zariadenia. Bol vyvinutý s cieľom skrátiť čas potrebný na responzívne testovanie a je navrhnutý tak, aby zjednodušil úlohy denného testovania webových testerov a vývojárov.
Kľúčové vlastnosti:
- Okamžité testovanie na rôznych výrezoch zariadení.
- Vytvorte si vlastné zariadenie.
- Ladenie v rôznych výrezoch vedľa seba.
- Testovanie miestnych webových stránok nebolo nikdy jednoduchšie.
- Zabudované vývojárske nástroje na rýchlejšie ladenie.
- Robte snímky obrazovky a videá a zdieľajte ich so svojím tímom.
Mobilné responzívne testovanie a jeho výzvy
Začlenením responzívneho webového dizajnu sa príbeh nekončí, rovnako dôležité je vyskúšať jeho implementáciu, aby ste sa uistili, že sa webová stránka zobrazuje na všetkých zariadeniach očakávaným spôsobom.
Obsah, videá, obrázky, odkazy atď. Je potrebné pred vydaním webovej stránky otestovať na ich vzhľad. Nielen naprieč zariadeniami, ale aj testy je potrebné vykonať v rôznych prehliadačoch a operačných systémoch.
bezplatný program na stiahnutie videí z youtube
Napríklad , web môže v systéme Android vyzerať trochu inak v porovnaní s iOS alebo Windows.
(obrázok zdroj)
Existujú však aj veľké výzvy, ktorým QA čelí pri testovaní odozvy. Najväčšou výzvou sú kombinácie veľkostí obrazovky, verzie OS, režimy telefónu, prehľadávače a ich rozlíšenia. Preto je ťažké rozhodnúť o stratégii. Medzi ďalšie výzvy patrí časový rámec testovania, nástroje, stanovenie priorít testov atď.
Nasleduje niekoľko ukazovateľov, ktoré sa majú rozhodnúť, ako testovať:
# 1) Testovacie lôžko
Vytváranie matíc pre rôzne kombinácie veľkostí telefónov, prehľadávačov, operačných systémov a verzií je veľmi zdĺhavá a komplikovaná úloha. Preto by som ako QA navrhol prevziať vstupy od BA a produktového vlastníka alebo manažéra.
Pretože vzhľadom na komplikácie testovacieho lôžka je vhodné nechať ich rozhodnúť o verziách, veľkostiach atď., Ktoré je potrebné testovať. Môže sa stať, že strávite veľa času výskumom a strategizáciou testovacích postelí, ktoré nemusí byť schválené vašim manažérom alebo majstrom SCRUM. Webové stránky sú prístupné na počítači, telefóne atď.,
Preto testovacie lôžko musí obsahovať prehliadače, ktorých verzie budú spoločné pre všetky tieto zariadenia, aby sa predišlo komplikáciám pri variáciách verzií a rovnaká verzia sa dá otestovať na všetkých.
# 2) Pridelenie času
Musíte prediskutovať a dokončiť, koľko času je potrebných na testovanie a koľko sa pridelí, pretože testovanie responzívnych webov je časovo veľmi náročné.
Na základe toho budete musieť pripraviť plán, ako a čo testovať. Uistite sa, že je na testovanie vyhradený dostatočný čas, aby sa otestovala celá škála dôležitých kombinácií testovacieho lôžka.
# 3) Skutočné zariadenia a emulátory
Aby bolo možné otestovať toľko kombinácií, nie je možné kúpiť všetky skutočné zariadenia, a preto je možné použiť emulátory a simulátory.
Podle mých zkušeností jsou nejdůležitější verze, velikosti atd. A měly by se testovat na skutečných zařízeních, ale verze a velikosti telefonů, které jsou trochu zastaralé, lze testovat na emulátorech a simulátorech.
# 4) Manuálne alebo automatizované
Testovanie je možné vykonať pomocou manuálneho aj automatizovaného prístupu. Niekedy nástroje nevidia to, čo vidí oko, a preto je občas potrebné vykonať aj manuálne testovanie. Úsilie možno rozdeliť na 65% automatizácie a 35% manuálne úsilie alebo naopak.
Napríklad ,nástroj klikajúci na malý odkaz sa veľmi líši od klikania prstami alebo manuálneho oddialenia webovej stránky, namiesto nástroja oddialenia stránky.
# 5) Stanovenie priorít pri testovaní
Testovanie musí mať správnu prioritu, pretože je toho veľa, čo sa dá otestovať, a testovať sa nedá všetko. Celý tím by sa mal preto dohodnúť na pláne testovania a jeho priorite. Priorita testovania by mala byť oznámená BA a vlastníkovi produktu v dostatočnom časovom predstihu, takže ak majú nejaké návrhy, je možné ich tiež preskúmať.
Kombinácie bežne používaných operačných systémov, prehľadávačov a veľkostí obrazoviek by sa mali testovať dôkladne a prioritne . Podľa mojich skúseností by sa malo vykonať úplné kolo testovania na najnovšom mobilnom operačnom systéme, ale po vyriešení a overení všetkých problémov, pretože nie každý používa najnovší mobilný operačný systém.
Dôležitosť testovania citlivosti webových stránok
Propagácia firmy spočíva v obsahu webovej stránky. Ak nie je atraktívny pre zákazníkov, potom podnik nemôže dobre prosperovať. Preto vývoj responzívneho webu nekončí príbehom, je tiež potrebné ho skontrolovať a overiť.
Testovanie hrá zásadnú úlohu pri zabezpečovaní toho, že zákazníkom poskytujeme kvalitnú, robustnú a užívateľsky prívetivú aplikáciu. To isté platí aj pre mobilný responzívny web.
Ďalej uvádzame niekoľko faktorov, ktoré naznačujú dôležitosť testovania mobilných responzívnych webových stránok:
# 1) Množstvo zariadení, OS a prehliadačov: Obsah je potrebné overiť pre rôzne mobilné telefóny s veľkosťou obrazovky, operačné systémy a prehliadače. Neznamená to, že ak je obsah dokonalý, bude vhodný aj pre ostatných.
# 2) Robustnosť: Čas potrebný na načítanie obsahu webom by mal byť rovnaký na rôznych platformách a na žiadnom „podporovanom“ zariadení alebo prehliadači by nemal byť pomalý ani časovo obmedzený. Testovanie výkonnosti webových stránok je preto dôležité pre mobilné responzívne webové stránky.
# 3) Navigácia: Je to veľmi častá chyba, ktorá sa zistí pri testovaní mobilných webov alebo aplikácií, ktoré sa stránky nenačítajú podľa očakávania pri prechádzaní medzi rôznymi odkazmi na webe. Občas sa stane, že pri hraní s navigáciou chýbajú odkazy alebo sa obrázky nenačítajú alebo nevypršal časový limit.
# 4) Rôzne obrázky a videá: Na overenie toho, či sa všetky typy obrázkov a videí zobrazujú podľa očakávania na rôznych telefónoch, prehliadačoch atď., Je potrebné riadne testovanie.
Niektoré videá sa niekedy dajú dobre prehrať v systéme Android, ale nenačítajú sa ani v systéme iOS, prípadne sa niektoré obrázky v niektorých verziách mobilného operačného systému zobrazujú pokazené, zatiaľ čo v ostatných fungujú perfektne.
Ak sa testovanie nevykoná, môžu takéto problémy pôsobiť veľmi zlým dojmom. Preto je testovanie mobilných responzívnych webov dôležité spolu s ďalšími testami, ako sú funkčnosť, bezpečnosť atď.
Niekoľko vzorových testovacích prípadov na testovanie mobilnej odozvy
Testéri zvyčajne začnú testovať zmenou veľkosti okien mobilných telefónov, prehľadávačov, tabletov, notebookov atď., Je však potrebné vyskúšať oveľa viac.
Nasleduje niekoľko príkladov testovacích prípadov, ktoré je možné pokryť pri testovaní mobilného responzívneho webu, a ubezpečte sa, že testovacie prípady sú testované pre všetky matice testovacieho lôžka:
- Skontrolujte, či sa obsah zmestí na obrazovku a či nie je vystrihnutý alebo skreslený.
- Skontrolujte, či sa videá načítavajú a či neobsahujú nefunkčné odkazy.
- Skontrolujte, či farba textu, písmo atď. Zostávajú rovnaké.
- Skontrolujte, či priblíženie neskresľuje obsah, obrázky a videá na webovej stránke.
- Skontrolujte, či rýchle posúvanie neskresľuje obsah.
- Skontrolujte, či odkazy fungujú dobre a či presmerujú používateľa na príslušnú stránku.
- Skontrolujte, či webová stránka nevypršala alebo jej načítanie trvá príliš dlho.
- Skontrolujte, či sa pri zmene z režimu na šírku do režimu na výšku a naopak upraví zodpovedajúcim spôsobom obsah.
- Skontrolujte, či sa obrázky rôznych typov, ako sú .jpg, .png, .gif atď., Zobrazujú podľa očakávania.
- Overte, či je možné pri priblížení na telefónoch s malou obrazovkou kliknúť na odkazy.
- Skontrolujte, či prechádzanie medzi webovými stránkami neskresľuje obsah atď.
Nástroje na mobilné reagovanie na testovanie
K dispozícii je niekoľko nástrojov na testovanie citlivosti mobilných telefónov - bezplatné aj platené.
Podľa mojich skúseností je pre tento konkrétny typ testovania lepšie použiť nástroj, ktorý sa dá použiť na rôzne telefóny, ich operačné systémy, prehliadače atď. Nie je možné použiť rôzne nástroje pre rôzne zariadenia, prehliadače , atď.
Preto si pri výbere nástroja vyberte ten, ktorý dokáže pokryť maximum testovacej podložky.
Ďalšie otvorené testovacie nástroje pre mobilné telefóny:
# 1) Websiteresponsivetest.com: Tento nástroj podporuje všetky hlavné webové prehľadávače a poskytuje ukážku toho, ako bude skutočný web vyzerať. Aby sme dosiahli výsledky responzivity webovej stránky, musíme zadať adresu URL našej webovej stránky.
# 2) Screenfly: Je to tiež mobilný responzívny testovací nástroj a dá sa použiť na testovanie na karte Galaxy, iPad atď. Automaticky detekuje mobilnú stránku webu a zavedie vás na rovnaké stránky.
# 3) VeiwPort Resizer: Je to konfigurovateľný nástroj a možno ho použiť na prispôsobenie veľkosti obrazovky prehľadávača.
# 4) Respondent: Toto je platená verzia, v ktorej si môžete kúpiť subdoménu na testovanie. Poskytnutím adresy URL webovej stránky tento nástroj ukazuje, ako bude webová stránka vyzerať.
Záver
Mobilné responzívne testovanie je veľmi dôležité, aby sa zabezpečilo, či všetci používatelia získajú optimálny zážitok zo sledovania na svojich zariadeniach, napríklad notebooku, stolnom počítači, tablete alebo smartfóne.
Ako už bolo spomenuté, iba v prípade, že sa obsah používateľovi javí ako dobrý, bude mať záujem ísť ďalej, a preto je spolu s ostatnými typmi testovania funkčnosti, bezpečnosti, stresu atď. Veľmi dôležité aj responzívne testovanie, ktoré by sa nemalo brať na ľahkú váhu.
Mobilné responzívne testovanie je jednoduché, ale testovacie postele sú preňho najväčšou zložitosťou a výzvou. Preto ako QA musíte narábať inteligentne.
V našom ďalšom článku si povieme viac o Poskytovatelia služieb testovania mobilných aplikácií v cloude .
Odporúčané čítanie
- Najlepšie nástroje na testovanie softvéru 2021 (QA Test Automation Tools)
- Prečo je testovanie na mobile náročné?
- 10 najlepších nástrojov na testovanie bezpečnosti mobilných aplikácií v roku 2021
- Ako rýchlo získať prácu na testovaní mobilných telefónov - Sprievodca kariérou pri testovaní na mobilných zariadeniach (1. časť)
- 5 výziev a riešení pre mobilné testovanie
- TOP 15 najlepších nástrojov na testovanie mobilných zariadení v roku 2021 pre Android a iOS
- Cloudové testovanie mobilných aplikácií: Kompletný prehľad
- Viac ako 40 najbežnejších otázok a odpovedí na mobilné testovacie rozhovory so vzorovým životopisom