what is mobile responsive test
Importància de les proves de resposta mòbil:
Al món mecanitzat actual, els llocs web no només es visualitzen en un ordinador portàtil ni en un ordinador de taula, sinó també en una tauleta i un telèfon intel·ligent.
Enrere han quedat els dies en què solíem seure davant dels nostres ordinadors de sobretaula o portàtils per fer compres o navegar per Internet o enviar correus electrònics. Ara és l’era del mòbil i la gent accedeix a Internet mentre camina pels carrers, asseguda al parc i a qualsevol lloc que desitgi segons la seva comoditat.
Si observeu un ordinador de sobretaula, un ordinador portàtil, una tauleta i un telèfon intel·ligent, no només els seus sistemes operatius, CPU, etc., sinó també les mides de la pantalla.
Per tant, per a una empresa que no només confia en una aplicació, sinó també en un lloc web, és molt important que el lloc web s’adapti bé a aquestes mides diferents. No agradarà als vostres clients o usuaris si han d’ajustar el telèfon per veure millor el contingut del vostre lloc web.
Tots utilitzem llocs web Amazon, Agoda i ZDNet, etc., gairebé diàriament. Imagineu-vos el que seria tediós si heu d’accedir a la pàgina següent o a una imatge, però l’enllaç no s’adapta a la pantalla o és massa petit per fer-hi clic? Aquestes coses comporten la pèrdua d’interès de l’usuari.
Aquí és on entra en escena un comportament adaptat o adaptat als mòbils.
El disseny de pàgines web sensible o amigable està fonamentalment relacionat amb els llocs web. El disseny web responsiu per a mòbils és un enfocament que es segueix en el desenvolupament del lloc web per oferir als usuaris una experiència de visualització decent en qualsevol dispositiu que estiguin visualitzant.
Google dóna prioritat als llocs de cerca per a mòbils en els seus resultats de cerca i, per tant, esdevé important dissenyar el vostre lloc web tenint-ho en compte.
En primer lloc, entenem què és aquest 'disseny web adaptable per a mòbils'.
Què aprendreu:
- Significat de capacitat de resposta mòbil o disseny amigable
- Eina recomanada
- Conclusió
Significat de capacitat de resposta mòbil o disseny amigable
El disseny web sensible també es coneix com RWD i és un enfocament per dissenyar un lloc web perquè les pàgines web es puguin interpretar amb diferents dispositius i les seves mides de pantalla.
Té tres principis de desenvolupament que inclouen:
- Xarxes de fluids: Aquest enfocament es basa en el percentatge i no en l'enfocament històric basat en píxels.
- Mitjana Queries : S'utilitza per aplicar diferents estils en funció de la mida de la pantalla del dispositiu.
- Imatges i suports flexibles : Això ajuda a mostrar les imatges i els suports de manera diferent en diferents mides mitjançant l'escala o CSS.
Amb l’enfocament de desenvolupament, també és important provar llocs web sensibles.
Els llocs web adequats per a mòbils han de donar la mateixa experiència als usuaris en un mòbil que en un ordinador portàtil o un ordinador de sobretaula. Cal provar-lo per a diferents navegadors, mides de pantalla diferents, modes: horitzontal o vertical, etc.
Eina recomanada
# 1) LambdaTest LT Browser
Un navegador orientat al desenvolupador que proporciona als usuaris un espai de treball de desenvolupament per provar la capacitat de resposta del lloc web en una gran varietat de finestres gràfiques del dispositiu. Desenvolupat amb l'objectiu de reduir el temps necessari per a les proves responsives, està creat per simplificar les tasques diàries de proves dels desenvolupadors i provadors web.
Característiques clau:
- Feu la prova instantàniament en diferents finestres de visualització de dispositius.
- Creeu el vostre propi dispositiu personalitzat.
- Depuració de diferents finestrals de forma paral·lela.
- Les proves de llocs web locals mai han estat tan fàcils.
- Eines de desenvolupador incorporades per a una depuració més ràpida.
- Feu captures de pantalla i vídeos i compartiu-los amb el vostre equip.
Proves de resposta mòbil i els seus reptes
La incorporació d’un disseny web sensible no posa fi a la història, és igualment important provar-ne la implementació per assegurar-se que el lloc web aparegui com s’esperava a tots els dispositius.
Cal que proveu el contingut, els vídeos, les imatges, els enllaços, etc. abans de publicar el lloc web. No només a través dels dispositius, sinó que també cal fer proves en diferents navegadors i sistemes operatius.
quin és el millor correu electrònic per utilitzar
Per exemple , un lloc web pot semblar una mica diferent a Android en comparació amb iOS o Windows.
(imatge font)
Però també hi ha grans reptes que afronta la QA per provar la capacitat de resposta. El repte més gran són les combinacions de mides de pantalla, les versions del sistema operatiu, els modes del telèfon, els navegadors i les seves resolucions. Per tant, és difícil decidir l'estratègia. Els altres reptes inclouen el període de temps de les proves, les eines, la priorització de les proves, etc.
A continuació es detallen alguns consells per decidir com provar:
# 1) Banc de proves
Crear matrius per a les diferents combinacions de mides de telèfons, navegadors, sistemes operatius i versions és una tasca molt tediosa i complicada. Per tant, com a control de qualitat, suggeriria rebre aportacions del BA i del propietari o gestor del producte.
Com que tenint en compte les complicacions del banc de proves, és recomanable deixar-los decidir sobre les versions, mides, etc. que cal provar. Pot passar que pugueu dedicar molt de temps a investigar i fer estratègies sobre els bancs de proves que potser no estiguin aprovats pel vostre gerent o mestre SCRUM. Els llocs web són accessibles des d’escriptori, telèfon, etc.,
Per tant, el banc de proves ha d’incloure navegadors les versions dels quals siguin habituals per a tots aquests dispositius, de manera que s’evitaran les complicacions de la variació de versió i es podrà provar la mateixa versió en tots.
# 2) Assignació de temps
Heu de discutir i finalitzar el temps que es necessita per fer proves i quant s’assigna, ja que la prova de llocs web responsius requereix molt de temps.
Basat en això, haureu de preparar el pla de com i què provar. Assegureu-vos que hi hagi prou temps assignat per provar perquè es provi un ventall de les combinacions importants de bancs de proves.
# 3) Dispositius i emuladors reals
Per provar tantes combinacions, no és possible comprar tots els dispositius reals, per la qual cosa es poden utilitzar emuladors i simuladors.
Segons la meva experiència, els més importants són les versions, mides, etc. i s’haurien de provar en dispositius reals, però les versions i mides de telèfon que estan una mica obsoletes es poden provar en emuladors i simuladors.
# 4) Manual o automatització
Les proves es poden fer tant amb enfocament manual com automatitzat. De vegades, les eines no poden veure allò que un ull pot veure, de manera que també cal fer proves manuals de vegades. Els esforços es poden dividir com un 65% d’automatització i un 35% d’esforços manuals o viceversa.
Per exemple ,una eina que fa clic en un enllaç petit és molt diferent de fer clic amb els nostres dits o allunyar manualment una pàgina web en lloc d’una eina que redueix la pàgina.
# 5) Priorització de les proves
Cal prioritzar correctament les proves perquè hi ha moltes coses a provar i no tot es pot provar. Per tant, tot l’equip hauria d’acordar el pla de proves i la seva prioritat. La prioritat de les proves s’ha de comunicar amb antelació al BA i al propietari del producte, de manera que, si tenen suggeriments, també es poden examinar.
Les combinacions de sistemes operatius, navegadors i mides de pantalla d’ús habitual s’han de provar a fons i amb prioritat . Segons la meva experiència, s’hauria de fer una ronda completa de proves amb el sistema operatiu mòbil més recent, però després de solucionar tots els problemes i verificar-los perquè no tothom utilitza el sistema operatiu mòbil més recent.
Importància de provar la capacitat de resposta d’un lloc web
El contingut d’un lloc web és el que promou l’empresa i, si el contingut no és atractiu per als clients, l’empresa no pot prosperar bé. Per tant, desenvolupar un lloc web sensible no acaba la història, sinó que també s’ha de comprovar i verificar.
Les proves tenen un paper vital per assegurar que oferim als nostres clients una aplicació de qualitat, robusta i fàcil d'utilitzar. El mateix és el cas d’un lloc web amb capacitat per a mòbils.
A continuació es detallen alguns factors que indiquen la importància de provar un lloc web responsiu per a mòbils:
# 1) Una gran quantitat de dispositius, sistemes operatius i navegadors: Cal verificar el contingut per a mòbils de diferents mides de pantalla, sistemes operatius i navegadors. No es vol dir que si el contingut és perfecte, també serà perfecte per a altres.
# 2) Robustesa: El temps que ha de passar un lloc web per carregar el contingut ha de ser el mateix en diferents plataformes i no ha de ser lent ni esgotar el temps d’espera en cap dispositiu o navegador ‘compatible’. Per tant, és important provar el rendiment del lloc web per als llocs web amb capacitat per a mòbils.
# 3) Navegació: És un defecte molt comú que es troba en provar llocs web o aplicacions per a mòbils que les pàgines no es carreguen tal com s’esperava quan es navega entre els diferents enllaços del lloc web. De vegades, passa que falten els enllaços o que les imatges no es carreguen ni s’esperaven mentre es jugava amb la navegació.
# 4) Varietat d'imatges i vídeos: Es requereix una prova adequada per verificar si es mostren tot tipus d’imatges i vídeos tal com s’esperava en diferents telèfons, navegadors, etc.
De vegades, alguns vídeos es reprodueixen bé a Android, però ni tan sols es carreguen a iOS o algunes imatges apareixen trencades en algunes versions d’un sistema operatiu mòbil mentre són perfectes en els altres.
Aquests problemes poden donar una mala impressió si no es fan proves. Per tant, és important provar llocs web responsius per a mòbils juntament amb altres proves, com ara funcionals, de seguretat, etc.
Pocs casos de prova de mostra per provar la capacitat de resposta del mòbil
Normalment, els provadors comencen a fer proves redimensionant les finestres dels mòbils, els navegadors, les tauletes, els portàtils, etc., però hi ha molt més que cal provar.
A continuació, es mostren alguns exemples de casos de prova que es poden cobrir mentre es prova un lloc web sensible al mòbil. Assegureu-vos que els casos de prova es provin per a totes les matrius del banc de proves:
- Verifiqueu si el contingut s’adapta a la pantalla i no està retallat ni distorsionat.
- Comproveu si els vídeos s'estan carregant i si no hi ha enllaços trencats.
- Verifiqueu si el color del text, el tipus de lletra, etc., segueixen sent els mateixos.
- Verifiqueu si allunyar-vos no distorsiona el contingut, les imatges i els vídeos de la pàgina web.
- Verifiqueu si un desplaçament ràpid no distorsiona el contingut.
- Verifiqueu si els enllaços funcionen bé i porten l'usuari a la pàgina adequada.
- Verifiqueu si la pàgina web no s’espera o s’espera massa temps per carregar-se.
- Verifiqueu si canviant del mode horitzontal al mode retrat o viceversa s’ajusta el contingut en conseqüència.
- Verifiqueu si les imatges de diferents tipus com .jpg, .png, .gif, etc. es mostren com s’esperava.
- Verifiqueu si es pot fer clic als enllaços quan es fan zoom en telèfons de pantalla petita.
- Verifiqueu si la navegació entre pàgines web no distorsiona el contingut, etc.
Eines de proves responsives per a mòbils
Hi ha diverses eines disponibles per provar la capacitat de resposta d’un mòbil, tant gratuïtes com de pagament.
Segons la meva experiència, per a aquest tipus de proves en concret, és millor utilitzar una eina que es pot utilitzar per a diversos telèfons, els seus sistemes operatius, navegadors, etc. No és factible utilitzar diferents eines per a diferents dispositius, navegadors. , etc.
Per tant, mentre trieu una eina, trieu la que pugui cobrir el màxim del banc de proves.
Eines de prova de resposta mòbil de codi obert addicionals:
# 1) Websiteresponsivetest.com: Aquesta eina és compatible amb tots els principals navegadors web i proporciona una vista prèvia de l’aspecte del lloc web real. Per obtenir els resultats de la capacitat de resposta d’un lloc web, hem d’introduir l’URL del nostre lloc web.
# 2) Screenfly: També és una eina de proves responsives per a mòbils i es pot utilitzar per fer proves a la pestanya Galaxy, iPad, etc. Detecta automàticament el lloc mòbil del lloc web i us porta al mateix.
# 3) VeiwPort Resizer: És una eina configurable que es pot utilitzar per personalitzar la mida de pantalla d’un navegador.
# 4) Responsinator: Això ve com una versió de pagament també on podeu comprar el subdomini per a la vostra prova. En proporcionar l'URL del lloc web, aquesta eina mostra l'aspecte del lloc web.
Conclusió
Les proves de resposta mòbil són molt importants per garantir que tots els usuaris obtinguin una experiència de visualització òptima als seus dispositius, potser un ordinador portàtil, un ordinador de taula, una tauleta o un telèfon intel·ligent.
Com es va comentar anteriorment, només si el contingut sembla bo per a un usuari, estarà interessat en anar més enllà, de manera que, juntament amb la resta de tipus de proves de funcionalitat, seguretat, estrès, etc., també és molt important i no s’ha de prendre a la lleugera.
Les proves de resposta mòbil són senzilles, però els bancs de proves suposen la major complexitat i desafiament. Per tant, com a control de qualitat heu d’afrontar-los amb intel·ligència.
En el nostre proper article, en parlarem més sobre Proveïdors de serveis de proves d'aplicacions mòbils basades en el núvol .
Lectura recomanada
- Les millors eines de prova de programari 2021 (Eines d'automatització de proves de control de qualitat)
- Per què les proves per a mòbils són difícils?
- 10 millors eines de proves de seguretat de les aplicacions mòbils el 2021
- Com obtenir una feina ràpida de proves per a mòbils: Guia professional de proves de mòbils (primera part)
- 5 reptes i solucions de proves de mòbil
- TOP 15 de les millors eines de prova per a mòbils el 2021 per a Android i iOS
- Proves d'aplicacions mòbils basades en el núvol: una visió general completa
- Més de 40 preguntes i respostes de les entrevistes de proves mòbils més freqüents amb una mostra de resum de proves mòbils