Ανανεώνεις την αρχική σου σελίδα ένα βράδυ της Τρίτης. Ο τίτλος είναι εντάξει, οι φωτογραφίες είναι εντάξει, αλλά οι επισκέπτες φεύγουν μέσα σε δευτερόλεπτα. Αρχίζεις να αναρωτιέσαι αν η πλοήγηση της ιστοσελίδας είναι το κομμάτι που παραβλέπεις. Συχνά είναι. Οι μικρές οπτικές αποφάσεις διαμορφώνουν την πρώτη εντύπωση πιο γρήγορα απ' όσο περιμένουν οι περισσότεροι επαγγελματίες.
Η πλοήγηση της ιστοσελίδας πρέπει να χρησιμοποιεί γνωστές ετικέτες και να δείχνει την ενότητα στην οποία βρίσκεται ο επισκέπτης. Εδώ θα δεις τι σημαίνει αυτό με απλά λόγια, γιατί επηρεάζει την ιστοσελίδα και το μάρκετινγκ σου και πώς να την εφαρμόσεις χωρίς δυσνόητους όρους. Θα δεις επίσης πώς η κεφαλίδα ιστοσελίδας χωράει στην ίδια εικόνα. Πάμε βήμα βήμα.
Τι σημαίνει στην πράξη η πλοήγηση ιστοσελίδας
Η πλοήγηση της ιστοσελίδας πρέπει να χρησιμοποιεί γνωστές ετικέτες και να δείχνει την ενότητα στην οποία βρίσκεται ο επισκέπτης.
Τα μπερδεμένα μενού αυξάνουν το ποσοστό αποχώρησης στις σελίδες υπηρεσιών και τιμών.
Η πλοήγηση στην κεφαλίδα και στο footer πρέπει να αλληλοσυμπληρώνονται και όχι να αντιγράφουν τυφλά η μία την άλλη.
Πώς να βελτιώσεις την πλοήγηση στην ιστοσελίδα σου
Ονόμασε τα στοιχεία του μενού όπως μιλούν οι πελάτες σου και όχι με εσωτερική ορολογία.
Ξεκίνα από μία σελίδα, όπως την αρχική ή την κύρια landing page. Διόρθωσε πρώτα το μεγαλύτερο πρόβλημα και μετά πέρασε το ίδιο μοτίβο στις υπόλοιπες σελίδες.
Συνδύασε αυτό το κεφάλαιο με τον σχεδιασμό αρχικής σελίδας για τα θεμέλια και με το πώς να σχεδιάσεις μια landing page για το επόμενο βήμα αυτής της ενότητας.
Πρακτική λίστα που μπορείς να χρησιμοποιήσεις σήμερα
Ονόμασε τα στοιχεία του μενού όπως μιλούν οι πελάτες σου και όχι με εσωτερική ορολογία.
Όταν ελέγχεις μια σελίδα, ρώτα αν η πλοήγηση φαίνεται καθαρά στο πρώτο scroll στο κινητό. Αν όχι, άλλαξε τη σειρά των ενοτήτων πριν γυαλίσεις τις λεπτομέρειες.
Κράτα στιγμιότυπα οθόνης πριν και μετά τις αλλαγές, για να δεις ποια αλλαγή στην πλοήγηση έκανε τη διαφορά στη δική σου ιστοσελίδα.
Δώσε αυτή τη λίστα σε όποιον ενημερώνει την ιστοσελίδα σου, ώστε η κεφαλίδα να μένει συνεπής σε όλες τις νέες σελίδες.
Διάλεξε έναν δείκτη για αυτόν τον μήνα, όπως τον χρόνο στη σελίδα ή τις έναρξες φόρμας, ώστε οι αλλαγές στο design να συνδέονται με επιχειρηματικά αποτελέσματα και όχι μόνο με γούστο.
Πώς συνδέεται το θέμα με την υπόλοιπη επωνυμία σου
Οι οπτικές επιλογές σπάνια ζουν σε μία μόνο σελίδα. Η πλοήγηση στην κεφαλίδα και στο footer πρέπει να αλληλοσυμπληρώνονται και όχι να αντιγράφουν τυφλά η μία την άλλη.
Οι αναρτήσεις στα social, τα email και τα έντυπά σου πρέπει να επαναλαμβάνουν την ίδια ιεραρχία, τα ίδια χρώματα και τους ίδιους κανόνες γραμματοσειράς με το web.
Όταν τα οπτικά της επωνυμίας ξεφεύγουν, οι πελάτες νιώθουν μια διακριτική ασυμφωνία, ακόμη κι αν δεν μπορούν να την εξηγήσουν.
Δες το κεφάλαιο πώς να σχεδιάσεις μια landing page για να συγκρίνεις σημειώσεις με ένα συγγενικό κεφάλαιο αυτής της ενότητας.
Τα μπερδεμένα μενού αυξάνουν το ποσοστό αποχώρησης στις σελίδες υπηρεσιών και τιμών.
Ερωτήσεις που συχνά ξεχνάμε
Δευτερεύοντες όροι, όπως η κεφαλίδα ιστοσελίδας και η διάταξη ιστοσελίδας, σε βοηθούν να ψάξεις βαθύτερα παραδείγματα και να συγκρίνεις τη δουλειά σου με τα συνηθισμένα πρότυπα.
Η πλοήγηση στην κεφαλίδα και στο footer πρέπει να αλληλοσυμπληρώνονται και όχι να αντιγράφουν τυφλά η μία την άλλη.
Γράψε μία αλλαγή «πριν και μετά» που θα δοκιμάσεις αυτή την εβδομάδα σε μια ζωντανή σελίδα. Οι μικρές αλλαγές με μέτρηση κερδίζουν τα αόριστα σχέδια.
Όταν η ομάδα σου μιλά την ίδια γλώσσα για την πλοήγηση της ιστοσελίδας, γίνονται λιγότεροι γύροι διορθώσεων με σχεδιαστές και γραφεία.
Εργαλεία που κάνουν τις οπτικές αλλαγές πιο εύκολες
Δεν χρειάζεσαι custom κώδικα για να διορθώσεις πολλά θέματα διάταξης και στυλ. Ένας οπτικός editor σου επιτρέπει να ρυθμίσεις αποστάσεις, χρώματα και γραμματοσειρές.
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων όταν είσαι έτοιμος να εφαρμόσεις όσα έμαθες.
Όταν δημοσιεύεις αλλαγές, ξαναδές τον σχεδιασμό αρχικής σελίδας και το above the fold, ώστε η ενότητα να μένει συνδεδεμένη στο μυαλό σου.
Τώρα έχεις έναν πρακτικό φακό για την πλοήγηση της ιστοσελίδας. Χρησιμοποίησέ τον όταν ελέγχεις την ιστοσελίδα σου, εγκρίνεις υλικό μάρκετινγκ ή δίνεις οδηγίες σε σχεδιαστή. Συνέχισε με το above the fold και το πώς να σχεδιάσεις μια landing page για να κρατήσεις τον ρυθμό σε αυτή την ενότητα.
Συχνές ερωτήσεις
Πόσο χρόνο θέλει για να βελτιώσεις την πλοήγηση της ιστοσελίδας;
Οι περισσότερες μικρές επιχειρήσεις βλέπουν πιο καθαρές σελίδες μέσα σε λίγες συγκεντρωμένες συνεδρίες, αφού εφαρμόσουν τα βασικά αυτού του κεφαλαίου. Ξεκίνα από την αρχική σελίδα και μετά πέρασε τους ίδιους κανόνες στις σελίδες υπηρεσιών και επικοινωνίας.
Χρειάζεσαι σχεδιαστή για την πλοήγηση της ιστοσελίδας;
Ένας σχεδιαστής βοηθά σε σύνθετα rebranding, αλλά πολλές διορθώσεις γύρω από την πλοήγηση γίνονται μόνος σου όταν ξέρεις τι να κοιτάξεις. Χρησιμοποίησε τον σχεδιασμό αρχικής σελίδας μαζί με αυτό το κεφάλαιο για συναφείς οδηγίες.
Μπορεί η WEMASY να σε βοηθήσει με την πλοήγηση της ιστοσελίδας σου;
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων για να ξεκινήσεις.
Ποιο είναι το πιο συνηθισμένο λάθος στην πλοήγηση της ιστοσελίδας;
Οι άνθρωποι προσπαθούν να διορθώσουν τα πάντα μαζί αντί για μία σελίδα τη φορά. Διάλεξε μία προτεραιότητα, όπως την αναγνωσιμότητα ή την αντίθεση, και μετά δες το above the fold για την επόμενη βελτίωση.
Πώς συνδέεται η πλοήγηση της ιστοσελίδας με το SEO;
Η καθαρή οπτική ιεραρχία και η αναγνώσιμη γραμματοσειρά κρατούν τους επισκέπτες περισσότερο στη σελίδα, κάτι που στηρίζει τα σήματα αλληλεπίδρασης που παρακολουθούν οι μηχανές αναζήτησης. Συνδύασε τις διορθώσεις του design με σωστή δομή περιεχομένου για το καλύτερο αποτέλεσμα.
Τι να μάθεις μετά την πλοήγηση της ιστοσελίδας;
Συνέχισε με τον σχεδιασμό αρχικής σελίδας και το above the fold σε αυτό το βιβλίο, για να χτίσεις ένα πλήρες οπτικό σύστημα για την επωνυμία σου στο διαδίκτυο.