3 Βασικοί κανόνες για αποτελεσματικό σχεδιασμό πλοήγησης
Σχεδιάζοντας την πλοήγηση του ιστοτόπου σας είναι σαν να βάλετε τα θεμέλια για το σπίτι σας. Η αποτυχία να σχεδιάσετε το ίδρυμά σας σωστά θα μπορούσε να θέσει το κτίριό σας σε κίνδυνο κατάρρευσης, ανεξάρτητα από το πόσο ωραίο φαίνεται. Αν θέλετε να επωφεληθείτε από τις καλύτερες πωλήσεις ή μετατροπές που είναι δυνατές από τον ιστότοπό σας, πρέπει να αφιερώσετε χρόνο στον προγραμματισμό του τρόπου με τον οποίο το κοινό σας θα αλληλεπιδράσει με το περιεχόμενό σας και να καταλάβετε τον πιο διαισθητικό τρόπο οργάνωσης και εκπροσώπησής του.
Να θυμάστε πάντα, αν παίρνετε αυτό το κομμάτι λάθος, κινδυνεύετε να αποξενώσετε ένα μεγάλο τμήμα του ακροατηρίου σας.
Τι είναι η πλοήγηση;
Υπάρχουν περισσότεροι από ένας τρόποι να δούμε την πλοήγηση. Θα μπορούσατε να πείτε ότι είναι ένα εστιακό στοιχείο στον ιστότοπό σας που επιτρέπει στους πελάτες σας να βρίσκουν αυτό που αναζητούν χωρίς σύγχυση ή περιττά κλικ. Επίσης, θα μπορούσατε να υποστηρίξετε ότι πρόκειται για έναν τρόπο να οδηγήσετε απαλά τους πελάτες σας στις πιο σημαντικές πληροφορίες στον ιστότοπό σας, προκειμένου να δημιουργήσετε πωλήσεις ή ερωτήσεις.
Οι πιθανότητες είναι, είναι και οι δύο.
Ο σχεδιασμός πλοήγησης είναι όπως πολλά άλλα πράγματα στο σχεδιασμό: δεν υπάρχει καθολικά συμφωνημένος "σωστός τρόπος" να το κάνουμε. Κάθε ιστοσελίδα παρουσιάζει τις δικές της προκλήσεις, οι οποίες μπορούν να προσεγγιστούν με διάφορους τρόπους. Τα καλά νέα είναι ότι υπάρχουν τρόποι σκέψης και οργάνωσης περιεχομένου που ελαχιστοποιούν τον κίνδυνο αποτυχίας.
Η τοποθεσία του 70percentpure διαθέτει απλή πλοήγηση που είναι τόσο κατακόρυφη όσο και οριζόντια.
1) Ολοκληρώστε πρώτα την εκτίμησή σας
Ο σχεδιασμός του περιεχομένου για έναν μεγάλο ιστότοπο είναι ένα βασικό καθήκον που πρέπει να ολοκληρωθεί πριν σχεδιάσετε την πλοήγησή σας. Αλλιώς γνωστή ως IA (Αρχιτεκτονική Πληροφοριών), αυτή η επισκόπηση, κατανόηση και χειραγώγηση του περιεχομένου σας είναι αυτό που αποτελεί τη ραχοκοκαλιά της χρηστικότητας του ιστοτόπου σας. Σχεδιάζοντας την πλοήγησή σας πριν - ή αντί - του σωστού σχεδιασμού της ΕΑ σας θα ήταν σαν να δημιουργήσετε ένα ευρετήριο βιβλίων πριν να στοιχειοθετήσετε τις σελίδες. Δεν είναι καλή ιδέα.
Μια φυσική ικανότητα να βλέπεις τη μεγάλη εικόνα βοηθάει όταν εργάζεσαι στην IA. Το πιο σημαντικό είναι ότι πρέπει να μπορείτε να δείτε το περιεχόμενο από την οπτική γωνία του χρήστη. Μερικές φορές αυτό σημαίνει να πάμε ενάντια στον τρόπο του πελάτη να κατηγοριοποιήσει το περιεχόμενό τους - γι 'αυτό ετοιμαστείτε για αντίσταση αν αυτό συμβαίνει.
Εδώ είναι μερικά πράγματα που μπορείτε να ζητήσετε από τον εαυτό σας να βοηθήσετε στην προετοιμασία του σχεδίου σας και να το δικαιολογήσετε στον πελάτη:
- Ποιες σελίδες χρειάζονται για αυτόν τον ιστότοπο;
- Μήπως η κάθε σελίδα έχει σκοπό εντός του ευρύτερου σχεδίου και είναι το περιεχόμενο κατακερματισμένο σε ευαίσθητα, αναλογικά χοντρά κομμάτια;
- Ποια δικαιώματα πρέπει να γίνουν για την προσθήκη περιεχομένου στο μέλλον;
- Με ποιες ομάδες χρηστών εργάζεστε; (π.χ. είσοδος / έξοδος, τύποι συνδρομής, διαφημιζόμενοι κ.λπ.)
- Ποιος είναι ο πρωταρχικός στόχος για κάθε τύπο χρήστη;
Απαντώντας σε όλα τα παραπάνω και κατανοώντας το πώς το περιεχόμενό σας σχετίζεται με τους χρήστες σας είναι θεμελιώδες για τον καλό σχεδιασμό πλοήγησης.
2) KISS: Κρατήστε το απλό, μερικές φορές
Όλοι όσοι έχουν χρησιμοποιήσει ποτέ έναν ιστότοπο μπορούν πιθανώς να συμφωνήσουν: η περιοχή πλοήγησης πρέπει να είναι όσο το δυνατόν πιο απλή. Η συντριπτική πτώση του χρήστη με τις επιλογές και το συνωστισμό της πλοήγησης με το κείμενο είναι μια κακή ιδέα και θα εμποδίσει σοβαρά τη συνολική χρηστικότητα του ιστοτόπου σας.
Η απλή πλοήγηση του Bloomberg παραβιάζει την πολυπλοκότητα των πληροφοριών στην περιοχή τους.
Και όμως, η απλότητα μπορεί να είναι παραπλανητική. Κοιτάξτε βαθύτερα και ίσως ανακαλύψετε ότι αυτό που είναι αρκετά περίπλοκο είναι έξυπνα συσκευασμένο με τρόπο που να είναι απλός. Αυτή είναι η ενέργεια σε δράση.
Πάρτε την αρχική σελίδα της Microsoft για παράδειγμα. Η κύρια πλοήγησή τους έχει μόνο τέσσερα στοιχεία, τα οποία δεν ακούγονται αρκετά, λαμβάνοντας υπόψη το φάσμα των προϊόντων τους. Αλλά τα drop-downs είναι πολύ έξυπνα χωρισμένα σε τμήματα, και παρουσιάζονται με τέτοιο τρόπο ώστε να μπορείτε να βρείτε αυτό που ψάχνετε γρήγορα και εύκολα.
Οι δευτερεύουσες σελίδες είναι σαν μίνι-ιστότοποι, ακολουθώντας την ίδια μορφή πλοήγησης. Το μενού αισθάνεται και συμπεριφέρεται το ίδιο, αλλά προσαρμόζεται για να προσφέρει περισσότερες λεπτομέρειες όσο πιο βαθιά εισέρχεστε στον ιστότοπο.
Είναι εύκολο στη χρήση, προβλέψιμο και συνεπές. Λαμβάνοντας υπόψη το εύρος των προϊόντων τους και τον αριθμό των σελίδων στον ιστότοπό τους, αυτό δεν αποτελεί κακό, και είναι προφανώς προϊόν πολλών ωρών επαναληπτικής ανάπτυξης. Όχι μόνο αισθάνεται σαν ένα από τα προϊόντα τους - κάτι που είναι πολύ καθησυχαστικό για τον επισκέπτη - αλλά οργανώνει το περιεχόμενο με τρόπο που να είναι καλό τόσο για τον πελάτη όσο και για τον ίδιο τον Microsoft.
3) Επιλέξτε προσεκτικά τον προσανατολισμό
Δεδομένου ότι μια οθόνη υπολογιστή χρησιμοποιείται παραδοσιακά σε μορφή τοπίου, η οριζόντια πλοήγηση έχει πολύ νόημα. Τόσο πολύς χρόνος αισθάνεται πιο ισορροπημένος, λιγότερο ενοχλητικός και εύκολος να τοποθετηθεί από μια άποψη σχεδιασμού.
Oculus, κατασκευαστές ακουστικών VR θα ήταν ανόητοι αν δεν μιλούσαν για τα εικονικά τοπία τους με ένα οριζόντιο μενού. Όχι μόνο φέρει μια ωραία μεταφορά, αλλά επιτρέπει στον χρήστη να εμβαθύνει στο περιεχόμενό τους μετακινώντας τη σελίδα προς τα κάτω.
Ωστόσο, τα οριζόντια μενού δεν προσθέτουν αξία σε όλα τα πλαίσια, γι 'αυτό θα δείτε μια μεγάλη κατακόρυφη πλοήγηση, ιδιαίτερα στο ηλεκτρονικό εμπόριο. Φέρνει ηχώ των χρωματιστών καρτελών που σας βοηθούν να βρείτε προϊόντα σε έναν φυσικό κατάλογο και αποφεύγετε να γεμίζετε μια οριζόντια μπάρα με υπερβολικό κείμενο και πάρα πολλές επιλογές.
Μια καλή κάθετη πλοήγηση δεν είναι εύκολο, ειδικά αν έχετε πολλά προϊόντα. Γιατί μου αρέσει αυτό από τον Jack Jones.
Τα εικονίδια δίπλα στο κείμενο βοηθούν πραγματικά την αναγνωσιμότητα. Τα απλά σχήματα είναι εκπληκτικά επικοινωνιακά και βοηθούν να διατηρηθεί η περιοχή πλοήγησης εστιασμένη και τακτοποιημένη. Κάντε κλικ σε μια κατηγορία και το μενού επεκτείνεται για να αποκαλύψει τις υποεπιλογές, και πάλι με τρόπο που είναι πολύ εύκολο για το μάτι.
Μια πιο ασυνήθιστη χρήση του κάθετου μενού μπορεί να βρεθεί στην περιοχή του Squarepusher. Εδώ, η πλοήγηση χρησιμοποιείται σαν μια καρτέλα, εκτός της πλευράς του κύριου περιεχομένου, την οποία ο χρήστης μπορεί απλά να μετακινηθεί και να κάνει κλικ. Είναι μια πολύ πιο γραμμική προσέγγιση και αντανακλά τη διαδοχική φύση μιας διαδρομής Squarepusher.
Οι κανόνες αλλάζουν
Όπως και με όλα τα πράγματα στο διαδίκτυο, οι νέες τεχνικές, τεχνολογίες, συσκευές και τάσεις φέρνουν στο τραπέζι τις δικές τους προκλήσεις και καινοτομίες. Ανταποκρινόμενος σχεδιασμός ιστοσελίδων σημαίνει ότι ένα παραδοσιακό οριζόντιο πλοίο είναι πλέον και ένα κατακόρυφο δοχείο (σε μικρότερες οθόνες). Οι τεχνικές παράλλαξης βλέπουν τις περιοχές ναυσιπλοΐας και την ροή σαν την παλίρροια, ανάλογα με το πού βρίσκεστε στη σελίδα.
Δεν υπάρχει κανένας τρόπος να δημιουργηθεί το τέλειο site nav. Αλλά μια επαναληπτική προσέγγιση του σχεδιασμού και της δοκιμής, κατά προτίμηση με την πρόσβαση στα στατιστικά στοιχεία του ιστοτόπου σας και τα δεδομένα μετατροπής είναι πιθανό να αποφέρει τα καλύτερα αποτελέσματα.
Όντας ο κινητήρας που οδηγεί τον ιστότοπό σας, η πλοήγησή σας πρέπει να είναι προβλέψιμη, απλή, σταθερή και καλά τοποθετημένη.