Μενού

Τι είναι το Mobile Responsive Test; Κορυφαία εργαλεία απόκρισης δοκιμών

  • Κύριος
  • Αλλα
  • Τι είναι το Mobile Responsive Test; Κορυφαία εργαλεία απόκρισης δοκιμών

what is mobile responsive test

Δοκιμάστε Το Όργανο Μας Για Την Εξάλειψη Των Προβλημάτων

Σημασία του Mobile Responsive Testing:

Στον σημερινό μηχανοποιημένο κόσμο, οι ιστότοποι δεν προβάλλονται μόνο σε φορητό υπολογιστή ή επιτραπέζιο υπολογιστή, αλλά και σε tablet και smartphone.

Πηγαίνουν οι μέρες που καθόμασταν μπροστά στους επιτραπέζιους ή φορητούς υπολογιστές μας για να κάνουμε αγορές ή να σερφάρετε στο Διαδίκτυο ή να στείλετε email. Τώρα είναι η εποχή των κινητών και οι άνθρωποι έχουν πρόσβαση στο Διαδίκτυο περπατώντας στους δρόμους, κάθονται σε ένα πάρκο και οπουδήποτε επιθυμούν σύμφωνα με την άνεσή τους.

Κινητή ανταπόκριση

Εάν παρατηρήσετε έναν επιτραπέζιο υπολογιστή, έναν φορητό υπολογιστή, ένα tablet και ένα smartphone, όχι μόνο το λειτουργικό τους σύστημα, οι CPU κ.λπ. διαφέρουν, αλλά και τα μεγέθη της οθόνης τους.

Ως εκ τούτου, για μια επιχείρηση που δεν εμπιστεύεται μόνο μια εφαρμογή αλλά και έναν ιστότοπο, είναι πολύ σημαντικό ο ιστότοπος να ταιριάζει καλά σε αυτά τα διαφορετικά μεγέθη. Οι πελάτες ή οι χρήστες σας δεν θα τους αρέσει αν πρέπει να προσαρμόσουν τα τηλέφωνά τους για να ρίξουν μια καλύτερη ματιά στο περιεχόμενο του ιστότοπού σας.

Όλοι χρησιμοποιούμε ιστότοπους Amazon, Agoda και ZDNet κ.λπ. σχεδόν καθημερινά. Φανταστείτε πόσο κουραστικό θα ήταν εάν πρέπει να έχετε πρόσβαση στην επόμενη σελίδα ή σε μια εικόνα, αλλά ο σύνδεσμος είτε δεν ταιριάζει στην οθόνη είτε είναι πολύ μικρός για να κάνετε κλικ; Τέτοια πράγματα οδηγούν σε απώλεια του ενδιαφέροντος του χρήστη.

Εδώ εμφανίζεται η συμπεριφορά που ανταποκρίνεται στα κινητά ή στη φιλική προς τα κινητά συμπεριφορά.

Ο ανταποκρινόμενος ή φιλικός σχεδιασμός ιστοσελίδων σχετίζεται ουσιαστικά με ιστότοπους. Ο σχεδιασμός ιστού που ανταποκρίνεται σε κινητές συσκευές είναι μια προσέγγιση που ακολουθείται στην ανάπτυξη του ιστότοπου για να προσφέρει στους χρήστες μια αξιοπρεπή εμπειρία προβολής σε οποιαδήποτε συσκευή βλέπουν.

Η Google δίνει προτεραιότητα σε ιστότοπους φιλικούς προς κινητά στα αποτελέσματα αναζήτησης και, ως εκ τούτου, είναι σημαντικό να σχεδιάσετε τον ιστότοπό σας έχοντας υπόψη αυτό.

Ας καταλάβουμε πρώτα τι είναι αυτό το 'Σχεδιασμός ιστού που ανταποκρίνεται σε κινητές συσκευές'.

Τι θα μάθετε:

Έννοια της απόκρισης μέσω κινητού ή φιλικού σχεδιασμού

Ο ανταποκρινόμενος σχεδιασμός ιστοσελίδων αναφέρεται επίσης ως RWD και είναι μια προσέγγιση σχεδιασμού ενός ιστότοπου ώστε οι ιστοσελίδες να ερμηνεύονται με διαφορετικές συσκευές και τα μεγέθη οθόνης τους.

