what is mobile responsive test
Znaczenie mobilnych testów responsywnych:
W dzisiejszym zmechanizowanym świecie strony internetowe są wyświetlane nie tylko na laptopie lub komputerze stacjonarnym, ale także na tablecie i smartfonie.
Dawno minęły czasy, kiedy siedzieliśmy przed naszymi komputerami stacjonarnymi lub laptopami, robiąc zakupy, surfując po Internecie lub wysyłając e-maile. Nadeszła era telefonów komórkowych i ludzie uzyskują dostęp do internetu, spacerując po ulicach, siedząc w parku i gdziekolwiek chcą, zgodnie ze swoim komfortem.
Jeśli zauważysz komputer stacjonarny, laptop, tablet i smartfon, różnią się nie tylko ich systemy operacyjne, procesory itp., Ale także rozmiary ekranu.
Dlatego dla firmy, która nie tylko zwierza się z aplikacji, ale także ze strony internetowej, bardzo ważne jest, aby witryna dobrze pasowała do tych różnych rozmiarów. Twoi klienci lub użytkownicy nie będą zadowoleni, jeśli będą musieli dostosować swoje telefony, aby lepiej przyjrzeć się zawartości Twojej witryny.
Wszyscy prawie codziennie korzystamy ze stron internetowych Amazon, Agoda, ZDNet itp. Wyobraź sobie, jak nudne byłoby to, gdybyś musiał uzyskać dostęp do następnej strony lub obrazu, ale link albo nie mieści się na ekranie, albo jest za mały, aby go kliknąć? Takie rzeczy powodują utratę zainteresowania użytkownika.
W tym miejscu pojawia się zachowanie responsywne lub przyjazne dla urządzeń mobilnych.
Projektowanie responsywnych lub przyjaznych stron internetowych jest zasadniczo związane z witrynami internetowymi. Projektowanie responsywnych witryn na urządzenia mobilne to podejście stosowane przy tworzeniu witryn internetowych, aby zapewnić użytkownikom przyzwoite wrażenia podczas oglądania na dowolnym urządzeniu, z którego korzystają.
Google daje pierwszeństwo witrynom przyjaznym dla urządzeń mobilnych w wynikach wyszukiwania, dlatego ważne jest, aby zaprojektować witrynę internetową, mając to na uwadze.
Najpierw zrozumiemy, co to jest „Projektowanie responsywnych witryn mobilnych”.
Czego się nauczysz:
- Znaczenie mobilnej responsywności lub przyjaznego projektu
- Zalecane narzędzie
- Wniosek
Znaczenie mobilnej responsywności lub przyjaznego projektu
Responsywne projektowanie witryn internetowych jest również określane jako RWD i jest to podejście do projektowania witryn internetowych w celu dostosowania stron internetowych do różnych urządzeń i rozmiarów ich ekranu.
Ma trzy zasady rozwoju, które obejmują:
- Płynne siatki: To podejście jest oparte na wartości procentowej, a nie na historycznym podejściu opartym na pikselach.
- Zapytania o media : Służy do stosowania różnych stylów w zależności od rozmiaru ekranu urządzenia.
- Elastyczne obrazy i media : Pomaga to w różnym wyświetlaniu obrazów i multimediów w różnych rozmiarach za pomocą skalowania lub CSS.
Przy podejściu programistycznym ważne jest również testowanie responsywnych stron internetowych.
Witryny przyjazne dla urządzeń mobilnych muszą zapewniać użytkownikom na urządzeniach mobilnych takie same wrażenia, jak na laptopach lub komputerach stacjonarnych. Należy go przetestować pod kątem różnych przeglądarek, różnych rozmiarów ekranu, trybów - poziomego lub pionowego itp.
Zalecane narzędzie
# 1) Przeglądarka LambdaTest LT
Przeglądarka zorientowana na programistów, która zapewnia użytkownikom obszar roboczy dla programistów do testowania responsywności ich serwisu WWW w różnych rzutniach urządzenia. Opracowany w celu skrócenia czasu potrzebnego na testowanie responsywne, został zbudowany w celu uproszczenia codziennych zadań testowych testerów i programistów internetowych.
Kluczowe cechy:
- Testuj natychmiast na różnych rzutniach urządzeń.
- Utwórz własne urządzenie niestandardowe.
- Debuguj w różnych rzutniach obok siebie.
- Testowanie lokalnych witryn internetowych nigdy nie było łatwiejsze.
- Wbudowane narzędzia programistyczne do szybszego debugowania.
- Rób zrzuty ekranu i filmy i udostępniaj je swojemu zespołowi.
Mobilne testy responsywne i związane z nimi wyzwania
Dołączenie responsywnego projektu strony internetowej nie kończy historii, równie ważne jest przetestowanie jej implementacji, aby upewnić się, że witryna wyświetla się zgodnie z oczekiwaniami na wszystkich urządzeniach.
Treść, filmy, obrazy, linki itp. Muszą zostać przetestowane pod kątem ich wyglądu przed udostępnieniem witryny. Nie tylko na różnych urządzeniach, ale również testy należy przeprowadzić na różnych przeglądarkach i systemach operacyjnych.
html5 pytania i odpowiedzi do wywiadu pdf
Na przykład , witryna internetowa może wyglądać nieco inaczej w systemie Android w porównaniu z systemem iOS lub Windows.
(wizerunek źródło)
Ale są też duże wyzwania, przed którymi stoi kontrola jakości, aby przetestować responsywność. Największym wyzwaniem są kombinacje rozmiarów ekranu, wersji systemu operacyjnego, trybów telefonu, przeglądarek i ich rozdzielczości. Dlatego trudno jest zdecydować o strategii. Inne wyzwania obejmują ramy czasowe testów, narzędzia, priorytetyzację testów itp.
Oto kilka wskazówek, które pomogą Ci zdecydować, jak przeprowadzić test:
# 1) Testowane
Tworzenie macierzy dla różnych kombinacji rozmiarów telefonów, przeglądarek, systemów operacyjnych i wersji jest bardzo żmudnym i skomplikowanym zadaniem. Dlatego jako QA sugerowałbym zebranie informacji od BA i właściciela lub menedżera produktu.
Ponieważ biorąc pod uwagę komplikacje na stanowisku testowym, wskazane jest, aby pozwolić im zdecydować o wersjach, rozmiarach itp., Które mają zostać przetestowane. Może się zdarzyć, że spędzisz dużo czasu na badaniu i opracowywaniu strategii testowych, które mogą nie zostać zatwierdzone przez twojego menedżera lub mistrza SCRUM. Strony internetowe są dostępne na komputerze stacjonarnym, telefonie itp.,
W związku z tym na stanowisku testowym muszą znajdować się przeglądarki, których wersje będą wspólne dla wszystkich tych urządzeń, co pozwoli uniknąć komplikacji związanych z różnicowaniem wersji i przetestować tę samą wersję na wszystkich.
# 2) Przydział czasu
Musisz omówić i sfinalizować, ile czasu potrzeba na testowanie i ile jest przydzielane, ponieważ testowanie responsywnych stron internetowych jest bardzo czasochłonne.
Na tej podstawie będziesz musiał przygotować plan tego, jak i co testować. Upewnij się, że na testowanie przeznaczono wystarczająco dużo czasu, aby przetestować szereg ważnych kombinacji stanowisk testowych.
# 3) Prawdziwe urządzenia i emulatory
Aby przetestować tak wiele kombinacji, nie można kupić wszystkich rzeczywistych urządzeń, dlatego można użyć emulatorów i symulatorów.
Z mojego doświadczenia wynika, że najważniejsze są wersje, rozmiary itp. I powinien być testowany na prawdziwych urządzeniach, ale wersje i rozmiary telefonów, które są nieco przestarzałe, można przetestować na emulatorach i symulatorach.
# 4) Ręczne lub automatyczne
Testowanie można przeprowadzić zarówno ręcznie, jak i automatycznie. Czasami narzędzia nie widzą tego, co widzi oko, dlatego czasami trzeba również przeprowadzić testy ręczne. Wysiłki można podzielić na 65% automatyzacji i 35% wysiłków ręcznych lub odwrotnie.
Na przykład ,narzędzie klikające małe łącze bardzo różni się od klikania palcami lub ręcznego pomniejszania strony internetowej, a nie narzędzia do pomniejszania strony.
5) Ustalanie priorytetów testowania
Testom należy nadać odpowiedni priorytet, ponieważ jest wiele do przetestowania i nie wszystko można przetestować. Dlatego cały zespół powinien uzgodnić plan testów i ich priorytet. Priorytet testowania powinien zostać przekazany BA i właścicielowi produktu z dużym wyprzedzeniem, aby w przypadku jakichkolwiek sugestii można je również sprawdzić.
Kombinacje powszechnie używanych systemów operacyjnych, przeglądarek i rozmiarów ekranu powinny być dokładnie i priorytetowo przetestowane . Z mojego doświadczenia wynika, że pełną rundę testów należy przeprowadzić na najnowszym mobilnym systemie operacyjnym, ale po naprawieniu i zweryfikowaniu wszystkich problemów, ponieważ nie wszyscy używają najnowszego mobilnego systemu operacyjnego.
Znaczenie testowania responsywności strony internetowej
Treść witryny jest tym, co promuje firmę, a jeśli nie jest ona atrakcyjna dla klientów, firma nie może się dobrze rozwijać. Dlatego stworzenie responsywnej strony internetowej nie kończy historii, trzeba ją też sprawdzić i zweryfikować.
Testowanie odgrywa kluczową rolę w zapewnianiu, że oferujemy naszym klientom wysokiej jakości, solidną i przyjazną dla użytkownika aplikację. To samo dotyczy również responsywnej witryny mobilnej.
Poniżej przedstawiono kilka czynników, które wskazują na znaczenie testowania mobilnej strony responsywnej:
# 1) Mnóstwo urządzeń, systemów operacyjnych i przeglądarek: Weryfikację treści należy przeprowadzić dla telefonów komórkowych o różnym rozmiarze ekranu, systemów operacyjnych i przeglądarek. Nie oznacza to, że jeśli treść jest idealna, to będzie też idealna dla innych.
# 2) Solidność: Czas ładowania treści przez witrynę internetową powinien być taki sam na różnych platformach i nie powinien być powolny ani przekraczać limitu czasu na żadnym „obsługiwanym” urządzeniu lub przeglądarce. Dlatego testowanie wydajności witryny jest ważne w przypadku responsywnych witryn mobilnych.
# 3) Nawigacja: Jest to bardzo częsta wada występująca podczas testowania witryn mobilnych lub aplikacji polegająca na tym, że strony nie ładują się zgodnie z oczekiwaniami podczas przechodzenia między różnymi linkami w witrynie. Czasami zdarza się, że brakuje linków lub obrazy nie są ładowane lub przekroczono limit czasu podczas grania z nawigacją.
# 4) Różnorodność zdjęć i filmów: Wymagane są odpowiednie testy, aby sprawdzić, czy wszystkie typy obrazów i filmów są wyświetlane zgodnie z oczekiwaniami na różnych telefonach, przeglądarkach itp.
Czasami niektóre filmy odtwarzają się dobrze na Androidzie, ale nawet nie ładują się na iOS lub niektóre obrazy wyglądają na uszkodzone w niektórych wersjach mobilnego systemu operacyjnego, podczas gdy w innych są idealne
Takie problemy mogą sprawiać bardzo złe wrażenie, jeśli nie zostaną przeprowadzone testy. Dlatego testowanie responsywnych witryn mobilnych jest ważne wraz z innymi testami, takimi jak testy funkcjonalne, bezpieczeństwa itp.
Kilka przykładowych przypadków testowych do testowania responsywności urządzeń mobilnych
Zazwyczaj testerzy rozpoczynają testy od zmiany rozmiaru okien telefonów komórkowych, przeglądarek, tabletów, laptopów itp., Ale jest o wiele więcej elementów, które należy przetestować.
Poniżej znajduje się kilka przykładowych przypadków testowych, które można uwzględnić podczas testowania responsywnej witryny mobilnej, upewnij się, że przypadki testowe są testowane dla wszystkich matryc testowych:
- Sprawdź, czy treść mieści się na ekranie i nie jest wycięta ani zniekształcona.
- Sprawdź, czy filmy się ładują i czy nie mają w nich uszkodzonych linków.
- Sprawdź, czy kolor tekstu, czcionka itp. Pozostają takie same.
- Sprawdź, czy pomniejszanie nie zniekształca zawartości strony internetowej, obrazów i filmów.
- Sprawdź, czy szybkie przewijanie nie zniekształca treści.
- Sprawdź, czy linki działają dobrze i czy prowadzą użytkownika do odpowiedniej strony.
- Sprawdź, czy strona internetowa nie wygasa lub ładuje się zbyt długo.
- Sprawdź, czy zmiana z trybu poziomego na pionowy lub odwrotnie odpowiednio dostosowuje zawartość.
- Sprawdź, czy obrazy różnych typów, np. .Jpg, .png, .gif itp., Są wyświetlane zgodnie z oczekiwaniami.
- Sprawdź, czy linki stają się klikalne po powiększeniu na telefonach z małym ekranem.
- Sprawdź, czy nawigacja między stronami internetowymi nie zniekształca treści itp.
Mobilne narzędzia do testowania responsywnego
Dostępnych jest kilka narzędzi do testowania responsywności telefonu komórkowego - zarówno bezpłatnych, jak i płatnych.
Z mojego doświadczenia wynika, że w przypadku tego rodzaju testów lepiej jest użyć narzędzia, które może być używane do różnych telefonów, ich systemów operacyjnych, przeglądarek itp. Nie jest możliwe użycie różnych narzędzi dla różnych urządzeń, przeglądarek itp.
Dlatego wybierając narzędzie, wybierz takie, które może pokryć maksymalnie obszar testowy.
Dodatkowe narzędzia do testowania responsywnego na urządzenia mobilne typu open source:
# 1) Witrynaresponsivetest.com: To narzędzie obsługuje wszystkie główne przeglądarki internetowe i zapewnia podgląd tego, jak będzie wyglądać rzeczywista strona internetowa. Aby otrzymać wyniki responsywności strony internetowej, musimy podać adres URL naszej strony.
# 2) Screenfly: Jest to również mobilne narzędzie do testowania responsywnego i może być używane do testowania na karcie Galaxy, iPadzie itp. Automatycznie wykrywa mobilną stronę witryny i przenosi do niej.
# 3) Zmiana rozmiaru VeiwPort: Jest to narzędzie konfigurowalne, którego można używać do dostosowywania rozmiaru ekranu przeglądarki.
# 4) Responsinator: Jest to płatna wersja, w której możesz kupić subdomenę do testów. Podając adres URL witryny, narzędzie to pokazuje, jak strona będzie wyglądać.
Wniosek
Testy responsywności na urządzeniach mobilnych są bardzo ważne, aby zapewnić, że wszyscy użytkownicy uzyskają optymalne wrażenia podczas oglądania na swoich urządzeniach, np. Laptopie, komputerze stacjonarnym, tablecie lub smartfonie.
Jak wspomniano wcześniej, tylko jeśli treść wydaje się użytkownikowi dobra, będzie zainteresowany pójściem dalej, dlatego wraz z innymi typami testów funkcjonalności, bezpieczeństwa, stresu itp. Testy responsywne są również bardzo ważne i nie należy ich lekceważyć.
Mobilne testy responsywne są proste, ale platformy testowe stanowią dla nich największą złożoność i wyzwanie. Dlatego jako osoba odpowiedzialna za kontrolę jakości musisz postępować mądrze.
W następnym artykule omówimy więcej Dostawcy usług testowania aplikacji mobilnych w chmurze .
rekomendowane lektury
- Najlepsze narzędzia do testowania oprogramowania 2021 (Narzędzia do automatyzacji testów QA)
- Dlaczego testy mobilne są trudne?
- 10 najlepszych narzędzi do testowania bezpieczeństwa aplikacji mobilnych w 2021 r
- Jak szybko uzyskać pracę testera mobilnego - przewodnik kariery testera mobilnego (część 1)
- 5 wyzwań i rozwiązań w testowaniu mobilnym
- TOP 15 najlepszych mobilnych narzędzi testowych w 2021 roku na Androida i iOS
- Testowanie aplikacji mobilnych w chmurze: pełny przegląd
- Ponad 40 najczęściej zadawanych pytań i odpowiedzi na rozmowę z testami mobilnymi wraz z przykładowym CV