what is mobile responsive test
Значение на мобилното отзивчиво тестване:
В съвременния механизиран свят уебсайтовете се гледат не само на лаптоп, нито на настолен компютър, но също и на таблет и смартфон.
Отминаха дните, когато седяхме пред настолните или лаптопите си, за да пазаруваме или да сърфираме в интернет или да изпращаме имейли. Сега е мобилната ера и хората имат достъп до интернет, докато се разхождат по улиците, седят в парк и навсякъде, където пожелаят според удобството си.
Ако наблюдавате десктоп, лаптоп, таблет и смартфон, различават се не само тяхната операционна система, процесори и т.н., но и размерите на екрана им.
Следователно за бизнес, който не само доверява приложение, но и уебсайт, е много важно уебсайтът да се вписва добре в тези различни размери. На вашите клиенти или потребители няма да им хареса, ако трябва да коригират телефоните си, за да видят по-добре съдържанието на вашия уебсайт.
Всички ние използваме Amazon, Agoda и ZDNet и др., Уебсайтове почти ежедневно. Представете си колко досадно би било, ако трябва да получите достъп до следващата страница или изображение, но връзката или не се побира на екрана, или е твърде малка, за да кликнете върху нея? Такива неща водят до загуба на интереса на потребителя.
Тук се появява мобилното отзивчиво или мобилно поведение.
Отзивчивият или приятелски уеб дизайн е основно свързан с уебсайтовете. Мобилният отзивчив уеб дизайн е подход, следван при разработването на уебсайта, за да осигури на потребителите прилично изживяване при гледане на всяко устройство, което гледат.
Google дава приоритет на сайтовете, удобни за мобилни устройства, в резултатите от тяхното търсене и затова става важно да проектирате уебсайта си, като имате предвид това.
Нека първо разберем какво представлява този „мобилен отзивчив уеб дизайн“.
Какво ще научите:
- Значение на мобилната отзивчивост или приятелски дизайн
- Препоръчан инструмент
- Заключение
Значение на мобилната отзивчивост или приятелски дизайн
Отзивчивият уеб дизайн се нарича още RWD и това е подход за проектиране на уебсайт, който да направи уеб страниците да се тълкуват с различни устройства и техните размери на екрана.
Той има три принципа на развитие, които включват:
- Течни решетки: Този подход се основава на процента, а не на историческия пикселен подход.
- Заявки за медии : Използва се за прилагане на различни стилове в зависимост от размера на екрана на устройството.
- Гъвкави изображения и носители : Това помага да се показват изображенията и носителите по различен начин в различни размери, като се използва мащабиране или CSS.
С подхода за разработка тестването на адаптивни уебсайтове също е важно.
Удобните за мобилни устройства уебсайтове трябва да предоставят на потребителите на мобилния телефон същото изживяване, както на лаптоп или настолен компютър. Трябва да се тества за различни браузъри, различни размери на екрана, режими - пейзаж или портрет и т.н.
Препоръчан инструмент
# 1) LambdaTest LT Browser
Ориентиран към разработчици браузър, който предоставя на потребителите работно пространство за разработка, за да тества отзивчивостта на уебсайта им в различни изгледи на устройството. Разработен с цел да намали времето, необходимо за отзивчиво тестване, той е създаден, за да опрости ежедневните задачи за тестване на уеб тестери и разработчици.
Основни функции:
- Тествайте незабавно на различни изгледи на устройства.
- Създайте свое собствено устройство.
- Отстраняване на грешки в различни изгледи рамо до рамо.
- Тестването на местни уебсайтове никога не е било по-лесно.
- Вградени инструменти за разработчици за по-бързо отстраняване на грешки.
- Направете екранни снимки и видеоклипове и ги споделете с екипа си.
Мобилно адаптивно тестване и предизвикателствата към него
Включването на реагиращ уеб дизайн не свършва историята, също толкова важно е да тествате изпълнението му, за да сте сигурни, че уебсайтът се показва, както се очаква, на всички устройства.
Съдържанието, видеоклиповете, изображенията, връзките и т.н. трябва да бъдат тествани за външния им вид преди пускането на уебсайта. Не само между устройствата, но трябва да се направи и тестване на различни браузъри и операционни системи.
най-добрият безплатен видео конвертор за Windows 7
Например , уебсайтът може да изглежда малко по-различно на Android в сравнение с iOS или в Windows.
(изображение източник)
Но има и големи предизвикателства, пред които е изправена QA за тестване на реакцията. Най-голямото предизвикателство са комбинациите от размери на екрана, версиите на операционната система, режимите на телефона, браузърите и техните резолюции. Следователно е трудно да се реши стратегията. Другите предизвикателства включват времева рамка за тестване, инструменти, приоритизиране на тестовете и т.н.
Следват някои указания за вземане на решение за тестване:
# 1) Тестово място
Създаването на матрици за различните комбинации от размери на телефона, браузъри, операционни системи и версии е много досадна и сложна задача. Следователно като QA, бих предложил да вземете данни от BA и собственика или мениджъра на продукта.
Тъй като като се имат предвид усложненията на тестовия стенд, препоръчително е да им позволите да вземат решение относно версиите, размерите и т.н., които трябва да бъдат тествани. Може да се случи така, че да прекарате много време в проучване и разработване на стратегии за тестовите площадки, което може да не бъде одобрено от вашия мениджър или магистър на SCRUM. Уебсайтовете са достъпни на настолен компютър, телефон и т.н.,
Следователно тестовото поле трябва да включва браузъри, чиито версии ще бъдат общи за всички тези устройства, така че ще бъдат избегнати усложнения при вариацията на версията и същата версия може да бъде тествана на всички.
# 2) Разпределение на времето
Трябва да обсъдите и да финализирате колко време е необходимо за тестване и колко се отделя, тъй като тестването на отзивчиви уебсайтове отнема много време.
Въз основа на това ще трябва да изготвите плана как и какво да тествате. Уверете се, че е отделено достатъчно време за тестване, така че да бъдат тествани редица важни комбинации от тестови стендове.
# 3) Реални устройства и емулатори
За да се тестват толкова много комбинации, не е възможно да се закупят всички реални устройства, поради което могат да се използват емулатори и симулатори.
Според моя опит най-важните са версиите, размерите и т.н. и трябва да бъдат тествани на реални устройства, но версиите и размерите на телефоните, които са донякъде остарели, могат да бъдат тествани на емулатори и симулатори.
# 4) Ръчна или автоматизация
Тестването може да се извърши, като се използва ръчен подход и подход за автоматизация. Понякога инструментите не могат да видят какво може да види окото, поради което понякога трябва да се правят и ръчни тестове. Усилията могат да бъдат разделени като 65% автоматизация и 35% ръчни усилия или обратно.
Например ,инструмент, щракнал върху малка връзка, е много различен от щракване с пръсти или ръчно отдалечаване на уеб страница, а не инструмент за отдалечаване на страницата.
# 5) Приоритизиране на тестването
Тестването трябва да бъде правилно приоритизирано, защото има много за тестване и не всичко може да бъде тествано. Следователно целият екип трябва да се съгласи относно плана за тестване и неговия приоритет. Приоритетът за тестване трябва да бъде съобщен на BA и собственика на продукта много предварително, така че ако имат някакви предложения, те също могат да бъдат разгледани.
Комбинациите от често използвани операционни системи, браузъри и размери на екрана трябва да бъдат тествани щателно и с приоритет . Според моя опит трябва да се направи пълен кръг от тестове на най-новата мобилна операционна система, но след като всички проблеми са отстранени и проверени, тъй като не всички използват най-новата мобилна операционна система.
Значение на тестването на отзивчивостта на уебсайта
Съдържанието на уебсайт е това, което популяризира бизнеса и ако съдържанието не е привлекателно за клиентите, тогава бизнесът не може да процъфти добре. Следователно разработването на отзивчив уебсайт не свършва историята, а трябва да бъде проверено и проверено.
Тестването играе жизненоважна роля, за да гарантираме, че предоставяме качествено, стабилно и удобно за потребителите приложение на нашите клиенти. Същото важи и за мобилния отзивчив уебсайт.
По-долу са дадени няколко фактора, които обозначават важността на тестването на мобилен отзивчив уебсайт:
# 1) Множество устройства, операционни системи и браузъри: Проверката на съдържанието трябва да се извърши за различни мобилни телефони с размер на екрана, операционните системи и браузърите. Не се има предвид, че ако съдържанието е перфектно едно, то ще бъде идеално и за други.
# 2) Здравина: Времето, необходимо на уебсайта за зареждане на съдържанието, трябва да бъде еднакво за различните платформи и не трябва да бъде бавно или да изтече времето за изчакване на нито едно „поддържано“ устройство или браузър. Следователно тестването на ефективността на уебсайта е важно за мобилните отзивчиви уебсайтове.
# 3) Навигация: Това е много често срещан дефект, който се открива при тестване на мобилни уебсайтове или приложения, които страниците не се зареждат според очакванията, когато се навигират между различните връзки на уебсайта. Понякога се случва, че връзките липсват или изображенията не са заредени или изтекли, докато играете с навигацията.
# 4) Разнообразие от изображения и видеоклипове: Необходимо е подходящо тестване, за да се провери дали всички видове изображения и видеоклипове се показват, както се очаква, на различни телефони, браузъри и т.н.
Понякога някои видеоклипове се възпроизвеждат добре на Android, но дори не се зареждат на iOS или някои изображения изглеждат счупени на някои версии на мобилна операционна система, докато са перфектни на другите
Такива проблеми могат да създадат много лошо впечатление, ако не се направи тестване. Следователно тестването на мобилни отзивчиви уебсайтове е важно заедно с другите тестове като функционалност, сигурност и т.н.
Малко примерни тестови случаи за тестване на мобилната реакция
Обикновено тестерите започват да тестват чрез преоразмеряване на прозорците на мобилните телефони, браузърите, таблетите, лаптопите и т.н., но има много повече, които трябва да бъдат тествани.
Следват няколко примерни тестови случая, които могат да бъдат обхванати при тестване на мобилен отзивчив уебсайт, уверете се, че тестовите случаи са тествани за всички тествани матрици:
- Проверете дали съдържанието се побира на екрана и не е изрязано или изкривено.
- Проверете дали видеоклиповете се зареждат и в тях няма прекъснати връзки.
- Проверете дали цветът на текста, шрифтът и т.н., остават същите.
- Проверете дали отдалечаването не нарушава съдържанието, изображенията и видеоклиповете на уеб страницата.
- Проверете дали бързото превъртане не изкривява съдържанието.
- Проверете дали връзките работят добре и дали отвеждат потребителя до съответната страница.
- Проверете дали уеб страницата не изчерпва времето за зареждане или отнема твърде много време.
- Проверете дали преминаването от хоризонтален в портретен режим или обратно настройва съответно съдържанието.
- Проверете дали изображенията от различни типове като .jpg, .png, .gif и др. Се показват както се очаква.
- Проверете дали връзките стават достъпни за кликване при мащабиране на телефони с малък екран.
- Проверете дали навигацията между уеб страници не нарушава съдържанието и т.н.
Мобилни отзивчиви инструменти за тестване
На разположение са няколко инструмента за тестване на отзивчивостта на мобилния телефон - както безплатни, така и платени.
Според моя опит, за този вид тестване е по-добре да се използва инструмент, който може да се използва за различни телефони, техните операционни системи, браузъри и др. Не е възможно да се използват различни инструменти за различни устройства, браузъри и т.н.
Следователно, докато избирате инструмент, изберете този, който може да покрие максимума на тестовия стенд.
Допълнителни мобилни адаптивни тестови инструменти с отворен код:
# 1) Websiteresponsivetest.com: Този инструмент поддържа всички основни уеб браузъри и осигурява преглед на това как ще изглежда действителният уебсайт. За да получим резултатите от реакцията на даден уебсайт, трябва да въведем URL адреса на нашия уебсайт.
# 2) Screenfly: Той също така е мобилен инструмент за бързо реагиране и може да се използва за тестване в раздела Galaxy, iPad и др. Той автоматично открива мобилния сайт на уебсайта и ви отвежда до същия.
# 3) VeiwPort Resizer: Това е конфигурируем инструмент и може да се използва за персонализиране на размера на екрана на браузъра.
# 4) Отговорник: Това се предлага като платена версия, където можете да закупите поддомейн за вашето тестване. Като предоставя URL адреса на уебсайта, този инструмент показва как ще изглежда уебсайтът.
Заключение
Мобилното отзивчиво тестване е много важно, за да се гарантира дали всички потребители получават оптимално преживяване при гледане на своите устройства, може би лаптоп, настолен компютър, таблет или смартфон.
Както беше обсъдено по-рано, само ако съдържанието изглежда добро за потребителя, ще се заинтересува да продължи напред, следователно заедно с другите видове тестване на функционалност, сигурност, стрес и т.н., отзивчивото тестване също е много важно и не трябва да се приема с лека ръка.
Мобилното отзивчиво тестване е просто, но тестовите площадки представляват най-голямата сложност и предизвикателство за него. Следователно вие, като QA, трябва да се справите умно.
В следващата ни статия ще обсъдим повече Доставчици на услуги за тестване на мобилни приложения в облак .
Препоръчително четене
- Най-добри инструменти за тестване на софтуер 2021 г. (Инструменти за автоматизация на QA теста)
- Защо мобилното тестване е трудно?
- 10 най-добри инструмента за тестване на сигурността на мобилни приложения през 2021 г.
- Как да получите бърза работа за мобилно тестване - Ръководство за мобилно тестване за кариера (част 1)
- 5 Предизвикателства и решения за мобилни тестове
- ТОП 15 най-добри инструмента за мобилно тестване през 2021 г. за Android и iOS
- Облачно базирано тестване на мобилни приложения: пълен преглед
- 40+ Най-често срещаните въпроси и отговори за интервю за мобилни тестове с примерни автобиографични резюмета