Στο παρελθόν, εξετάσαμε τους λόγους και τους τρόπους για τον έλεγχο της ιστοσελίδας σας, είτε επαγγελματικής είτε προσωπικής, σε πολλά προγράμματα περιήγησης επιφάνειας εργασίας. Η σημασία της δοκιμής του ιστότοπού σας σε διαφορετικά προγράμματα περιήγησης διασφαλίζει ότι ο ιστότοπός σας φαίνεται και συμπεριφέρεται σωστά, ανεξάρτητα από το πρόγραμμα περιήγησης που προβάλλεται.
Το ίδιο ισχύει και για τα κινητά προγράμματα περιήγησης και μπορεί να είναι ακόμη πιο κρίσιμο στις μέρες μας, καθώς πολλοί άνθρωποι χρησιμοποιούν τη χρήση προσαρμοστικού σχεδιασμού ιστοσελίδων. Αυτή η έννοια, με λίγα λόγια, παρέχει μια ιστοσελίδα που θα κοιτάξει και θα συμπεριφέρεται καλά 7 Πρακτικές Pro Οι σχεδιαστές χρησιμοποιούν για να βελτιώσουν την επιχείρησή τους 7 Πρακτικές Pro Οι σχεδιαστές χρησιμοποιούν για να βελτιώσουν την επιχείρησή τους Η λειτουργία μιας επιχείρησης είναι πολύ φορολογική αλλά δεν χρειάζεται να να είναι έτσι. Διαβάστε περισσότερα για όλες τις κινητές συσκευές, ανεξάρτητα από το μέγεθος. Με τόσους πολλούς διαφορετικούς τύπους κινητών τηλεφώνων Μια Σύντομη Ιστορία Κινητών Τηλεφώνων Μια Σύντομη Ιστορία Κινητών Τηλεφώνων Τα κινητά τηλέφωνα έχουν αλλάξει τον τρόπο με τον οποίο ζούμε τη ζωή μας και για πολλούς, η προοπτική ενός κόσμου χωρίς φωνητικές κλήσεις, μηνυμάτων κειμένου και πρόσβασης στο κινητό Διαδίκτυο είναι μια ανησυχητική. Όπως όλοι γνωρίζουμε, ... Διαβάστε περισσότερα και δισκία, σχεδιάζοντας το site σας για να φιλοξενήσει μόνο μια συσκευή είναι ένα τεράστιο λάθος.
Εδώ είναι που πρέπει να πει ο Eric Fischgrund, Marketing και Communications Professional, για τη σημασία αυτής της έννοιας σε ένα πρόσφατο άρθρο του Huffington Post:
Το περιεχόμενο συχνά χρειάζεται επίσης να ξαναγραφεί. Για μικρότερες συσκευές, θέλετε σύντομη και εύκολη κατανόηση του κειμένου. Οι εικόνες πρέπει να έχουν μικρότερο μέγεθος. Ο υπεύθυνος σχεδιασμός αφορά στην ενίσχυση της εμπειρίας των χρηστών, προλαμβάνοντας τις ανάγκες τους.
Με αυτό το σκεπτικό, κανείς δεν περιμένει να αγοράσετε και να διατηρήσετε όλες τις διαθέσιμες συσκευές. Και είναι σημαντικό να σημειωθεί ότι, καθώς παράγονται και πωλούνται νέες συσκευές, θα ήταν αδύνατο να συμβαδίσουμε με αυτή τη μέθοδο.
Εισαγάγετε τους εξομοιωτές κινητών τηλεφώνων. Αυτά τα εύχρηστα εργαλεία σάς επιτρέπουν όχι μόνο να βλέπετε, αλλά στις περισσότερες περιπτώσεις να περιηγείστε στον ιστότοπό σας μέσω των "οφθαλμών" διαφορετικών συσκευών. Κάθε ένας από αυτούς τους εξομοιωτές λειτουργεί καλά και είναι διαθέσιμος δωρεάν.
Εκτυπωτής κινητού τηλεφώνου
Ο ιστότοπος του Mobile Phone Emulator σας επιτρέπει να έχετε κάποια καλή ευελιξία για τον έλεγχο της ιστοσελίδας σας. Μπορείτε να επιλέξετε τη συσκευή στην οποία θα προβάλλεται ο ιστότοπός σας και θα μπορείτε να κάνετε εναλλαγή μεταξύ τους για έλεγχο. Παρόλο που δεν περιέχει μια πλήρη λίστα συσκευών, μπορείτε να βρείτε δημοφιλή από τις Apple, Samsung, LG, Blackberry και HTC με μεγέθη οθόνης για κάθε μία. Μπορείτε επίσης να επιλέξετε να προβάλλετε τον ιστότοπό σας τόσο σε κατακόρυφο όσο και σε οριζόντιο προσανατολισμό στις συσκευές.
Μόλις ο ιστότοπός σας εμφανιστεί στη συσκευή, μπορείτε να κάνετε κλικ σε διαφορετικά άρθρα, πλοήγηση ή μενού για να δείτε πώς φαίνεται κάθε περιοχή. Μπορείτε επίσης να επιλέξετε να βλέπετε τη συσκευή σε "πραγματικό" μέγεθος ή να ταιριάζει στο παράθυρο του προγράμματος περιήγησης. Το Emulator για κινητά τηλέφωνα είναι μια πολύ ωραία, δωρεάν επιλογή για δοκιμές σε προγράμματα περιήγησης μέσω κινητού τηλεφώνου.
Υπεύθυνος
Το Responsinator θα εμφανίσει τον ιστότοπό σας σε διάφορες συσκευές, όλα σε μια προβολή. Δεν υπάρχουν πολλές επιλογές για συσκευές, αλλά μπορείτε να προβάλετε τον ιστότοπό σας σε μερικές πρόσφατες συσκευές iOS και Android τόσο σε κατακόρυφες όσο και σε οριζόντιες προβολές. Καθένα από αυτά έχει γραμμές κύλισης για προβολή ολόκληρης της σελίδας και πάλι, μπορείτε να κάνετε κλικ σε συνδέσμους στον ιστότοπό σας από τις συσκευές για να ελέγξετε την πλοήγηση και άλλες σελίδες.
Το Responsinator είναι διαθέσιμο δωρεάν, αλλά αν θέλετε να δημιουργήσετε το δικό σας Responsinator, αυτή η επιλογή υπάρχει για $ 6 μηνιαίως ή $ 60 ετησίως. Εάν κάνετε πολύ τον εαυτό σας ευαισθητοποιητικό σχεδιασμό, τότε αυτό θα μπορούσε να είναι μια καλή επιλογή για να εξετάσετε περαιτέρω.
ResponsivePX
Το ResponsivePX μπορεί να μην είναι τόσο όμορφο όσο οι άλλες επιλογές, αλλά κάνει το τέχνασμα. Αντί να επιλέγετε από διαφορετικές συσκευές, επιλέγετε το μέγεθος της οθόνης. Ρυθμίστε το πλάτος και το ύψος και η οθόνη θα προσαρμοστεί καθώς πηγαίνετε.
Μπορείτε να επιλέξετε να εμφανίσετε μια γραμμή κύλισης, η οποία πραγματικά θα μπορούσε να είναι απλώς από προεπιλογή, αλλά σας βοηθά να μετακινηθείτε στη σελίδα του ιστότοπού σας. Κάθε στοιχείο μπορεί να γίνει κλικ στον ιστότοπό σας, ώστε να μπορείτε εύκολα να προβάλετε την πλοήγηση και τις διάφορες σελίδες.
Το ResponsivePX είναι μια αξιοπρεπής επιλογή για δοκιμές μέσω κινητού τηλεφώνου και λαμβάνοντας υπόψη ότι μπορείτε να προσαρμόσετε το μέγεθος της οθόνης σε 3000 έως 3000, θα μπορούσε να χρησιμοποιηθεί για προβολή σε κινητά τηλέφωνα.
Matt Kersley.com
Ο ιστότοπος Matt Kersley είναι και πάλι όχι τόσο όμορφος όσο κάποιοι άλλοι, αλλά μπορείτε να δείτε τον ιστότοπό σας σε τέσσερις διαφορετικές προβολές για κινητές συσκευές. Τα μεγέθη των συσκευών περιλαμβάνουν μικρό τηλέφωνο και tablet καθώς και iPhone και iPad. Καθένα από αυτά έχει κύλιση και σας επιτρέπει να κάνετε κλικ στα στοιχεία του ιστότοπού σας για περαιτέρω δοκιμές, όπως αυτά παραπάνω.
iPad (και iPhone) Peek
Για δοκιμή μόνο στο iOS, το iPad Peek εμφανίζει τόσο τις προβολές του iPad όσο και το iPhone του ιστότοπού σας. Μπορείτε να μεταβείτε γρήγορα μεταξύ του tablet και του τηλεφώνου καθώς και μεταξύ προβολής κατακόρυφου και οριζόντιου προσανατολισμού.
Απλώς πληκτρολογήστε τη διεύθυνση URL σας στη συσκευή και δοκιμάστε την. Όπως και με τους άλλους εξομοιωτές, το iPad Peek σάς επιτρέπει να μετακινείτε τις σελίδες του ιστότοπού σας και την πλοήγηση για μια πλήρη εμπειρία.
MobiReady
Το MobiReady ήταν μέχρι πρόσφατα ένα εξαιρετικό εργαλείο, ωστόσο, ο ιστότοπος φαίνεται ότι αντιμετωπίζει σήμερα κάποια προβλήματα. Θέλω να το συμπεριλάβω σε περίπτωση που τα ζητήματά τους οριστούν σύντομα, επειδή είναι πραγματικά ένας καλός εξομοιωτής. Όχι μόνο εμφανίζει τον ιστότοπό σας, αλλά παρέχει επίσης ορισμένες χρήσιμες πληροφορίες δοκιμής.
Μπορείτε να ελέγξετε τις αναλύσεις και τις αναφορές μαζί με διάφορα αποτελέσματα δοκιμών που δείχνουν γραφήματα, αποτυγχάνουν και περάσματα. Οι συσκευές που εμφανίζονται περιορίζονται σε μερικά διαφορετικά μεγέθη τηλεφώνου μαζί με μια προβολή επιφάνειας εργασίας.
Αλλά οι άλλες πληροφορίες είναι πραγματικά αυτό που είναι το πιο χρήσιμο στο MobiReady. Ας ελπίσουμε ότι ο ιστότοπος θα γυρίσει πίσω στη δράση σύντομα, ώστε να μπορείτε να το δοκιμάσετε.
Είναι η περιοχή σας έτοιμη για κινητά;
Χρησιμοποιείτε ανταποκρινόμενο σχεδιασμό ιστοσελίδων για να βεβαιωθείτε ότι ο ιστότοπός σας είναι έτοιμος για κινητά Πώς να βεβαιωθείτε ότι το WordPress Blog σας είναι προσβάσιμο στους χρήστες κινητών τηλεφώνων Πώς να βεβαιωθείτε ότι το WordPress Blog σας είναι προσβάσιμο σε χρήστες κινητής τηλεφωνίας Διαβάστε περισσότερα; Τι γίνεται με τις δοκιμές σας; ελέγχετε την ιστοσελίδα σας χρησιμοποιώντας έναν εξομοιωτή όπως κάποιος από αυτούς;
Ίσως υπάρχει ένας άλλος δωρεάν εξομοιωτής που νομίζετε ότι λειτουργεί καλύτερα από όλα αυτά. Εάν ναι, παρακαλούμε να μοιραστείτε τις προτάσεις σας με όλους σε αυτά τα σχόλια.
Image Credit: 3 υπολογιστές tablet και κινητό τηλέφωνο μέσω του Shutterstock