Σου έχει τύχει να μπεις σε ένα site και μέσα σε 5 δευτερόλεπτα να μην ξέρεις πού να πατήσεις; Αυτό συμβαίνει στους περισσότερους επισκέπτες, και το χειρότερο, φεύγουν αμέσως. Δεν φταίει το χρώμα, ούτε η φωτογραφία, ούτε το προϊόν. Φταίει το μενού.
Η ξεκάθαρη πλοήγηση είναι κάτι που το περνάμε σαν λεπτομέρεια όταν φτιάχνουμε το site μας. Το θεωρούμε δεδομένο. Όμως είναι ό,τι πιο σημαντικό υπάρχει στη σελίδα μας μετά το προϊόν ή την υπηρεσία που πουλάμε. Είναι, για να το πω απλά, ο χάρτης που κρατάει στα χέρια του ο επισκέπτης σου. Αν ο χάρτης είναι μπερδεμένος, ο επισκέπτης χάνει τον προσανατολισμό του και φεύγει.
Σε αυτό το άρθρο θα δεις γιατί ένα κατανοητό μενού επηρεάζει άμεσα τις πωλήσεις σου, τι λένε οι μελέτες για το θέμα, καθώς και πώς να φτιάξεις ένα μενού που να λειτουργεί σωστά και σε υπολογιστή και σε κινητό. Θα σου δώσω και μερικά παραδείγματα από εμπειρία, για να καταλάβεις πού κάνουν οι περισσότεροι τα λάθη.
Τι σημαίνει ξεκάθαρη πλοήγηση και γιατί έχει τόση σημασία
Όταν λέμε ξεκάθαρη πλοήγηση, εννοούμε ότι ο επισκέπτης του site βλέπει αμέσως πού μπορεί να πάει και τι θα βρει εκεί. Δεν χρειάζεται να μαντέψει. Δεν χρειάζεται σκέψη. Πάει κατευθείαν εκεί που θέλει.
Σκέψου πως πας σε ένα supermarket που οι ταμπέλες πάνω από τα ράφια λένε «Διάφορα», «Άλλα» και «Λοιπά». Πόσο γρήγορα θα βρεις ζάχαρη; Μάλλον ποτε. Θα γυρίσεις από διάδρομο σε διάδρομο, θα χάσεις χρόνο και τελικά θα φύγεις χωρίς να αγοράσεις τίποτα. Το ίδιο ακριβώς συμβαίνει και σε ένα site με κακό μενού.
Ένα κατανοητό μενού κάνει τρία πράγματα ταυτόχρονα. Πρώτον, βοηθάει τον επισκέπτη να βρει αυτό που ψάχνει. Δεύτερον, του δίνει την αίσθηση ότι το site είναι σοβαρό και επαγγελματικό. Και τρίτον, του δείχνει τι άλλο μπορεί να ανακαλύψει, δηλαδή τον κρατάει περισσότερη ώρα στη σελίδα σου.
Για να σου πω την αλήθεια, έχω δει πάρα πολλά sites όπου ο ιδιοκτήτης βάζει στο μενού 12 και 15 στοιχεία, με ονόματα τύπου «Η Φιλοσοφία μας» ή «Το Όραμα». Κανείς δεν πατάει εκεί. Ο κόσμος ψάχνει «Υπηρεσίες», «Τιμές», «Επικοινωνία». Απλά πράγματα.
Τι λένε οι μελέτες για τη σημασία του μενού
Δεν είναι κάτι που λέω μόνο εγώ. Υπάρχουν συγκεκριμένα νούμερα που δείχνουν πόσο σημαντική είναι η ξεκάθαρη πλοήγηση για κάθε site.
Πόσο γρήγορα φεύγει ο επισκέπτης
Μια μελέτη με 6.000 online αγοραστές σε ΗΠΑ και Ευρώπη έδειξε ότι το 42% των χρηστών αποφασίζει αν θα μείνει ή θα φύγει από ένα site μέσα στα πρώτα 10 δευτερόλεπτα. Το 20% παίρνει αυτή την απόφαση μέσα σε μόλις 5 δευτερόλεπτα. Σκέψου το λίγο. Έχεις 5 δευτερόλεπτα για να πείσεις τον επισκέπτη ότι αξίζει να μείνει.
Επίσης, η ίδια μελέτη βρήκε ότι το 60% των καταναλωτών εγκαταλείπει αγορές εξαιτίας κακής εμπειρίας στο site, και η κακή πλοήγηση είναι από τους κύριους λόγους. Δηλαδή χάνεις σχεδόν 6 στους 10 πελάτες πριν καν προλάβουν να δουν τι πουλάς.
Πόσο μπορεί να αυξήσει τις πωλήσεις ένα καλό μενού
Η εταιρεία Invesp έκανε μια ενδιαφέρουσα μελέτη για έναν πελάτη της, την PrintGlobe. Δοκίμασαν τρία διαφορετικά μενού στο site του και επέλεξαν το πιο αποτελεσματικό. Το αποτέλεσμα; Η εταιρεία είδε τις πωλήσεις να ανεβαίνουν κατά 18,5%, μόνο και μόνο επειδή άλλαξε το μενού. Καμία άλλη αλλαγή στο site.
Σκέψου τώρα ότι μιλάμε για ένα νούμερο χωρίς έξτρα διαφημιστικό κόστος. Δεν έβαλαν νέα διαφήμιση, δεν πρόσθεσαν νέο προϊόν και δεν έκαναν εκπτώσεις. Απλά ένα μενού που είχε νόημα για τον επισκέπτη.
Τι λέει η Nielsen Norman Group
Η Nielsen Norman Group, που είναι από τις πιο γνωστές εταιρείες έρευνας για το user experience, έχει βρει κάτι πολύ ενδιαφέρον για το λεγόμενο hamburger menu (το εικονίδιο με τις τρεις παύλες στα κινητά). Όταν βλέπεις μόνο το εικονίδιο, χωρίς τη λέξη «Menu» δίπλα, οι περισσότεροι χρήστες το αγνοούν. Όταν όμως βάλεις τη λέξη «Menu» δίπλα ή κάτω από το εικονίδιο, οι χρήστες το χρησιμοποιούν πολύ περισσότερο.
Τα πιο συχνά λάθη στο μενού των sites
Από την εμπειρία μου, υπάρχουν κάποια λάθη που τα κάνουν σχεδόν όλοι όσοι φτιάχνουν site χωρίς να βάλουν τη χρηστικότητα στο κέντρο. Ας τα δούμε ένα-ένα:
- Μενού με πάρα πολλά στοιχεία, πάνω από 7. Ο εγκέφαλος μας δεν χειρίζεται εύκολα τόσες επιλογές μαζί.
- Ονόματα που δεν λένε τίποτα, όπως «Λύσεις», «Πλατφόρμα», «Εμπειρία».
- Κρυμμένο μενού στο κινητό χωρίς ένδειξη ότι υπάρχει.
- Πάρα πολλά υπομενού με πολλά κλικ μέχρι να φτάσεις κάπου.
- Έλλειψη κουμπιού «Επικοινωνία» στο κεντρικό μενού.
- Λάθος σειρά στα στοιχεία, π.χ. «Επικοινωνία» πριν τα «Προϊόντα».
Σε ένα site πελάτη μου, αφαιρέσαμε 4 στοιχεία από το μενού και αλλάξαμε τα ονόματα των υπόλοιπων σε πιο απλά. Σε δύο μήνες είδαμε το bounce rate, δηλαδή το ποσοστό που φεύγει αμέσως από το site, να πέφτει κατά 22%. Καμία άλλη αλλαγή.
Πώς να φτιάξεις ένα μενού που λειτουργεί σωστά σε κινητά
Εδώ είναι το πιο σημαντικό σημείο, και θέλω να το προσέξεις. Σήμερα, πάνω από το 62% της επισκεψιμότητας στο internet ξεκινά από κινητό. Αυτό σημαίνει ότι αν το μενού σου δεν λειτουργεί σωστά στο κινητό, χάνεις 6 στους 10 επισκέπτες.
Δες παρακάτω μια σύγκριση ανάμεσα σε ένα μενού που λειτουργεί σωστά σε κινητά και σε ένα που δεν λειτουργεί:
| Στοιχείο | Σωστό μενού | Λάθος μενού |
| Εικονίδιο | Με τη λέξη «Menu» δίπλα | Σκέτο εικονίδιο |
| Στοιχεία | 5-7 το πολύ | 10+ στοιχεία |
| Πάτημα | Με το δάχτυλο άνετα | Πολύ μικρό για εύκολο πάτημα |
| Υπομενού | Καθαρά, με αναπτυσσόμενα | Μπερδεμένα, χωρίς ιεραρχία |
| Search box | Στην κορυφή | Κάτω-κάτω ή πουθενά |
Το μενού στο κινητό πρέπει να είναι το πρώτο πράγμα που ελέγχεις πριν ανεβάσεις το site. Επειδή το έχω δει πολλές φορές, ένα μενού δουλεύει τέλεια στον υπολογιστή και στο κινητό είναι χάλια.
Αν θες να βελτιώσεις γενικότερα την εμφάνιση στα κινητά, δες και το άρθρο Δημιουργία Ιστοσελίδων που λειτουργούν σωστά στα Κινητά.
Πρακτικές συμβουλές για το μενού σου
Τώρα, ας περάσουμε στο πιο πρακτικό κομμάτι. Δες τι μπορείς να κάνεις αμέσως για να βελτιώσεις την πλοήγηση στο site σου:
Αρχικά, μέτρα τα στοιχεία του μενού σου. Αν έχεις πάνω από 7, βγάλε όσα δεν είναι απαραίτητα. Τα παλιά «Φιλοσοφία», «Όραμα», «Αποστολή» μπορούν να μπουν μέσα στο «Σχετικά με μας» ή στο footer.
Έπειτα, χρησιμοποίησε ξεκάθαρα ονόματα. Όχι «Λύσεις», αλλά «Υπηρεσίες». Όχι «Πλατφόρμα», αλλά «Προϊόντα». Ο επισκέπτης δεν θέλει να σκέφτεται, θέλει να πατάει.
Ύστερα, βάλε το πιο σημαντικό στοιχείο στο τέλος του μενού, δεξιά. Αυτό είναι συνήθως το «Επικοινωνία» ή το «Καλάθι» αν έχεις eshop. Το ανθρώπινο μάτι πηγαίνει από αριστερά προς δεξιά, οπότε εκεί καταλήγει.
Επιπλέον, κράτα το μενού σταθερό σε όλες τις σελίδες. Μην το αλλάζεις από σελίδα σε σελίδα, γιατί ο επισκέπτης χάνει τον μπούσουλα του (προσανατολισμό του!).
Παράλληλα, βεβαιώσου ότι κάθε στοιχείο του μενού σου έχει νόημα και απαντάει σε κάτι που ψάχνει ο πελάτης σου. Αν δεν έχεις σιγουριά, ρώτα 2-3 φίλους που δεν ξέρουν τι κάνεις και δες αν καταλαβαίνουν.
Τέλος, μην ξεχάσεις το search box. Σε ένα eshop ή σε ένα site με πολύ περιεχόμενο, το search είναι σωτήριο. Ειδικά σε κινητά, εκεί που το μενού είναι μικρό.
Η σύνδεση του μενού με το SEO
Το μενού δεν επηρεάζει μόνο τους χρήστες. Επηρεάζει και τη Google. Η Google «διαβάζει» το μενού για να καταλάβει ποιες είναι οι πιο σημαντικές σελίδες του site σου. Αν το μενού σου είναι μπερδεμένο, η Google δεν καταλαβαίνει εύκολα την ιεραρχία και ίσως να μην ανεβάσει σωστά τις σελίδες σου στα αποτελέσματα.
Επίσης, ένα καλό μενού βοηθάει στο εσωτερικό linking, δηλαδή στους συνδέσμους μεταξύ των σελίδων του site σου. Αυτό είναι κάτι που η Google το αγαπάει πολύ. Αν θες να μάθεις περισσότερα για το SEO, δες το άρθρο SEO για Αρχάριους. 13 Βήματα για να βγαίνει η Ιστοσελίδα σου.
Παράλληλα, αν προσέξεις, τα μεγάλα και επιτυχημένα sites έχουν πάντα απλό, καθαρό μενού. Δεν είναι τυχαίο. Το έχουν δουλέψει για χρόνια με A/B tests, με μελέτες, με αλλαγές μικρές αλλά συστηματικές.
Ένα παράδειγμα από την πραγματική ζωή
Θα σου πω μια ιστορία. Είχα κάποτε έναν πελάτη με eshop ρούχων. Είχε καλά προϊόντα, καλές φωτογραφίες, αλλά οι πωλήσεις δεν πήγαιναν. Όταν είδα το site, κατάλαβα αμέσως το πρόβλημα. Το μενού είχε 14 στοιχεία και τα ονόματα ήταν τύπου «Συλλογές», «Σεζόν», «Νέα Άφιξη», «Trends», «Looks». Ο πελάτης που μπαίνει για να αγοράσει ένα παντελόνι, πού να πατήσει;
Κάναμε το εξής. Βάλαμε 5 στοιχεία στο μενού: «Γυναικεία», «Αντρικά», «Παιδικά», «Προσφορές», «Επικοινωνία». Όλα τα υπόλοιπα μπήκαν μέσα σε αυτά ως υπομενού. Μέσα σε 6 βδομάδες οι πωλήσεις πήγαν στο διπλάσιο και ο επισκέπτης έμενε στο site 40% περισσότερο. Δεν αλλάξαμε ούτε φωτογραφία, ούτε τιμή, ούτε προϊόν. Μόνο το μενού.
Αν με ρωτήσεις, εγώ θα έλεγα ότι αυτή είναι η πιο γρήγορη και φθηνή αλλαγή που μπορείς να κάνεις για να δεις διαφορά. Δεν χρειάζεται μεγάλο μπάτζετ. Χρειάζεται καθαρό μυαλό και λίγη σκέψη για το τι ψάχνει ο πελάτης σου.
Τι να ελέγξεις σήμερα στο μενού σου
Πριν κλείσουμε, σου δίνω μια μικρή λίστα με όσα μπορείς να ελέγξεις τώρα αμέσως:
- Πόσα στοιχεία έχει το μενού σου; Πάνω από 7 είναι πολλά.
- Καταλαβαίνει αμέσως ο επισκέπτης τι θα βρει σε κάθε στοιχείο;
- Λειτουργεί σωστά το μενού στο κινητό σου;
- Υπάρχει εμφανές κουμπί «Επικοινωνία»;
- Είναι το λογότυπό σου στην κορυφή αριστερά και πατώντας το επιστρέφεις στην αρχική;
- Αν έχεις eshop, υπάρχει search box;
Αν απαντήσεις «όχι» σε δύο ή περισσότερα από τα παραπάνω, σημαίνει ότι το μενού σου χρειάζεται δουλειά. Άμεσα. Παράλληλα, αν θες να δεις και άλλα κρίσιμα στοιχεία για ένα σωστό site, ρίξε μια ματιά και στο άρθρο 10 Σημαντικά Στοιχεία που Πρέπει να έχει Κάθε Ιστοσελίδα.
Για περισσότερες αρχές γύρω από τη χρηστικότητα και την πλοήγηση, μπορείς να δεις και τις οδηγίες της Wikipedia για το Web navigation, καθώς και τις σχετικές μελέτες της Nielsen Norman Group.
Επίλογος
Η ξεκάθαρη πλοήγηση δεν είναι λεπτομέρεια. Είναι ο τρόπος με τον οποίο ο επισκέπτης σου καταλαβαίνει αμέσως αν το site σου του ταιριάζει ή όχι. Ένα κατανοητό μενού, που λειτουργεί σωστά σε κινητά, μπορεί να αυξήσει τις πωλήσεις σου, να μειώσει τα ποσοστά εγκατάλειψης και να βελτιώσει την εικόνα της επιχείρησής σου. Όλα αυτά χωρίς νέα διαφήμιση ή νέο προϊόν.
Ξεκίνα σήμερα κιόλας. Άνοιξε το site σου στο κινητό, σαν να μην το ξέρεις. Δες τι θα έκανες πρώτα. Αν νιώθεις μπέρδεμα, σκέψου ότι το ίδιο μπέρδεμα νιώθει και κάθε καινούριος επισκέπτης. Μικρές αλλαγές κάνουν μεγάλη διαφορά.
Λίγα λόγια για μένα
Με λένε Δημήτρη Αθανασιάδη και δουλεύω με κατασκευή ιστοσελίδων, eshop και SEO εδώ και πολλά χρόνια. Έχω βοηθήσει δεκάδες επαγγελματίες να κάνουν πιο δυνατή την online παρουσία τους, ξεκινώντας πολλές φορές από κάτι τόσο απλό όσο το μενού του site τους. Πιστεύω ότι η καλή τεχνική γνώση χωρίς απλή εξήγηση δεν προσφέρει τίποτα στον επαγγελματία που θέλει αποτελέσματα.
Αν έχεις site και νιώθεις ότι κάτι δεν πάει καλά με την πλοήγηση ή τις πωλήσεις σου, στείλε μου το link σου και θα το δω χωρίς καμία υποχρέωση. Μπορώ να σου πω τι μπορεί να αλλάξει αμέσως, χωρίς πολλά λεφτά, για να φέρει αποτέλεσμα. Πάτα στην «Επικοινωνία» και πες μου τι σε απασχολεί. Για να σου πω την αλήθεια, μερικές φορές μια συζήτηση των 15 λεπτών αρκεί για να βάλουμε τα πράγματα σε σειρά.