Διαθέτει τρεις αρχές ανάπτυξης που περιλαμβάνουν:

  1. Πλέγματα υγρών: Αυτή η προσέγγιση βασίζεται στο ποσοστό και όχι στην ιστορική προσέγγιση που βασίζεται σε pixel.
  2. Ερωτήματα πολυμέσων : Χρησιμοποιείται για την εφαρμογή διαφορετικών στυλ με βάση το μέγεθος της οθόνης της συσκευής.
  3. Ευέλικτες εικόνες και μέσα : Αυτό βοηθά στην προβολή των εικόνων και των πολυμέσων σε διαφορετικά μεγέθη χρησιμοποιώντας κλίμακα ή CSS.

Με την προσέγγιση ανάπτυξης, ο έλεγχος των ιστοσελίδων που ανταποκρίνονται είναι επίσης σημαντικός.

Οι ιστότοποι φιλικοί προς κινητά πρέπει να προσφέρουν την ίδια εμπειρία στους χρήστες σε ένα κινητό όπως και σε φορητό υπολογιστή ή επιτραπέζιο υπολογιστή. Πρέπει να δοκιμαστεί για διαφορετικά προγράμματα περιήγησης, διαφορετικά μεγέθη οθόνης, τρόπους - οριζόντια ή κατακόρυφα, κ.λπ.

Προτεινόμενο εργαλείο

# 1) Πρόγραμμα περιήγησης LambdaTest LT

Λογότυπο προγράμματος περιήγησης LambdaTest LT

Ένα πρόγραμμα περιήγησης προσανατολισμένο για προγραμματιστές που παρέχει στους χρήστες χώρο εργασίας για να δοκιμάσουν την ανταπόκριση του ιστότοπού τους σε μια ποικιλία από προβολές συσκευών. Αναπτύχθηκε με σκοπό τη μείωση του χρόνου που απαιτείται για την απόκριση δοκιμών, έχει σχεδιαστεί για να απλοποιεί τις καθημερινές εργασίες δοκιμών των υπεύθυνων δοκιμών και προγραμματιστών ιστού.

Βασικά χαρακτηριστικά:

  • Δοκιμάστε αμέσως σε διαφορετικές προβολές συσκευών.
  • Δημιουργήστε τη δική σας προσαρμοσμένη συσκευή.
  • Εντοπισμός σφαλμάτων σε διαφορετικά σημεία προβολής δίπλα-δίπλα.
  • Η τοπική δοκιμή ιστοτόπων δεν ήταν ποτέ πιο εύκολη.
  • Ενσωματωμένα εργαλεία προγραμματιστή για ταχύτερο εντοπισμό σφαλμάτων.
  • Τραβήξτε στιγμιότυπα οθόνης και βίντεο και μοιραστείτε τα με την ομάδα σας.
=> Επισκεφθείτε τον ιστότοπο του προγράμματος περιήγησης LambdaTest LT

Δοκιμή απόκρισης για κινητά και οι προκλήσεις του

Η ενσωμάτωση ενός ανταποκριτικού σχεδιασμού ιστού δεν τελειώνει την ιστορία, είναι εξίσου σημαντικό να δοκιμάσετε την εφαρμογή του για να βεβαιωθείτε ότι ο ιστότοπος εμφανίζεται όπως αναμένεται σε όλες τις συσκευές.

Το περιεχόμενο, τα βίντεο, οι εικόνες, οι σύνδεσμοι κ.λπ., όλα πρέπει να δοκιμαστούν για την εμφάνισή τους πριν από την κυκλοφορία του ιστότοπου. Όχι μόνο σε όλες τις συσκευές, αλλά πρέπει να γίνουν και δοκιμές σε διαφορετικά προγράμματα περιήγησης και λειτουργικά συστήματα.

ποιο είναι το καλύτερο δωρεάν πρόγραμμα λήψης μουσικής;

Για παράδειγμα , ένας ιστότοπος μπορεί να φαίνεται λίγο διαφορετικός στο Android σε σύγκριση με το iOS ή τα Windows.

Το Viewport ανταποκρίνεται

(εικόνα πηγή)

