Δοκιμή Browser: Ένα οικογενειακό δέντρο
Μια εργασία οδηγεί τους επαγγελματίες του διαδικτύου στην απόσπαση της προσοχής περισσότερο από σχεδόν οποιοδήποτε άλλο: δοκιμάζοντας αν ο σχεδιασμός τους λειτουργεί εξίσου καλά σε πλήθος browsers και σε διαφορετικές συσκευές.
Η λίστα των φυλλομετρητών και των πλατφορμών για την επαλήθευση ενάντια στο διαρκές χρονικό διάστημα και, ως σχεδιαστές, οι τάσεις μας γίνονται αναλογικά μικρότερες. Το IE6 θα παρουσιαστεί πιθανότατα στους εφιάλτες για τα επόμενα χρόνια!
Ωστόσο, η δουλειά μας σε ολοένα και διευρυνόμενο φάσμα καταστάσεων καθίσταται όλο και πιο σημαντική.
Αυτό το άρθρο υπογραμμίζει τα πιο συνηθισμένα προβλήματα που προκύπτουν κατά τη δοκιμή με τους "συνήθεις ύποπτους" και εξηγεί γιατί μπορεί σύντομα να χρειαστεί μια αλλαγή τακτικής. Ολόκληρη η προοπτική σας σχετικά με τις δοκιμές συμβατότητας μπορεί να αλλάξει.
Το Φανταστικό Πέντε
Πίσω κατά τους πολέμους του προγράμματος περιήγησης, οι σχεδιαστές έπρεπε να υποφέρουν από τη συνεχή διαμάχη μεταξύ του Internet Explorer και του αντιπάλου του (μερικά πράγματα δεν αλλάζουν ποτέ). Το σημείο καμπής ήρθε όταν τα νεότερα προγράμματα περιήγησης δεσμεύτηκαν να υποστηρίξουν τα πρότυπα του διαδικτύου, τα οποία σταδιακά εξάλειψαν την κυριαρχία του Internet Explorer στην αγορά των προγραμμάτων περιήγησης.
Οι καιροί αλλάζουν. Η αυξανόμενη σημασία των συσκευών περιήγησης για κινητά και των νέων μηχανών απόδοσης οδήγησε στην επιθυμία των σχεδιαστών να περιορίσουν την ανάγκη δοκιμής σε κάθε συσκευή που μπορεί να φανταστεί κανείς.
Οι σχεδιαστές στρατολογούν τώρα να παίξουν ένα παιχνίδι αριθμών, συνήθως δοκιμάζοντας το έργο τους στα πέντε ή έξι πιο συνηθισμένα προγράμματα περιήγησης, στη συνέχεια ζητώντας κάλυψη των υπόλοιπων. Ενώ αυτό φαίνεται σαν μια εύκολη λύση, παρουσιάζει μερικά προβλήματα, γιατί σε αντίθεση με την εκτύπωση, ένα μέγεθος σίγουρα δεν ταιριάζει σε όλα.
Παρόλο που η αγορά κυριαρχείται από πέντε προγράμματα περιήγησης, οι σχεδιαστές δεν πρέπει να αγνοούν την πορτοκαλί φέτα "Others". Οι επισκέπτες σε άλλα προγράμματα περιήγησης πρέπει ακόμα να φιλοξενηθούν.
Το κλειδί για την ακριβή παρουσίαση του υπέροχου σχεδίου του ιστότοπού σας στον τελικό χρήστη είναι ο μηχανισμός απόδοσης. Κάποιος μπορεί να υποθέσει ότι εάν δοκιμάσατε έναν ιστότοπο στο πιο δημοφιλές πρόγραμμα περιήγησης για κάθε μία από τις μηχανές απόδοσης Trident, Gecko, Commit και Presto, τότε θα μπορούσατε να αγνοήσετε με ασφάλεια άλλες συσκευές που μοιράζονται τις ίδιες μηχανές επειδή θα κάλυπταν τη μεγάλη πλειοψηφία των χρηστών .
Συμφωνώ γενικά ότι η δοκιμή σε αυτά τα προγράμματα περιήγησης μόνο θα μπορούσε να προκαλέσει προβλήματα που είναι ορατά για τον χρήστη, αλλά η δοκιμή σε ένα ευρύτερο φάσμα browsers, συσκευών και συστημάτων έχει τα οφέλη της. Αξίζει να εξεταστούν πιθανά προβλήματα και να αποφασιστεί εάν απαιτούνται περαιτέρω δοκιμές προκειμένου να δοθεί στους επισκέπτες η καλύτερη δυνατή εμπειρία.
Trident (Internet Explorer), Gecko (Firefox), Webkit (Chrome και Safari) και Presto (Opera).
Πέρα από το Σημείο Διάσπασης
Ένα προφανές ζήτημα στις μέρες μας είναι η εξάρτηση της συσκευής (ή της προσθήκης), η οποία επηρεάζει τους browsers όχι μόνο σε επίπεδο προγράμματος περιήγησης αλλά και σε επίπεδο απόδοσης. Οι πιστοί της Apple είναι σίγουρα ενήμεροι για τα προβλήματα του iPhone και του iPad με το Flash και επειδή η Adobe και η Apple άρχισαν να χτυπούν ο ένας τον άλλον, εξακολουθούμε να ακούμε γι 'αυτό.
Παρόλο που το Flash χειρίζεται γενικά τη γενική απόδοση του περιεχομένου από μόνο του, η δοκιμή μόνο στα πιο δημοφιλή προγράμματα περιήγησης δεν θα είχε κατ 'ανάγκην προβλήματα. Ενώ οι κύριες τεχνολογίες (ανοιχτές και κλειστές) διατρέχουν τον κίνδυνο αποκλεισμού, η επέκταση της βάσης δοκιμών μπορεί να είναι κρίσιμη.
Η απόδοση του Flash εκτός του προγράμματος περιήγησης, αλλά όχι κάθε πρόγραμμα περιήγησης στο Web μπορεί να κάνει χρήση της τεχνολογίας.
Ένα άλλο ζήτημα είναι οι εκδόσεις των μηχανών απόδοσης. Ενώ το τελευταίο και το μεγαλύτερο πρόγραμμα περιήγησης είναι το κλειδί για την αξιοποίηση των νέων τεχνολογιών, η συνεχής χρήση παλαιότερων εκδόσεων (ειδικά των διαφόρων εκδοχών του Internet Explorer) απαιτεί να περιοριζόμαστε όχι μόνο στις τελευταίες εκδόσεις ενός renderer, αλλά και σε εκείνες που μπορούν ακόμα να λειτουργούν σε περιβάλλοντα όπου η αναβάθμιση του λογισμικού θα ήταν ακατάλληλη ή αδύνατη.
Ακόμα και σε κατάσταση συμβατότητας, η δοκιμή σε τρέχοντα προγράμματα περιήγησης δεν λαμβάνει υπόψη τις παλιές εκδόσεις των προγραμμάτων περιήγησης που χρησιμοποιούν προηγούμενες εκδόσεις των μηχανών απόδοσης.
Ο Internet Explorer 6.0 χρησιμοποιεί μια παλαιότερη έκδοση και έκδοση bugger του μηχανισμού εμφάνισης του προγράμματος περιήγησης του υπολογιστή Trident.
Μπορεί επίσης να προκύψουν προβλήματα εμφάνισης εάν υπάρχουν διαφορές μεταξύ της συσκευής και της πλατφόρμας που χρησιμοποιείται. Είναι αυτονόητο ότι η δοκιμή του ιστοτόπου σας σε μια σειρά κινητών τηλεφώνων και τσέπης surfers μπορεί να σας οδηγήσει στο χείλος της παραφροσύνης, ιδιαίτερα δεδομένου πόσο διαφορετικά μπορούν να εμφανιστούν όλα.
Ο σχεδιασμός μιας τόσο μικρής οθόνης μπορεί να είναι ένα πολύ σημαντικό καθήκον, ειδικά επειδή οι συμβάσεις για κινητές συσκευές βρίσκονται ακόμα σε νηπιακή ηλικία. Αλλά αυτό το ζήτημα ισχύει και για τις πλατφόρμες επιφάνειας εργασίας. Δεν είναι ασυνήθιστο να βλέπουμε τα δευτερεύοντα ζητήματα απόδοσης να εμφανίζονται μεταξύ των εκδόσεων του Firefox για Windows και Mac, για παράδειγμα - πράγματι μια ανησυχητική σκέψη.
Η A List Apart φροντίζει τόσο πολύ για την απόδοση των διαφορών ότι έχει ξεχωριστό σχεδιασμό για κινητές συσκευές.
Ένα άλλο βασικό στοιχείο που μπορεί να διαφέρει από το πρόγραμμα περιήγησης στο πρόγραμμα περιήγησης είναι ο μηχανισμός JavaScript. Στις πρώτες μέρες, το μόνο ερώτημα σχετικά με το JavaScript ήταν αν θα το χρησιμοποιήσει.
Αυτές τις μέρες, τα προγράμματα περιήγησης με την ίδια οπτική μηχανή εμφάνισης έχουν συχνά διαφορετικές μηχανές JavaScript (το Chrome και το Safari αποτελούν τέλειο παράδειγμα). Χρησιμοποιώντας πολλαπλά προγράμματα περιήγησης για να αξιολογήσετε την ικανότητα του ιστότοπού σας να αποδίδει αυτά τα πανέμορφα σενάρια jQuery, είναι εξίσου σημαντική, ειδικά εάν ο σχεδιασμός σας έχει πολλή λειτουργική διαδραστικότητα.
Τα Πειράματα Chrome προβάλλουν την απόδοση απόδοσης του προγράμματος περιήγησης της Google.
Και τέλος, ένα θέμα που κάνει κάποιους ανθρώπους να φωνάζουν και άλλοι να στενοχωρούν: προσβασιμότητα! Στα μάτια πολλών ανθρώπων, η προσβασιμότητα και ο τρόπος με τον οποίο ένα πρόγραμμα περιήγησης καθιστά έναν ιστότοπο δεν σχετίζονται. Αλλά αξίζει να σημειωθεί ότι όταν οι άνθρωποι επισκέπτονται τον ιστότοπό σας, το λογισμικό προσβασιμότητάς τους μπορεί να τους αναγκάσει να χρησιμοποιήσουν ένα συγκεκριμένο πρόγραμμα περιήγησης, το οποίο υποστηρίζει τον αναγνώστη οθόνης του υπολογιστή ή τη συσκευή προσβασιμότητάς του.
Σε τέτοιες περιπτώσεις, οι φυλλομετρητές των μειονοτήτων μπορεί να αγνοηθούν εξ ολοκλήρου. Θυμηθείτε ότι το σχέδιό σας θα πρέπει επίσης να εργάζεται για αυτά τα άτομα των οποίων οι ανάγκες είναι συχνά ξεχασμένες.
Η Opera μπορεί να έχει ένα μικρό μερίδιο αγοράς, αλλά οι φωνητικές της επιλογές μπορεί να είναι ένα lifesaver για όσους έχουν ειδικές ανάγκες.
Η μακροπρόθεσμη θεραπεία
Δεδομένων όλων των αναγκών προσβασιμότητας, των διαφορετικών μηχανών JavaScript, των προβλημάτων μεταξύ των πλατφορμών, των διαφορών εμφάνισης, των εξαρτήσεων τεχνολογίας όπως το Flash και της κινητής επανάστασης, κάποιος θα μπορούσε να δικαιολογηθεί για τη δυσαρέσκεια για το πόσο δοκιμές χρειάζονται. Ακόμα, ρίξτε μια ματιά στις ανάγκες του κοινού-στόχου σας για να δείτε αν η επέκταση της τρέχουσας ροής εργασίας δοκιμών σας θα αποφέρει μακροπρόθεσμα αποτελέσματα.
Αφιερώστε λίγο χρόνο για να επικοινωνήσετε με τους επισκέπτες σας. Ίσως θα μπορούσατε να εκτελέσετε μια δημοσκόπηση που θα σας ρωτούσε ποια προγράμματα περιήγησης και συσκευές βρίσκονται και, στη συνέχεια, εξετάστε τα στατιστικά στοιχεία για να δείτε αν έχουν αναφέρει τρόπους βελτίωσης ή επέκτασης της αλληλεπίδρασης στον ιστότοπό σας.
Μπορεί να διαπιστώσετε ότι χρειάζεστε ένα σχέδιο για κινητά ή ίσως υπάρχει ενθουσιασμός για μια εφαρμογή iPhone ή μπορείτε απλά να λάβετε περισσότερες αναφορές σφαλμάτων για προγράμματα περιήγησης μειονοτήτων. Η ενθάρρυνση της ανατροφοδότησης είναι πρωταρχική στην εξελικτική διαδικασία σχεδιασμού.
Τα πακέτα στατιστικών στοιχείων μπορούν να δώσουν μια σαφή εικόνα των συσκευών που χρησιμοποιήθηκαν για την επίσκεψη στον ιστότοπό σας.
Η προσέγγιση των πελατών σε μια όλο και πιο ευρεία κλίμακα είναι κάτι που κάθε ιδιοκτήτης ιστοτόπου πρέπει να εξετάσει στο πλαίσιο της χρηστικότητας. Η καλή επικοινωνία δημιουργεί μια συναισθηματική σύνδεση με τους επισκέπτες. αισθάνονται ότι το ενδιαφέρον τους επικυρώνεται και ότι ο χρόνος τους δαπανάται σωστά και αυτό μπορεί να μετατρέπει τα κλικ σε πελάτες.
Η παραμονή στην κορυφή των πραγμάτων στο στάδιο της δοκιμής, τότε, ξεπερνάει τον καθορισμό οπτικών ελαττωμάτων. Ένα ευρύτερο πεδίο δοκιμών θα μπορούσε να οδηγήσει σε νέες λειτουργίες και μοναδικούς τρόπους πλοήγησης στην ιστοσελίδα. Μια ανταμοιβή θα μπορούσε να είναι βαθύτερη σχέση με τους τακτικούς επισκέπτες και τους οπαδούς του ιστότοπού σας.
Ξεκινήστε τους κινητήρες σας
Ο τρόπος με τον οποίο επεκτείνετε τη διαδικασία δοκιμής είναι πέρα από το πεδίο εφαρμογής αυτού του άρθρου, αλλά ο απλούστερος τρόπος για να βελτιώσετε την εμφάνιση του ιστοτόπου σας και την εμπειρία του χρήστη είναι να διασφαλίσετε ότι όλα φαίνονται εμφανή στην οθόνη.
Παρακάτω είναι μια λίστα με ένα ευρύ φάσμα προγραμμάτων περιήγησης, κινητών και επιτραπέζιων υπολογιστών, τα οποία μπορεί να σας βοηθήσουν να διευρύνετε τον ορίζοντα σας καθώς δοκιμάζετε. Ενώ ορισμένοι θα κάνουν το σχέδιό σας το ίδιο, αυτά τα προγράμματα περιήγησης θα σας βοηθήσουν να διαπιστώσετε την κλίμακα των δοκιμών που θα χρειαστεί να εκτελέσετε.
Θα δημιουργηθούν αναμφίβολα περισσότεροι φυλλομετρητές (και μερικοί ενδέχεται να υπάρχουν ήδη), επομένως εξετάστε και το μέλλον.
Τόσο επιτραπέζιες όσο και κινητές πλατφόρμες διαθέτουν ένα ευρύ φάσμα μηχανών rendering.
Ενώ περιλαμβάνονται προγράμματα περιήγησης με Trident, Gecko, Webkit και Presto (μαζί με τις παλαιότερες παραλλαγές τους Tasman, Mozilla και KHTML), δεν συμπεριλήφθηκαν και άλλες μηχανές rendering με βάση χρηστών, λόγω του πολύ περιορισμένου εύρους συσκευών που τις υποστηρίζουν.
Οι συσκευές και τα προγράμματα περιήγησης με μοναδικές μηχανές απόδοσης (κείμενο, οπτικό και κινητό) που δεν αναφέρονται εδώ μπορούν να εξεταστούν μεμονωμένα και ενδεχομένως να αυξήσουν τη συμβατότητα του σχεδίου σας.
Συνιστώ τα προγράμματα περιήγησης που επισημαίνονται παρακάτω για κάθε πλατφόρμα. Με την εξαίρεση του Mac, που χρησιμοποιεί τον Tasman, όλα αυτά χρησιμοποιούν τον κινητήρα rendering Trident:
Όλες αυτές οι χρήσεις της Gecko (προηγουμένως Mozilla) επιτραπέζιας μηχανής απόδοσης:
Όλα αυτά χρησιμοποιούν τη μηχανή εμφάνισης Webkit (ή το πιρούνι KHTML στην περίπτωση του Konqueror):
Επειδή η Presto είναι ιδιόκτητη πλατφόρμα, δεν αποτελεί έκπληξη το γεγονός ότι περιορίζεται στα έργα της Opera:
Πάνω από το ουράνιο τόξο
Ίσως ο ιστότοπός σας να είναι εντελώς απαλλαγμένος από λάθη. Ίσως να φαίνεται μεγάλη σε κάθε περίπτωση. Αλλά αν λάβετε υπόψη την τεράστια κλίμακα των απαιτήσεων συμβατότητας σε διάφορες πλατφόρμες, δεν μπορείτε πλέον να κάνετε τα πέντε μεγάλα να σας δώσουν μια ακριβή εικόνα των χρηστών του διαδικτύου στο σύνολό τους.
Εάν αφαιρέσετε μόνο ένα πράγμα από αυτό το άρθρο, τότε κατανοήστε την αξία της δαπάνης περισσότερο χρόνο για την ανάλυση των αναγκών των επισκεπτών σας, διότι αυτό θα σας βοηθήσει να επαναξιολογήσετε τη φάση των δοκιμών για να συμπεριλάβετε μια ευρύτερη σειρά σεναρίων.
Περάστε επιπλέον χρόνο που περνάει από τα προγράμματα περιήγησης για κάθε μηχανή rendering και μην ξεχνάτε τα εξής: άλλα λειτουργικά συστήματα, τα οποία ενδέχεται να έχουν διαφορές. άλλους τύπους συσκευών (όπως κινητά τηλέφωνα), οι οποίες ενδέχεται να καταστούν πολύ διαφορετικές · μοναδικοί επεξεργαστές JavaScript, οι οποίοι έχουν επιπτώσεις στην ταχύτητα. παλαιότερες εκδόσεις προγραμμάτων περιήγησης ιστού. και γενικά το ευρύτερο πεδίο που απαιτείται καθώς ο κώδικας εξελίσσεται και αλλάζει τον ιστό.
Περίληψη
Σε έναν κόσμο όπου οι άνθρωποι είναι πρόθυμοι να επενδύσουν χρόνο, προσπάθεια και χρήματα για να κάνουν τις ιστοσελίδες τους όσο το δυνατόν φιλικότερες, τροφοδοτώντας τις μηχανές αναζήτησης και τα κοινωνικά μέσα, διασφαλίζοντας ότι ο σχεδιασμός σας λειτουργεί (και όχι εστιάζοντας στην τελειότητα των pixel - print) μπορεί να είναι πιο πολύτιμη για εκατοντάδες ή χιλιάδες ανθρώπους που έχουν πρόσβαση στον ιστότοπό σας με διαφορετικούς τρόπους.
Σίγουρα θα μπορούσε να σημαίνει τη διαφορά μεταξύ της προσέλκυσης πελατών και της απογοήτευσης των επισκεπτών "Γεια και Αντίο".
Γράφτηκε αποκλειστικά για WDD από Αλέξανδρος Ντόουσον
Πώς θα δοκιμάσετε τα προσεκτικά σχεδιασμένα σχέδια ώστε να εκτελούν με ευελιξία; Σκοπεύετε να βελτιστοποιήσετε τη ροή εργασίας δοκιμών σας έτσι ώστε να είναι λιγότερο περιοριστική; Θα μπορούσε ο ιστοχώρος σας να ενθαρρύνει την ανατροφοδότηση των επισκεπτών σχετικά με το σχεδιασμό του;