Απογυμνώνοντας έναν ιστότοπο με τη βίαιη φόρμα του, αγνοώντας για μια στιγμή, περιεχόμενο που είναι μόνο κείμενο και εικόνες, όλοι μια εμπειρία περιήγησης είναι, είναι η πλοήγηση. Κάνει κλικ σε συνδέσμους που σας μεταφέρουν σε άλλες σελίδες με περισσότερες συνδέσεις. Η κύρια πλοήγηση του ιστότοπού σας είναι ένα τόσο σημαντικό μέρος αυτού, καθώς αντιπροσωπεύει την επίμονη πόρτα στις πιο σημαντικές σελίδες του περιεχομένου σας.
Πολλοί ιστότοποι διαθέτουν επίσης δευτερεύουσα πλοήγηση, υποβιβασμένη στο κάτω μέρος του ιστότοπου, που περιέχει «βαρετά πράγματα» όπως τους όρους χρήσης ή τους συνδέσμους πολιτικής απορρήτου. έχει νόημα να μην έχουν αυτούς τους συνδέσμους στην κύρια πλοήγησή σας. δεν θέλετε να καταστρέψουν τη σελίδα προορισμού σας. Αλλά εδώ είναι μια υπόδειξη, αν πρέπει να έχετε έναν χάρτη τοποθεσίας που περιλαμβάνεται σε αυτή τη δευτερεύουσα γραμμή πλοήγησης, το κάνετε λάθος.
Ο καλός σχεδιασμός απαιτεί καλή οργάνωση. Πρέπει να μάθετε ποιες πληροφορίες είναι απαραίτητες για το χρήστη και στη συνέχεια να το διαιρέσετε σε ενότητες. Πρόκειται για μια τυποποιημένη διαδικασία για τους σχεδιαστές ιστοσελίδων και εκτός αν ο ιστότοπός σας είναι μεμονωμένη σελίδα / παράλλαξη με παράλλαξη, θα θέλετε να το τοποθετήσετε σε μεμονωμένες σελίδες, για να γίνει πιο εύκολη η επεξεργασία, παραδοσιακά προσπελάσιμη μέσω μιας κύριας γραμμής πλοήγησης. Η τυποποιημένη μορφή για αυτό είναι μια οριζόντια γραμμή κατά μήκος της κορυφής της τοποθεσίας και ενώ μπορείτε να σκεφτείτε ότι έχοντας όμορφη ή whimsical πλοήγηση θα εμπλακεί με το χρήστη? ή νομίζετε ότι μπορείτε να επαναπροσδιορίσετε την «πλοήγηση» και να την καταστήσετε πιο εύχρηστη έχοντας έναν σύνδεσμο που υποδιαιρείται μέσω των συνδέσμων φωτισμού στις σελίδες. δεν θα λειτουργήσει.
Η πλειοψηφία των χρηστών δεν θέλουν να εργαστούν για να χρησιμοποιήσουν τον ιστότοπο, αναμένουν δυστυχώς να δουν τυπική μορφή. Όσο θα ήθελα να δω τα καινοτόμα σχέδια και τις διαδικασίες πλοήγησης, ο μέσος χρήστης δεν θα αλλάξει και θα απενεργοποιηθεί αμέσως. Έχοντας μια μη τυποποιημένη διασύνδεση για την κύρια πλοήγησή σας, απλά θέτετε, θα αυξήσει αμέσως το ποσοστό εγκατάλειψης. Το πιο σημαντικό όμως εδώ δεν είναι το στυλ, αλλά η επιμονή. Έχει σημασία η πλοήγηση σε κάθε σελίδα, σε συνδυασμό με τη συνέπεια της τοποθεσίας, καθώς είναι ένα ορόσημο στη σελίδα σας, συνδέοντας την εμπειρία περιήγησης του χρήστη.
Μέχρι αυτό το σημείο πιθανότατα θα έχετε παρατηρήσει το σημείο που προσπαθώ να σφυρίω σπίτι, το σχεδιασμό ιστοσελίδων είναι τόσο σημαντικό για να ξεχωρίζει, αλλά η πλοήγησή σας δεν είναι το μέρος για να το κάνετε.
Το δεύτερο λάθος που γίνεται συχνά είναι ότι η πλοήγηση είναι ικανοποιητική. Δεν είναι. Φανταστείτε εάν ήσαστε προσκεκλημένοι σε ένα πάρτι, καλό φαγητό, σπουδαίοι άνθρωποι και συνομιλίες. Ωστόσο, η πρόσκληση δεν σας το λέει αυτό, δεν είναι αυτό που περιμένετε καθόλου. Αντί να σας λέει πού, πότε ή τι θα γίνει το κόμμα, σας δίνει ένα φανταχτερό όνομα, ίσως το «John's Fancy Pants Pants Party του αιώνα». Έχετε την ιδέα. Η πλοήγηση πρέπει να είναι περιγραφική, είναι απλώς ένας σύνδεσμος, οι άνθρωποι πρέπει να ξέρουν τι να περιμένουν. Μην ξεχνάτε ότι είναι μέρος του SEO σας, οπότε αν κάποιος Googles 'τα προϊόντα σας', θα μεταφερθεί στη σελίδα των Προϊόντων σας, εκτός αν φυσικά το έχετε επισημάνει ως «Δημιουργίες μας» ή κάτι εξίσου όμορφο και μοναδικό.
Αν κοιτάξετε τοποθεσίες που έχουν κερδίσει βραβεία σχεδιασμού, είναι πολύ πιθανό να σπάσουν έναν από τους κανόνες πλοήγησης που έχω διατυπώσει εδώ. Ωστόσο, η χρήση του λευκού χώρου και του κομψού σχεδιασμού είναι όλα με το κόστος της χρηστικότητας. Αυτός ο τύπος ανεπαρκώς λειτουργούσας τοποθεσίας χρησιμοποιεί αυτό που είναι γνωστό κατά παρέκκλιση στη βιομηχανία σχεδιασμού ιστοσελίδων ως «Mystery Meat Navigation» ή MMN. Μπορεί να φανεί δροσερό και να κάνει το σύνολο της λογικής για τον σχεδιαστή: "Δεν είναι προφανές ότι το ποντίκι πάνω από την αριστερή πλευρά της σελίδας, 45,1cm κάτω από τη σελίδα αναδεικνύει τους συνδέσμους προς τη σελίδα που υπογραμμίζει τις πολιτικές μου απόψεις; Είναι ξεκάθαρα μια αναφορά στο Farenheit 451, το αγαπημένο μου βιβλίο, και οι πολιτικές απόψεις του αριστερού πολιτισμού που μοιράζομαι μαζί του. Duh! "Ακραία σενάρια κατά μέρος, MMN μπορεί να είναι ένας εφιάλτης για έναν χρήστη που πραγματικά θέλει να χρησιμοποιήσει το site σας, όχι μόνο να δούμε πόσο όμορφη είναι. Φανταστείτε το ποσοστό εγκατάλειψης ενός ιστότοπου που περνούσε από κάθε σύνδεσμο, όπως μια αυτοματοποιημένη υπηρεσία τηλεφωνίας περνάει από επιλογές! MMN είναι το ίδιο πράγμα! 'Ποντίκι πάνω από 1 για: Αρχική σελίδα ', 'Ποντίκι πάνω από 2 για: Σχετικά ' ... παίρνετε την ιδέα. Πρέπει να περάσετε από κάθε σύνδεσμο για να βρείτε αυτό που θέλετε και από τη στιγμή που έχετε φτάσει στο τέλος της πλοήγησης, έχετε ξεχάσει αυτό που ήρθατε! Αυτό ισχύει και για ανατροφοδότηση θέσης, η οποία επισημαίνεται ουσιαστικά, συνήθως με αλλαγή χρώματος, όπου στον ιστότοπο είναι ο χρήστης, μέσω της πλοήγησης.
Η πλοήγηση είναι η γνωστή πύλη σε νέο και ενδιαφέρον περιεχόμενο. Παρόλο που σας είπα στο παρελθόν ότι πρέπει να επιμείνετε σε συμβάσεις για λόγους οικειότητας και να διατηρήσετε το ποσοστό εγκατάλειψης όσο το δυνατόν χαμηλότερα (με την προϋπόθεση ότι το περιεχόμενό σας είναι καλό), υπάρχουν μερικά συχνά χρησιμοποιούμενα στοιχεία πλοήγησης που πρέπει να αποφύγετε.
Ο κύριος παραβάτης είναι το τρομακτικό drop down μενού, η μεγαλύτερη αμαρτία αν δεν έχετε ξεχωριστό περιβάλλον κινητής τηλεφωνίας. Συχνά δεν επεκτείνεται στην ανίχνευση μηχανών αναζήτησης και είναι κακό για χρηστικότητα αν είναι απρόσμενη από τον χρήστη. Βλέπουν τους κορυφαίους (γονείς) συνδέσμους και κάνουν την επιλογή τους με βάση τις επιλογές που έχουν εκεί και στη συνέχεια ξαφνικά υπάρχουν και άλλες σελίδες. Μην φέρετε σε ένθετους παιδικούς ιστότοπους την κύρια πλοήγησή σας, είναι ακατάστατη. Αυτό συμβάλλει σε ένα γενικό σημείο, έχοντας πολλές σελίδες αραιώνει τις επιτυχίες σας και ως εκ τούτου επηρεάζει αρνητικά τον SEO που σχετίζεται με την κυκλοφορία σας. Αν χρειάζεστε περισσότερες σελίδες από ό, τι μπορείτε να χωρέσετε σε μια τυπική γραμμή πλοήγησης, έχετε κακό, περιληπτικό περιεχόμενο και θα υποστείτε ως αποτέλεσμα.
Εάν δεν το έχετε ήδη μαντέψει, η διατήρηση του αριθμού των στοιχείων στην πλοήγηση σας κάτω είναι ζωτικής σημασίας. Ο υπερπληθυσμός είναι ιδιαίτερα εμφανής στα μενού πλοήγησης της πλαϊνής γραμμής, όπου οι σχεδιαστές πιστεύουν ότι μπορούν να επεκταθούν επ 'αόριστον, αφού ο χρήστης έχει συνηθίσει να μετακινείται κάθετα. Τώρα, αν υποτεθεί ότι το μενού είναι εύκολα αναγνωρίσιμο όπως αναφέρθηκε προηγουμένως, έχοντας λιγότερα αντικείμενα, καθιστά ευκολότερη την απομνημόνευσή του βραχυπρόθεσμα, πράγμα που σημαίνει ότι ο ιστότοπός σας είναι πιο εύχρηστος για τον μέσο χρήστη, καθώς μπορούν να θυμούνται τις κύριες σελίδες και τους συνδέσμους σας.
Αναφέρεται συχνά ότι η βραχυπρόθεσμη μνήμη μπορεί να περιέχει μόνο 7 στοιχεία, για έως και 20 δευτερόλεπτα, πράγμα που σημαίνει ότι θα πρέπει να περιορίσετε την πλοήγησή σας σε 7 στοιχεία ή λιγότερα. Αν και αυτό έχει λογική λογική σε αυτό και θα ήθελα να υποστηρίξω την πλοήγηση με περισσότερα στοιχεία, αν έχετε συνδέσμους πολύ συγκεκριμένους με τον ιστότοπό σας, μπορείτε να υποβιβάσετε τις πιο οικείες σε λιγότερο σημαντικές ζώνες του μπαρ (κάτι που θα το εξηγήσω αργότερα on), όπως θα περιμένουν οι χρήστες, και γνωρίζουμε ότι υπάρχουν εκεί χωρίς να χρειάζεται να κοιτάξουμε σκληρά.
Σε αυτό, η ηλικία της Google, όλοι γνωρίζουμε πόσο σημαντικό είναι το καλό SEO. και με το «καλό SEO» δεν εννοώ να θέτει σε κίνδυνο το περιεχόμενό σας και τον ιστότοπό σας για υψηλότερες ταξινομήσεις αναζήτησης, γιατί αυτό είναι απλά κακό SEO. Η βελτιστοποίηση του ιστότοπού σας για τις ανιχνευτές μηχανών αναζήτησης δεν αφορά πάντα τη χρήση όσο το δυνατόν περισσότερων λέξεων-κλειδιών ή κάτι τέτοιο, μπορεί να είναι τόσο απλό όσο δεν χρησιμοποιείτε κουμπιά στην πλοήγησή σας. Χρησιμοποιείτε πάντα συνδέσμους για την πλοήγησή σας, είναι μια καλή επιλογή μακροπρόθεσμου σχεδιασμού και μπορεί να εντοπιστεί από τις μηχανές αναζήτησης. Θα κάνει επίσης τον ιστότοπό σας πιο χρησιμοποιήσιμο (εφ 'όσον είναι καλά σχεδιασμένο). Οι χρήστες με κακή όραση, για παράδειγμα, που χτυπούν το μέγεθος του κειμένου τους, θα επωφεληθούν ιδιαίτερα από αυτό. καθώς και οι χρήστες κινητών θα χρειαστεί να περιμένουν περισσότερο για να φορτώσουν τις εικόνες του κουμπιού σας, κατόπιν περιμένετε λίγο περισσότερο αφού κάνετε κλικ σε αυτές καθώς φορτώθηκε η κατάσταση ενημέρωσης! Η αναζήτηση από τη χρήση εικόνων κουμπιού ως πλοήγησης, χρησιμοποιώντας πραγματικές εικόνες χωρίς υπότιτλους, είναι μια κακή ιδέα. Αυτό το είδος πλοήγησης δεν συνιστάται ποτέ, το κείμενο πρέπει πάντα να χρησιμοποιείται και, όπως δηλώνεται πολλές φορές παραπάνω, σε μια τυποποιημένη μορφή.
Τέλος, φτάνουμε στο πιο αμφισβητούμενο και ψυχαναλυτικό όλων των συμβουλών πλοήγησης, η τάξη! Συχνά υποστηρίζεται, με αρκετά λογική λογική, ότι η πρώτη και η τελευταία σύνδεση σε μια τυποποιημένη γραμμή πλοήγησης δίνουν την υψηλότερη προτεραιότητα στο υποσυνείδητο μυαλό, γι 'αυτό το λόγο, τόσοι πολλοί ιστότοποι χρησιμοποιούν ένα banner ως σύνδεσμο home / landing page αυτές τις μέρες να έχετε έναν παραδοσιακό σύνδεσμο Home στην αρχή της πλοήγησης. Το πράγμα με τον πάντα υπάρχοντα δεσμό Home είναι ότι τόσο συχνά παραβλέπεται από μια απλή προσδοκία ότι θα είναι εκεί. Κάνει πολύ μικρή διαφορά στην εμπειρία περιήγησης του μέσου χρήστη ανεξάρτητα από το αν είναι ή δεν είναι, και ως εκ τούτου δεν θεωρείται πραγματικά ως «πρώτος» σύνδεσμος εάν αποφασίσετε να βάλετε ένα εκεί.
Εκτός αυτού, οι χρήστες θα δουν φυσικά συνδέσεις από αριστερά προς τα δεξιά, υποθέτοντας ότι είναι δυτικοί και διαβάζονται με αυτόν τον τρόπο, όπως είναι πιθανό να κάνει η πλειονότητα των χρηστών σας. Αυτό σημαίνει ότι οι συνδέσεις με το λιγότερο ατομικό κτύπο θα είναι αυτές που βρίσκονται στη μέση του μενού πλοήγησης, ωστόσο μπορούν να έχουν ένα συλλογικό αποτέλεσμα που μπορεί να έχει επιπτώσεις στο πώς το υποσυνείδητο του χρήστη αντιλαμβάνεται την εμπειρία του site σας. Αυτό περιγράφεται λεπτομερώς στο άρθρο μου λέγοντας ιστορίες με τα σχέδιά σας , όπου εξηγώ πώς η σειρά με την οποία τοποθετείτε τα στοιχεία του μενού σας λέει μια ιστορία σχετικά με την εξέλιξη ενός χρήστη μέσω του ιστότοπού σας. Αυτή η θεωρία είναι ως επί το πλείστον κερδοσκοπία, αλλά έχει νόημα ότι η ύπαρξη ενός συνδέσμου υποστήριξης απευθείας μετά από ένα κατάστημα / προϊόντα στο μενού σας μπορεί να συμπεράνει την αποτυχία να παραδώσει τα προϊόντα σας και αυτή η υποστήριξη απαιτείται και χρησιμοποιείται αρκετά ώστε να δικαιολογεί μια θέση στην κύρια μενού πλοήγησης.
Ενώ όλες αυτές οι συμβουλές είναι σχετικές με τους περισσότερους παραδοσιακούς ιστότοπους και θα βελτιώσουν τη χρηστικότητα του μέσου χρήστη, μην λάβετε αυτές τις συμβουλές ως ευαγγέλιο. Όλοι οι ιστότοποι και τα σχέδια είναι διαφορετικοί, ενώ ορισμένοι μπορεί να επωφεληθούν από την παραβίαση κάποιων από τις οδηγίες που αναφέρονται παραπάνω. Πάνω απ 'όλα, καθιστάτε τον ιστότοπό σας εύχρηστο πρώτο και αρκετά δευτερόλεπτο, το ποσοστό εγκατάλειψης θα μειωθεί και μπορείτε να βασιστείτε σε αυτό που έχετε.
Ρίξτε μια ματιά στην πλοήγηση σε άλλους ιστότοπους και προσπαθήστε να σκεφτείτε τι κάνει να δουλέψει, να μην δουλέψει ή ακόμα και να το κάνει άχρηστο. Παίρνω RockPaperShotgun , για παράδειγμα. Έχει μια γραμμή πλοήγησης, ναι, και θα ήταν τυποποιημένο πριν από περίπου 10 χρόνια! Λειτουργεί αλλά η βασική της μορφή και οι πολυάριθμοι σύνδεσμοι την καθιστούν πολύ δευτερεύουσα και ο ιστότοπος αισθάνεται ότι υπάρχει κάτι που λείπει από τη μεγάλη τρύπα δίπλα στο banner τίτλου, όπου θα πάει μια μπάρα πλοήγησης. μια αναβάθμιση σε ένα σχέδιο με καρτέλες θα μπορούσε να βελτιώσει αυτό.
Ή πάρτε Google.com , ένα προφανές παράδειγμα φυσικά, αυτό είναι λίγο διαφορετικό, ωστόσο, καθώς έχουν μια επίμονη πλοήγηση πανό για ένα δίκτυο τοποθεσιών. Θα παρατηρήσετε ότι ο σύνδεσμος για το YouTube (ο μόνος σύνδεσμος όπου δεν υπάρχει το μενού του banner) βρίσκεται στη μέση. Αυτό οφείλεται στο γεγονός ότι το YouTube χρησιμοποιείται συχνά ως ανεξάρτητος ιστότοπος και όχι ως μέρος του δικτύου της Google, έτσι υποβιβάζεται στο λιγότερο σημαντικό σημείο της γραμμής. Η καρτέλα "περισσότερα" είναι στο τέλος, έτσι ώστε να αισθάνεται σαν μια επέκταση στην αρχική γραμμή, χωρίς τα στοιχεία να φράζουν το κύριο έμβλημα. Οι άλλοι που έχετε πιθανώς επεξεργαστεί για τον εαυτό σας. το κουμπί "Αναζήτηση" είναι το πρώτο που χρησιμοποιεί τον ίδιο συλλογισμό με το κουμπί "Αρχική" και ο σύνδεσμος Εικόνες είναι ο δεύτερος πιο χρησιμοποιούμενος, πράγμα που σημαίνει ότι χρειάζεστε ελάχιστο ταξίδι του ποντικιού και των ματιών για να το κάνετε κλικ. Μόλις αρχίσετε να το σπάτε, πιθανότατα θα αρχίσετε να βλέπετε πόσα σκέφτηκε η Google σε αυτό και μπορείτε να δείτε γιατί είναι ένας από τους κορυφαίους πρωτοπόρους στους τομείς του online σχεδιασμού.
Ρίξτε μια ματιά και δείτε αν μπορείτε να μάθετε γιατί οι υπόλοιποι σύνδεσμοι έχουν τοποθετηθεί εκεί που είναι και στη συνέχεια να σκεφτείτε αν υπάρχουν βελτιώσεις που μπορείτε να κάνετε στην πλοήγησή σας.
Συμμερίζεστε τις συμβουλές εδώ; Προτιμάτε πλοήγηση ενός επιπέδου ή εκτεταμένες μειώσεις; Ενημερώστε μας στα σχόλια.
Προτεινόμενη εικόνα / μικρογραφία, εικόνα σήμανσης μέσω Shutterstock.