Υπάρχουν όμως και μεγάλες προκλήσεις που αντιμετωπίζει το QA για τον έλεγχο της απόκρισης. Η μεγαλύτερη πρόκληση είναι οι συνδυασμοί μεγεθών οθόνης, εκδόσεων λειτουργικού συστήματος, τρόπων λειτουργίας του τηλεφώνου, προγραμμάτων περιήγησης και αναλύσεων. Ως εκ τούτου, είναι δύσκολο να αποφασιστεί η στρατηγική. Οι άλλες προκλήσεις περιλαμβάνουν το χρονικό πλαίσιο δοκιμών, εργαλεία, ιεράρχηση δοκιμών κ.λπ.

Ακολουθούν ορισμένοι δείκτες για να αποφασίσετε πώς να δοκιμάσετε:

# 1) Δοκιμασμένο

Η δημιουργία πινάκων για τους διαφορετικούς συνδυασμούς μεγεθών τηλεφώνου, προγραμμάτων περιήγησης, λειτουργικών συστημάτων και εκδόσεων είναι μια πολύ κουραστική και περίπλοκη εργασία. Ως εκ τούτου, ως QA, θα πρότεινα τη λήψη στοιχείων από τον BA και τον ιδιοκτήτη ή τον διαχειριστή του προϊόντος.

Επειδή λαμβάνοντας υπόψη τις επιπλοκές της δοκιμαστικής βάσης, συνιστάται να τους αφήσετε να αποφασίσουν σχετικά με τις εκδόσεις, τα μεγέθη κ.λπ. που πρέπει να δοκιμαστούν. Μπορεί να συμβεί ότι μπορεί να αφιερώσετε πολύ χρόνο στην έρευνα και τη στρατηγική των δοκιμαστικών κέντρων που ενδέχεται να μην εγκριθούν από τον διαχειριστή σας ή τον κύριο SCRUM. Οι ιστότοποι είναι προσβάσιμοι σε επιτραπέζιο υπολογιστή, τηλέφωνο κ.λπ.,

Ως εκ τούτου, η δοκιμαστική βάση πρέπει να περιλαμβάνει προγράμματα περιήγησης των οποίων οι εκδόσεις θα είναι κοινές για όλες αυτές τις συσκευές, με αυτόν τον τρόπο θα αποφεύγονται επιπλοκές της παραλλαγής έκδοσης και η ίδια έκδοση μπορεί να δοκιμαστεί σε όλους.

# 2) Κατανομή χρόνου

Πρέπει να συζητήσετε και να οριστικοποιήσετε πόσος χρόνος απαιτείται για τη δοκιμή και πόσος χρόνος κατανέμεται καθώς η δοκιμή των ιστοσελίδων που ανταποκρίνονται είναι πολύ χρονοβόρα.

Με βάση αυτό θα πρέπει να προετοιμάσετε το σχέδιο για το πώς και τι να δοκιμάσετε. Βεβαιωθείτε ότι έχει διατεθεί επαρκής χρόνος για τη δοκιμή, έτσι ώστε να δοκιμάζεται μια σειρά από τους σημαντικούς συνδυασμούς δοκιμαστικών πινάκων.

# 3) Πραγματικές συσκευές και εξομοιωτές

Για να δοκιμάσετε τόσους συνδυασμούς, δεν είναι δυνατή η αγορά όλων των πραγματικών συσκευών, επομένως μπορούν να χρησιμοποιηθούν εξομοιωτές και προσομοιωτές.

Σύμφωνα με την εμπειρία μου, τα πιο σημαντικά είναι εκδόσεις, μεγέθη κ.λπ. και θα πρέπει να δοκιμαστεί σε πραγματικές συσκευές, αλλά οι εκδόσεις και τα μεγέθη τηλεφώνου που είναι κάπως ξεπερασμένα μπορούν να δοκιμαστούν σε εξομοιωτές και προσομοιωτές.

# 4) Εγχειρίδιο ή αυτοματισμός

Ο έλεγχος μπορεί να γίνει χρησιμοποιώντας χειροκίνητη και αυτοματοποιημένη προσέγγιση. Μερικές φορές τα εργαλεία δεν μπορούν να δουν τι μπορεί να δει ένα μάτι, επομένως πρέπει επίσης να γίνονται χειροκίνητες δοκιμές κατά καιρούς. Οι προσπάθειες μπορούν να χωριστούν όπως αυτοματοποίηση 65% και χειροκίνητες προσπάθειες 35% ή αντίστροφα.

