Βέλτιστες πρακτικές για πλοήγηση στον κινητό ιστό
Ο τρόπος με τον οποίο οι άνθρωποι έχουν πρόσβαση σε πληροφορίες στο διαδίκτυο εξελίσσεται. Η Google αναφέρει ότι μέχρι το επόμενο έτος (2013) περισσότερες από τις μισές επισκέψεις στον ιστότοπο θα προέρχονται από κινητές συσκευές και όχι από επιτραπέζιους υπολογιστές ή φορητούς υπολογιστές.
Όχι μόνο το μέσο πρόσβασης στο διαδίκτυο αλλάζει, οι ανάγκες των περισσότερων χρηστών κινητής τηλεφωνίας που πηγαίνουν στο διαδίκτυο με τη συσκευή smartphone ή το handheld αλλάζουν επίσης. να γίνει πιο εστιασμένη και προσανατολισμένη στην εργασία.
Οι σημερινοί ιδιοκτήτες smartphone χρησιμοποιούν τα τηλέφωνά τους για να εκτελούν συγκεκριμένα καθήκοντα, όπως ο έλεγχος των προορισμών προορισμού, των χρονοδιαγραμμάτων δημόσιων μεταφορών και των τραπεζικών υπολοίπων. Ενώ η περιήγηση στο διαδίκτυο σε συσκευές χειρός πραγματοποιείται (ειδικά όταν στέκεστε σε πραγματικά μεγάλες γραμμές ή περιμένετε ένα λεωφορείο) πολλοί άνθρωποι προτιμούν να σερφάρετε στο διαδίκτυο από την άνεση του σπιτιού ή του γραφείου τους.
Ο χώρος οθόνης περιορίζεται σε συσκευές χειρός και οι χρήστες κινητών τηλεφώνων είναι απασχολημένοι, συχνά με πολλαπλές λειτουργίες, καθώς αναζητούν πληροφορίες online με έναν αντίχειρα ή δάκτυλο.
Για τους λόγους αυτούς, η πλοήγηση μέσω κινητού ιστότοπου είναι ακόμη πιο σημαντική από την πλοήγηση σε έναν παραδοσιακό ιστότοπο. Η κατανόηση των ερωτήσεων και των αναγκών του τυπικού επισκέπτη του ιστότοπου, οι περιορισμοί της συσκευής και το τι θα τους εμποδίσει, είναι καθοριστικής σημασίας για την αποτελεσματική σχεδίαση πλοήγησης σε έναν κινητό ιστότοπο.
Τι ζητούν οι χρήστες κινητών όταν μπαίνουν στο διαδίκτυο;
Compuware Της μελέτης του 2011 " Ποιοι χρήστες θέλουν από το κινητό" διαπίστωσαν ότι το 95% των χρηστών αναζητούσαν τοπικές πληροφορίες με τα smartphones τους ή τις συσκευές χειρός. Ως εκ τούτου, θα ήταν καλή πρακτική για τις επιχειρήσεις τούβλων και κονιαμάτων να διαθέτουν πλοήγηση στην τοποθεσία τους, τις ώρες και τα στοιχεία επικοινωνίας τους σε χώρους κινητής τηλεφωνίας.
Βάλτε τον εαυτό σας στα παπούτσια του τυπικού χρήστη του ιστότοπου. Ρίξτε μια ματιά στα αναλυτικά στοιχεία για την κίνηση μέσω κινητού τηλεφώνου. Επιλέξτε τις κορυφαίες τρεις ή τέσσερις κατηγορίες που αναζητούν οι χρήστες και επιλέξτε ονόματα κατηγοριών που αντικατοπτρίζουν τις πιο κοινές αναζητήσεις.
Εάν πρόκειται για έναν ιστότοπο για κινητά για μια επιχείρηση τούβλων και κονιαμάτων, εμφανίστε ένα κουμπί για την τοποθεσία και τα στοιχεία επικοινωνίας εμφανώς.
Μπορείτε πάντα να προσθέσετε έναν σύνδεσμο για να "επισκεφτείτε τον ιστότοπό μας" και οι πραγματικά ενδιαφερόμενοι μπορούν να δουν μια πιο περίπλοκη έκδοση του κινητού ιστότοπου στην άνεση του γραφείου τους ή στο σπίτι με το φορητό υπολογιστή τους.
7 Για όλους τους ανθρώπους γνωρίζουν τους χρήστες τους.
Σχεδιάζοντας ένα διαφορετικό περιβάλλον
Εκτός από τις παραμέτρους και τις περισπασμούς του εξωτερικού περιβάλλοντος, οι σχεδιαστές ιστού πρέπει επίσης να αξιολογήσουν τις ίδιες τις συσκευές κατά το σχεδιασμό στοιχείων πλοήγησης.
Ένας αρχιτέκτονας δεν θα υποστήριζε ακριβώς τον ίδιο σχεδιασμό κτιρίου για τη μέση της πόλης, έρημο ή δάσος, ένας καλός σχεδιαστής ιστοσελίδων εξετάζει τις ευκαιρίες και τους περιορισμούς του κινητού περιβάλλοντος για να δημιουργήσει την πιο χρήσιμη πλοήγηση για κινητικότητα.
Το πρόβλημα, φυσικά, είναι ότι ο σχεδιαστής δεν γνωρίζει τη συσκευή που κρατά ο τελικός χρήστης όταν επισκέπτεται τον ιστότοπο, μια κατάσταση που μπορεί να αντιμετωπιστεί χρησιμοποιώντας εργαλεία σχεδιασμού που ανταποκρίνονται, όπως ερωτήματα μέσων CSS για την αντιμετώπιση ζητημάτων θέσης, μεγέθους και προσαρμόσιμο περιεχόμενο. Είτε σχεδιάζετε έναν ολοκαίνουργιο ιστότοπο για κινητά χρησιμοποιώντας σχεδιασμό που ανταποκρίνεται στις ανάγκες σας είτε προσαρμόζοντας έναν υπάρχοντα ιστότοπο για κινητά, εξακολουθούν να υπάρχουν ορισμένες βέλτιστες πρακτικές που ισχύουν για την πλοήγηση.
Μενού πλοήγησης για τη μικρή οθόνη
Οι σχεδιαστές ιστοσελίδων γνωρίζουν ότι οι χρήστες κινητών συσκευών συμπεριφέρονται διαφορετικά κατά την πρόσβαση στον ιστό των smartphones και των φορητών συσκευών τους απ 'ό, τι κάνουν στους επιτραπέζιους ή φορητούς υπολογιστές τους. Η εύρεση χώρου για πλοήγηση σε μια μικρή οθόνη μπορεί να είναι δύσκολη, αλλά με λίγο προσεκτικό σχεδιασμό, ο σχεδιασμός κινητής πλοήγησης είναι εφικτός.
Με μόνο τέσσερα κουμπιά πλοήγησης και τον αριθμό δωρεάν κλήσης που εμφανίζεται εμφανώς, το site κινητής τηλεφωνίας Loews Hotels είναι φιλικό προς το χρήστη και εύκολο στην πλοήγηση.
Βέλτιστη πρακτική 1: μείωση του αριθμού των κουμπιών μενού
Αυτό μπορεί να είναι δύσκολο όταν σχεδιάζετε μια φιλική προς το κινητό έκδοση μιας υπάρχουσας ιστοσελίδας, ιδιαίτερα μια που έχει πολλούς συνδέσμους στο σχεδιασμό επιφάνειας εργασίας. Περιορίστε τα κύρια κουμπιά πλοήγησης σε πέντε ή λιγότερα, προσθέτοντας ένθετα μενού εάν είναι απαραίτητο.
Βέλτιστη πρακτική 2: μείωση του αριθμού των βρύων
Διατηρήστε στο ελάχιστο τον αριθμό των ενεργειών που πρέπει να εκτελεστούν σε μια κινητή συσκευή. Οι λιγότερες βρύσες και κλικ για να βρουν αυτό που ο χρήστης ψάχνει για το καλύτερο. Είναι πολύ εύκολο να κάνετε λάθος. Να συμπεριλαμβάνετε πάντα ένα κουμπί εύκολης εύρεσης πίσω: δεν θέλετε να ματαιώσετε περαιτέρω τον χρήστη.
Βέλτιστη πρακτική 3: κύλιση πλοήγησης
Διατηρήστε τα πιο σημαντικά στοιχεία πλοήγησης στην κορυφή. Οι κινητές συσκευές έχουν διαφορετικά μεγέθη οθόνης, οπότε σκεφτείτε προσεκτικά τη σημασία κάθε κατηγορίας, καθώς αυτά που βρίσκονται πιο κάτω στη λίστα ενδέχεται να απαιτούν κύλιση σε smartphones με μικρότερο χώρο στην οθόνη.
Βέλτιστη πρακτική 4: κουμπιά στοίβαξης
Οι χρήστες κινητής τηλεφωνίας βλέπουν τον ιστότοπό σας σε πορτραίτο, αντί για τοπίο, όπως συμβαίνει σε μια επιφάνεια εργασίας. Προσαρμόστε την πλοήγησή σας για τον ιστό για κινητά, παρουσιάζοντάς τον κάθετα. Διαβάσετε αντί για απέναντι. Αυτό λειτουργεί καλύτερα για ιστότοπους με λιγότερες από πέντε κατηγορίες στο μενού και όταν είναι απίθανο να προστεθούν περισσότερες κατηγορίες.
Βέλτιστη πρακτική 5: ένθετο μενού
Μερικές φορές γνωστή ως πτυσσόμενη πλοήγηση, αυτή είναι μια καλή επιλογή για ιστότοπους που απαιτούν περιεχόμενο στην οθόνη καθώς και μενού, καθώς και εκείνους που αναμένουν να προσθέσουν κατηγορίες και στοιχεία μενού.
Βελτιστοποίηση πλοήγησης κινητικότητας για οθόνη αφής και μικροσκοπικά κουμπιά
Οι οθόνες αφής και τα μικροσκοπικά κουμπιά σημαίνουν νέες εκτιμήσεις για τους σχεδιαστές ιστοσελίδων. Οι χρήστες κινητής τηλεφωνίας δεν έχουν την πολυτέλεια ενός ποντικιού με δυνατότητα κλικ για να εντοπίσουν ένα μικρό κουμπί ή σύνδεσμο μενού. Είναι στο έλεος των δακτύλων και των αντίχειρων τους, πράγμα που σημαίνει ότι δείχνουν σε περιοχές στην οθόνη με πολύ λιγότερη ακρίβεια απ 'ότι εάν χρησιμοποιούσαν ένα ποντίκι και μπορούν εύκολα να απογοητευθούν αν η απόληξή τους δεν αποφέρει άμεσα αποτελέσματα.
Οι σχεδιαστές ιστοσελίδων μπορούν να διευκολύνουν την πλοήγηση για τους χρήστες κινητών τηλεφώνων προσθέτοντας περισσότερο χώρο γύρω από τους συνδέσμους μενού ή αντικαθιστώντας τους συνδέσμους με κουμπιά για κατηγορίες μενού.
Κάνοντας το μεγαλύτερο γίνεται πιο εύκολο να βρείτε γρήγορα μια περιοχή και κάντε κλικ σε αυτό με ένα μικρό κουμπί του τηλεφώνου ή πατήστε με το δάχτυλο ή τον αντίχειρά σας. Καθώς το μέσο δάχτυλο απαιτεί μια περιοχή με δυνατότητα κλικ τουλάχιστον 44px x 44px, αυτό μπορεί να έχει ως αποτέλεσμα τα κουμπιά και οι περιοχές πλοήγησης να επισκιάζουν το υπόλοιπο περιεχόμενο στην οθόνη. Ωστόσο, αυτό μπορεί να ταιριάζει με τον σκοπό της ιστοσελίδας και του χρήστη, ειδικά εάν το περιεχόμενο της αρχικής σελίδας είναι δευτερεύον σε σχέση με τα κύρια στοιχεία του μενού.
Στην ιδανική περίπτωση, ο σχεδιασμός πρέπει να επιτρέπει στον χρήστη της οθόνης αφής να κάνει μεγαλύτερο το κουμπί πλοήγησης, εάν απαιτείται.
Συμβουλές για βελτιστοποίηση
- Ορίστε το μενού στο επάνω ή το κάτω μέρος της οθόνης, ανάλογα με τον κύριο σκοπό των χρηστών του ιστότοπου. Αν ψάχνουν για περιεχόμενο και είναι πιθανό να μετακινηθούν, τοποθετώντας το μενού στο κάτω μέρος τους δίνει ένα άλλο μέρος για να μεταβείτε στον ιστότοπό σας αντί να εγκαταλείψετε τον ιστότοπο για μια μηχανή αναζήτησης ή έναν ανταγωνιστικό ιστότοπο.
- Εντοπίστε μερικώς το μενού για να φιλοξενήσετε άλλο περιεχόμενο στην οθόνη, αποκαλύπτοντας το πλήρες μενού όταν το χτυπάνε οι χρήστες. Αυτό διατηρεί το μενού μπροστά και στο κέντρο χωρίς να αφαιρεί χρήσιμο περιεχόμενο.
- Τοποθετήστε ένα σύνδεσμο μενού στο επάνω μέρος της οθόνης και προσθέστε ένα κουμπί πλοήγησης στο κάτω μέρος.
- Υψηλή και λεπτή μπορεί να είναι μεγάλη για supermodels, αλλά στην πλοήγηση ιστού κινητής τηλεφωνίας μικρού και μεγάλου είναι όμορφη. Η μεγάλη σύντομη πλοήγηση βοηθά επίσης όταν έχετε τίτλους μεγαλύτερης κατηγορίας - το κείμενο ταιριάζει καλύτερα.
- Μειώστε το ύψος των εικόνων κεφαλίδας ή αντικαταστήστε τις με ένα μικρότερο λογότυπο για να αυξήσετε το χώρο πλοήγησης.
- Διατηρήστε τα θέματα επωνυμίας και σχεδίασης συνεπής δίνοντας προσοχή στην τυπογραφία, το χρώμα και το στυλ των κουμπιών πλοήγησης, αντί να χρησιμοποιήσετε πολύτιμο χώρο με μεγάλα γραφικά και εικόνες.
- Συντομεύστε το κείμενο, ειδικά στα κουμπιά μενού και τους τίτλους κατηγοριών. Σε μερικές περιπτώσεις, αυτό είναι εξαιρετικά δύσκολο και μια στοίβα μενού με χώρο για περισσότερο κείμενο σε κάθε γραμμή είναι μια προτιμώμενη εναλλακτική λύση.
- Απλοποιήστε όσο το δυνατόν περισσότερο. Αφαιρέστε όσο το δυνατόν περισσότερο από την αρχική σελίδα, για να εστιάσετε στην παροχή μόνο των κορυφαίων στοιχείων που θέλουν οι περισσότεροι χρήστες.
Αριθ
Οι χρήστες κινητής τηλεφωνίας είναι απασχολημένοι, αποσπούν την προσοχή τους και είναι εν κινήσει. Δεν θέλουν ποικιλία στην επιλογή τους ποια κουμπιά θα επιλέξουν και δεν θέλετε να γίνουν απογοητευμένοι και να εγκαταλείψουν την περιοχή λόγω παραλύσεων ανάλυσης.
Μη τους δίνετε πολλές επιλογές.
Αποφύγετε την οριζόντια κύλιση και δεν αιωρείται! Τα μενού Slider μπορούν επίσης να απογοητεύσουν τους χρήστες κινητών τηλεφώνων. Στην προσπάθειά σας να απλοποιήσετε και να εξομαλύνετε την πλοήγηση, μην νομίζετε ότι πρέπει να βαρεθείτε. Η δημιουργική πλοήγηση δεν είναι κακό, αλλά πρέπει να είναι διαισθητική. Ο χρήστης πρέπει να είναι σε θέση να δει εύκολα πού να πάει για να βρει γρήγορα τις πληροφορίες που θέλει.
συμπέρασμα
Η σχετική πρωτοτυπία των κινητών συσκευών ως μεθόδου πρόσβασης στον ιστό σημαίνει ότι η πλοήγηση μέσω κινητού τηλεφώνου εξελίσσεται συνεχώς καθώς δοκιμάζονται διαφορετικά σχέδια, τροποποιούνται ή απορρίπτονται εντελώς.
Τι λειτουργεί για ένα σύνολο χρηστών σε έναν ιστότοπο μπορεί να είναι μια καταστροφή με διαφορετικό ιστότοπο, καθώς οι πληροφορίες που ψάχνει ο χρήστης είναι τελείως διαφορετικές. Επιπλέον, ο ίδιος χρήστης προσεγγίζει διαφορετικούς ιστότοπους με διαφορετικούς σκοπούς: ένας χρήστης κινητής τηλεφωνίας που αναζητά έναν ιστότοπο ειδήσεων στο τηλέφωνό του, πιθανότατα θέλει τίτλους, όχι στοιχεία επικοινωνίας. η οποία είναι ακριβώς αυτό που θέλει όταν επισκέπτεται την κινητή περιοχή για τον οδοντίατρο ή τον κομμωτή της.
Ενώ τα στοιχεία πλοήγησης για έναν ιστότοπο για κινητά μπορεί να διαφέρουν από έναν παραδοσιακό ιστότοπο, ο σκοπός είναι ο ίδιος: οι επισκέπτες του διαδικτύου έχουν μια ερώτηση όταν πηγαίνουν στο διαδίκτυο. Που είναι το μαγαζί? Τι συμβαίνει στον κόσμο; Ποιο είναι το υπόλοιπο του τραπεζικού λογαριασμού μου; Μεγάλη πλοήγηση οδηγεί τους χρήστες στις απαντήσεις γρήγορα και απλά.
Γνωρίστε τις άμεσες ανάγκες τους και θα επιστρέψουν, αυξάνοντας την κυκλοφορία στον ιστότοπο, καθιστώντας τους πελάτες σας ευτυχείς και οδηγώντας σε παραπομπές και πιο κινητές επιχειρήσεις σχεδιασμού ιστοσελίδων για εσάς.
Ποιες προσεγγίσεις στην πλοήγηση για κινητά προτιμάτε ως σχεδιαστές; Πόσο περίπου ως χρήστης; Ενημερώστε μας στα σχόλια.
Προτεινόμενη εικόνα / μικρογραφία, εικόνα κινητού διαδικτύου μέσω Shutterstock.