Παρακάτω θα βρείτε μερικές συμβουλές σχετικά με τις επιλογές πλοήγησης για ιστοσελίδες που μπορείτε να χρησιμοποιήσετε για να βελτιώσετε το ποσοστό μετατροπής σας. Οι συμβουλές μας για τη χρηστικότητα θα βοηθήσουν να γίνει το κύριο μενού σας—και ολόκληρο το κατάστημα σας—πιο φιλικό προς τους χρήστες.
Συμβουλή #1: Σχεδιάστε εκ των προτέρων την πλοήγηση της αρχικής σας σελίδας
Πριν αρχίσετε να επιλέγετε στοιχεία μενού, είναι σημαντικό να σχεδιάσετε κάθε λειτουργία και κομμάτι περιεχομένου στην ιστοσελίδα σας. Συνήθως μπορείτε να διαιρέσετε τις λειτουργίες και το περιεχόμενο σε κύριες κατηγορίες και υποκατηγορίες. Φροντίστε να δώσετε σαφή και συνοπτικά ονόματα σε κάθε κατηγορία. Οι χρήστες γενικά ξεφυλλίζουν γρήγορα τα στοιχεία του μενού, οπότε είναι σημαντικό να μπορούν εύκολα να τα ξεχωρίσουν και να κατανοούν αμέσως τι είναι.
Συμβουλή #2: Τοποθετήστε τα πιο σημαντικά στοιχεία πρώτα
Τα στοιχεία του μενού που είναι πιο ενδιαφέροντα για τους χρήστες σας θα πρέπει πάντα να εμφανίζονται στην αρχή του κύριου μενού σας. Εάν είστε παροχέας SaaS, για παράδειγμα, τότε είναι καλή ιδέα να ξεκινήσετε το μενού σας με στοιχεία που πείθουν τους επισκέπτες ότι η λύση σας είναι σωστή για αυτούς. Δοκιμάστε να χρησιμοποιήσετε τα παρακάτω στοιχεία μενού:
Γιατί εμάς;
Σχετικά με εμάς
Τιμές
Αν διαχειρίζεστε ένα κατάστημα για μια μάρκα μόδας, το μενού σας θα πρέπει να επικεντρώνεται στα προϊόντα σας. Οι σύνδεσμοι σε άλλες πληροφορίες, όπως συμβουλές για προϊόντα ή δημοσιεύσεις στο blog, θα πρέπει να εμφανίζονται προς το τέλος του μενού. Γενικά, οι καλύτεροι τρόποι για να βελτιστοποιήσετε τη μετατροπή για την online επιχείρησή σας εξαρτώνται από τον κλάδο στον οποίο βρίσκεστε.
Συμβουλή #3: Χρησιμοποιήστε μια οπτική δομή
Ένα κανονικό μενού μπορεί να εμφανίσει μόνο κείμενο σε μια απλή μορφή. Τα μενού mega drop-down, από την άλλη, σας δίνουν την επιλογή να τονίσετε συγκεκριμένα στοιχεία μενού. Για παράδειγμα, μπορείτε να χρησιμοποιήσετε διαφορετικά:
Μέγεθος κειμένου
Χρώματα κειμένου
Γραμματοσειρές
Εικονίδια
Αυτό σας επιτρέπει να προσθέσετε περισσότερη δομή στο περιεχόμενο του μενού drop-down σας. Όλα τα στοιχεία δεν χρειάζεται να συνδέονται με μια πραγματική σελίδα. Ορισμένες λέξεις μπορούν απλά να χρησιμεύσουν ως μη κλικαρίστες επικεφαλίδες για τις διάφορες κλικαρίστριες υποκατηγορίες.
Συμβουλή #4: Αποφύγετε να συμπεριλάβετε επιπλέον λειτουργίες
Μην περιλαμβάνετε πολύπλοκες αλληλεπιδράσεις στα μενού drop-down σας, όπως εγγραφή για newsletter ή πεδία επιλογής και αναζήτησης, καθώς αυτά μπορεί συχνά να είναι αποθαρρυντικά για τους χρήστες. Το τελευταίο πράγμα που θέλετε είναι το κύριο μενού σας να έχει θολή σχεδίαση. Επιπλέον, αυτά τα στοιχεία εμφανίζονται συχνά σε πολλές τοποθεσίες σε μια ιστοσελίδα. Έχουν μεγαλύτερη επίδραση εάν τα τοποθετήσετε στις σελίδες όπου ταιριάζουν καλύτερα.
Ωστόσο, μπορεί να είναι πολύ αποτελεσματικό να συμπεριλάβετε ένα κουμπί Call-to-Action (CTA) στη γραμμή πλοήγησης. Για παράδειγμα, προσθέστε ένα κουμπί που επιτρέπει στους πελάτες σας να κάνουν μια κράτηση ή μια αγορά με ένα μόνο κλικ. Απλώς θυμηθείτε ότι το CTA πρέπει να τοποθετείται δίπλα στο κύριο μενού και όχι μέσα στο ίδιο το μενού drop-down.
Συμβουλή #5: Επιλέξτε μεταξύ αιώρησης ή κλικ
Πολλές ιστοσελίδες χρησιμοποιούν μενού drop-down που ανοίγουν μόλις ο χρήστης περάσει τον δείκτη του πάνω από το στοιχείο του μενού. Εάν σκέφτεστε να χρησιμοποιήσετε αυτήν την επιλογή, υπάρχουν μερικά σημεία που πρέπει να προσέξετε:
Όλα σε μια ματιά: Ένα mega μενού θα πρέπει να ανοίγει όλα ταυτόχρονα και όχι σταδιακά, ένα επίπεδο υποκατηγορίας τη φορά.
Τέλειος χρόνος: Το μενού δεν πρέπει να είναι υπερβολικά ευαίσθητο. Θέλετε να αποτρέψετε την 'αναλαμπή' όταν ο χρήστης περνάει πάνω του πολύ γρήγορα. Την ίδια στιγμή, δεν θα πρέπει να αντιδρά πολύ αργά. Συστήνουμε έναν χρόνο αντίδρασης 0,1 έως 0,5 δευτερόλεπτα για βέλτιστη χρηστικότητα. Είναι επίσης καλή ιδέα να επιτρέψετε μια σύντομη παύση πριν να κρύψετε το μενού, σε περίπτωση που ο χρήστης απομακρυνθεί κατά λάθος από το μενού. Ένα μενού που είναι πολύ ευαίσθητο ή ασταθές θα απογοητεύσει τους χρήστες σας και θα οδηγήσει μερικούς από αυτούς να παρατήσουν και να εγκαταλείψουν την ιστοσελίδα σας εντελώς.
Προγραμματισμός MouseOut: Όταν ενεργοποιείται το μενού drop-down, οι πελάτες μετακινούν τον δείκτη τους από τη γραμμή πλοήγησης στο μενού. Εκτός αν η ιστοσελίδα σας είναι σωστά προγραμματισμένη, θα καταγράψει λανθασμένα ένα γεγονός MouseOut όταν ο δείκτης φύγει από τη γραμμή πλοήγησης, γεγονός που θα προκαλέσει το κλείσιμο του μενού. Γι 'αυτό είναι σημαντικό να ρυθμίσετε το μενού σας ώστε το μενού drop-down να εξαφανίζεται μόνο όταν ο δείκτης φύγει και από τη γραμμή πλοήγησης και από το ίδιο το μενού drop-down.
Έκδοση για κινητά: Η αιώρηση δεν είναι εφικτή σε smartphones ή tablets. Εάν θέλετε να χρησιμοποιήσετε ένα μενού drop-down που ενεργοποιείται με αιώρηση στην επιτραπέζια ιστοσελίδα σας, θυμηθείτε να χρησιμοποιήσετε διαφορετικές ρυθμίσεις στην έκδοση κινητού.
Συμβουλή #6: Παρακολουθήστε τον κανόνα των τριών κλικ
Στις περισσότερες ιστοσελίδες, η πλοήγηση θα πρέπει να ακολουθεί τον «κανόνα των τριών κλικ». Αυτό σημαίνει ότι οι χρήστες σας θα πρέπει να μπορούν να φτάσουν σε οποιαδήποτε πληροφορία στην ιστοσελίδα σας σε το πολύ τρία κλικ. Φυσικά, αυτή είναι απλώς μια γενική οδηγία. Εάν έχετε μια μεγάλη, πολύ λεπτομερή ιστοσελίδα, ο αριθμός των κλικ δεν έχει τόση σημασία όσο η ιστοσελίδα είναι καλά οργανωμένη. Αυτό που έχει σημασία είναι ότι οι πελάτες σας να νιώθουν πάντα ότι είναι εύκολο να βρουν το δρόμο τους.
Συμβουλή #7: Χρησιμοποιήστε πολλαπλά μενού
Για ιστοσελίδες με πολλές πληροφορίες, μπορεί να είναι χρήσιμο να προσθέσετε περισσότερα από ένα μενού. Μπορεί να επιλέξετε ένα μενού drop-down με τις κατηγορίες προϊόντων σας ως κύριο μενού, ενώ θα χρησιμοποιείτε επίσης ένα ξεχωριστό μενού στο υποσέλιδο που περιλαμβάνει δευτερεύουσες κατηγορίες. Αυτό αποτρέπει το κύριο μενού σας από το να γίνεται πολύ γεμάτο. Ρίξτε μια ματιά στον παρακάτω πίνακα για να δείτε πώς φαίνεται αυτό.
Συμβουλή #8: Η εμφάνιση μετράει
Ένας ελκυστικός σχεδιασμός μενού θα πρέπει να διατηρεί το ίδιο μέγεθος, ακόμη και όταν τα κύρια στοιχεία του μενού περιλαμβάνουν διαφορετικούς αριθμούς υποκατηγοριών. Εάν η ιστοσελίδα σας περιλαμβάνει μια λειτουργία αναζήτησης, τότε βεβαιωθείτε ότι τα μενού drop-down δεν την καλύπτουν όταν είναι αναπτυγμένα.
Θα πρέπει επίσης να συμπεριλάβετε μια μικρή οπτική ένδειξη για να υποδείξετε αν ένα στοιχείο στη γραμμή πλοήγησης θα επεκταθεί σε ένα μενού drop-down εάν ο χρήστης κλικάρει ή αιωρείται από πάνω του. Για παράδειγμα, τοποθετήστε ένα μικρό βέλος δίπλα στο όνομα του μενού: για μενού drop-down, το βέλος θα πρέπει να δείχνει προς τα κάτω. Για fly-outs, πρέπει να δείχνει προς τα δεξιά. Αυτό βοηθά τους αγοραστές σας να γνωρίζουν ενστικτωδώς ότι μπορούν να αναμένουν περισσότερες πληροφορίες.