Για παράδειγμα ,ένα εργαλείο που κάνει κλικ σε έναν μικρό σύνδεσμο είναι πολύ διαφορετικό από το κλικ με τα δάχτυλά μας ή τη μη αυτόματη σμίκρυνση μιας ιστοσελίδας αντί για ένα εργαλείο που σμικρύνει τη σελίδα.

# 5) Προτεραιότητα στις δοκιμές

Η δοκιμή πρέπει να έχει προτεραιότητα σωστά, επειδή υπάρχουν πολλά να δοκιμαστούν και δεν μπορούν να δοκιμαστούν όλα. Ως εκ τούτου, ολόκληρη η ομάδα πρέπει να συμφωνήσει σχετικά με το σχέδιο δοκιμών και την προτεραιότητά του. Η προτεραιότητα δοκιμής θα πρέπει να κοινοποιείται στον BA και στον ιδιοκτήτη του προϊόντος εκ των προτέρων, έτσι ώστε εάν έχουν οποιεσδήποτε προτάσεις, τότε αυτές μπορούν επίσης να εξεταστούν.

Οι συνδυασμοί λειτουργικών συστημάτων, προγραμμάτων περιήγησης και μεγεθών οθόνης που χρησιμοποιούνται συνήθως θα πρέπει να δοκιμάζονται διεξοδικά και κατά προτεραιότητα . Σύμφωνα με την εμπειρία μου, πρέπει να γίνει ένας πλήρης έλεγχος στο πιο πρόσφατο λειτουργικό σύστημα για κινητά, αλλά αφού όλα τα ζητήματα επιδιορθωθούν και επαληθευτούν, επειδή δεν χρησιμοποιούν όλοι το πιο πρόσφατο λειτουργικό σύστημα για κινητά.

Σημασία της δοκιμής της ανταπόκρισης ενός ιστότοπου

Αποκριτική εφαρμογή για κινητά

Το περιεχόμενο ενός ιστότοπου είναι αυτό που προωθεί την επιχείρηση και εάν το περιεχόμενο δεν είναι ελκυστικό για τους πελάτες, τότε η επιχείρηση δεν μπορεί να αναπτυχθεί καλά. Επομένως, η ανάπτυξη ενός αποκριτικού ιστότοπου δεν τελειώνει την ιστορία, πρέπει επίσης να ελεγχθεί και να επαληθευτεί.

Οι δοκιμές διαδραματίζουν ζωτικό ρόλο στο να διασφαλίσουν ότι δίνουμε στους πελάτες μας μια ποιοτική, στιβαρή και φιλική προς το χρήστη εφαρμογή. Το ίδιο ισχύει και για έναν ιστότοπο που ανταποκρίνεται σε κινητές συσκευές.

Παρακάτω αναφέρονται μερικοί παράγοντες που υποδηλώνουν τη σημασία της δοκιμής ενός ιστότοπου που ανταποκρίνεται σε κινητές συσκευές:

# 1) Πολλές συσκευές, λειτουργικά συστήματα και προγράμματα περιήγησης: Πρέπει να γίνει επαλήθευση του περιεχομένου για διαφορετικά μεγέθη κινητών τηλεφώνων, λειτουργικά συστήματα και προγράμματα περιήγησης. Δεν σημαίνει ότι εάν το περιεχόμενο είναι τέλειο, τότε θα είναι τέλειο και για τους άλλους.

# 2) Ανθεκτικότητα: Ο χρόνος που απαιτείται από έναν ιστότοπο για τη φόρτωση του περιεχομένου θα πρέπει να είναι ο ίδιος σε διαφορετικές πλατφόρμες και δεν θα πρέπει να είναι αργός ή να λήξει χρονικά σε οποιαδήποτε «υποστηριζόμενη» συσκευή ή πρόγραμμα περιήγησης. Ως εκ τούτου, ο έλεγχος της απόδοσης του ιστότοπου είναι σημαντικός για ιστότοπους που ανταποκρίνονται σε κινητές συσκευές.

# 3) Πλοήγηση: Είναι ένα πολύ κοινό ελάττωμα που εντοπίζεται κατά τη δοκιμή ιστότοπων ή εφαρμογών για κινητές συσκευές που οι σελίδες δεν φορτώνουν όπως αναμένεται όταν πλοηγηθείτε ανάμεσα στους διαφορετικούς συνδέσμους του ιστότοπου. Κατά καιρούς, συμβαίνει να λείπουν οι σύνδεσμοι ή να μην φορτώνονται ή να λήγουν οι εικόνες κατά την αναπαραγωγή με την πλοήγηση.

# 4) Ποικιλία εικόνων και βίντεο: Απαιτείται κατάλληλη δοκιμή για να επαληθευτεί εάν όλοι οι τύποι εικόνων και βίντεο εμφανίζονται όπως αναμένεται σε διαφορετικά τηλέφωνα, προγράμματα περιήγησης κ.λπ.

Μερικές φορές ορισμένα βίντεο παίζουν καλά στο Android, αλλά δεν φορτώνονται ακόμη και στο iOS ή ορισμένες εικόνες εμφανίζονται σπασμένες σε ορισμένες εκδόσεις ενός λειτουργικού συστήματος για κινητά, ενώ είναι τέλεια σε άλλες

Τέτοια ζητήματα μπορούν να δώσουν μια πολύ κακή εντύπωση εάν δεν πραγματοποιηθεί δοκιμή. Ως εκ τούτου, ο έλεγχος ιστότοπων που ανταποκρίνονται σε κινητές συσκευές είναι σημαντικός μαζί με τις άλλες δοκιμές, όπως λειτουργική, ασφάλεια κ.λπ.

Λίγα δείγματα δοκιμαστικών περιπτώσεων για τον έλεγχο της απόκρισης σε κινητά

Συνήθως, οι δοκιμαστές ξεκινούν τις δοκιμές με αλλαγή μεγέθους των παραθύρων των κινητών τηλεφώνων, των προγραμμάτων περιήγησης, των tablet, των φορητών υπολογιστών κ.λπ., αλλά υπάρχουν πολλά περισσότερα που πρέπει να δοκιμαστούν.

Ακολουθούν μερικά παραδείγματα δοκιμαστικών περιπτώσεων που μπορούν να καλυφθούν κατά τη δοκιμή ενός ιστότοπου που ανταποκρίνεται σε κινητές συσκευές, βεβαιωθείτε ότι οι δοκιμαστικές περιπτώσεις δοκιμάζονται για όλους τους πίνακες δοκιμής:

  1. Επαληθεύστε εάν το περιεχόμενο ταιριάζει στην οθόνη και δεν έχει κοπεί ή παραμορφωθεί.
  2. Βεβαιωθείτε ότι τα βίντεο φορτώνουν και δεν έχουν σπασμένους συνδέσμους σε αυτό.
  3. Βεβαιωθείτε ότι το χρώμα του κειμένου, η γραμματοσειρά κ.λπ. παραμένουν ίδια.
  4. Επαληθεύστε εάν η σμίκρυνση δεν στρεβλώνει το περιεχόμενο, τις εικόνες και τα βίντεο της ιστοσελίδας.
  5. Επαληθεύστε εάν μια γρήγορη κύλιση δεν παραμορφώνει το περιεχόμενο.
  6. Βεβαιωθείτε ότι οι σύνδεσμοι λειτουργούν καλά και εάν μεταφέρουν τον χρήστη στην κατάλληλη σελίδα.
  7. Επαληθεύστε εάν η ιστοσελίδα δεν έχει χρονικό όριο ή χρειάζεται πολύς χρόνος για φόρτωση.
  8. Επαληθεύστε αν η αλλαγή από οριζόντια σε κατακόρυφη λειτουργία ή αντιστρόφως προσαρμόζει ανάλογα το περιεχόμενο.
  9. Βεβαιωθείτε ότι οι εικόνες διαφορετικών τύπων όπως .jpg, .png, .gif κ.λπ. εμφανίζονται όπως αναμένεται.
  10. Επαληθεύστε εάν οι σύνδεσμοι γίνονται με δυνατότητα κλικ όταν κάνετε ζουμ σε τηλέφωνα μικρής οθόνης.
  11. Επαληθεύστε εάν η πλοήγηση μεταξύ ιστοσελίδων δεν στρεβλώνει το περιεχόμενο κ.λπ.

Εργαλεία δοκιμής απόκρισης για κινητά

Εργαλεία που ανταποκρίνονται

Υπάρχουν πολλά διαθέσιμα εργαλεία για τη δοκιμή της απόκρισης ενός κινητού - δωρεάν και επί πληρωμή.

Σύμφωνα με την εμπειρία μου, για αυτόν τον συγκεκριμένο τύπο δοκιμών, είναι καλύτερο να χρησιμοποιήσετε ένα εργαλείο που μπορεί να χρησιμοποιηθεί για μια ποικιλία τηλεφώνων, τα λειτουργικά τους συστήματα, προγράμματα περιήγησης κ.λπ. Δεν είναι εφικτό να χρησιμοποιήσετε διαφορετικά εργαλεία για διαφορετικές συσκευές, προγράμματα περιήγησης , και τα λοιπά.

Ως εκ τούτου, ενώ επιλέγετε ένα εργαλείο, επιλέξτε αυτό που μπορεί να καλύψει το μέγιστο της δοκιμαστικής βάσης.

Πρόσθετα Open-source Mobile Responsive Test Tools:

# 1) Websiteresponsivetest.com: Αυτό το εργαλείο υποστηρίζει όλα τα μεγάλα προγράμματα περιήγησης ιστού και παρέχει μια προεπισκόπηση του πώς θα μοιάζει ο πραγματικός ιστότοπος. Για να έχουμε τα αποτελέσματα της ανταπόκρισης ενός ιστότοπου, πρέπει να εισαγάγουμε τη διεύθυνση URL του ιστότοπού μας.

# 2) Screenfly: Είναι επίσης ένα εργαλείο δοκιμής που ανταποκρίνεται σε κινητά και μπορεί να χρησιμοποιηθεί για δοκιμές στην καρτέλα Galaxy, iPad κ.λπ. Ανιχνεύει αυτόματα τον ιστότοπο για κινητά του ιστότοπου και σας μεταφέρει στο ίδιο.

# 3) VeiwPort Resizer: Είναι ένα διαμορφώσιμο εργαλείο και μπορεί να χρησιμοποιηθεί για την προσαρμογή του μεγέθους της οθόνης ενός προγράμματος περιήγησης.

# 4) Αποκριτής: Αυτό έρχεται ως πληρωμένη έκδοση, όπου μπορείτε να αγοράσετε τον υποτομέα για τη δοκιμή σας. Παρέχοντας τη διεύθυνση URL του ιστότοπου, αυτό το εργαλείο δείχνει πώς θα μοιάζει ο ιστότοπος.

συμπέρασμα

Ο έλεγχος απόκρισης για κινητά είναι πολύ σημαντικός για να διασφαλιστεί εάν όλοι οι χρήστες έχουν βέλτιστη εμπειρία προβολής στις συσκευές τους, ίσως σε φορητό υπολογιστή, επιτραπέζιο υπολογιστή, tablet ή smartphone.

Όπως συζητήθηκε νωρίτερα, μόνο εάν το περιεχόμενο φαίνεται καλό για έναν χρήστη, θα ενδιαφέρεται να προχωρήσει περαιτέρω, επομένως μαζί με τους άλλους τύπους δοκιμών λειτουργικότητας, ασφάλειας, άγχους κ.λπ., η απόκριση δοκιμών είναι επίσης πολύ σημαντική και δεν πρέπει να ληφθεί ελαφριά.

Οι δοκιμές απόκρισης σε κινητές συσκευές είναι απλές, αλλά οι δοκιμαστικοί σταθμοί αποτελούν τη μεγαλύτερη πολυπλοκότητα και πρόκληση για αυτό. Ως εκ τούτου, ως QA πρέπει να αντιμετωπίζετε έξυπνα.

Στο επόμενο άρθρο μας, θα συζητήσουμε περισσότερα Πάροχοι υπηρεσιών δοκιμών εφαρμογών για κινητές συσκευές που βασίζονται σε σύννεφο .

Συνιστώμενη ανάγνωση

^