3 Βασικές τάσεις πλοήγησης για το 2015
Ευτυχισμένο το Νέο Έτος σε όλους τους αναγνώστες μας! Σήμερα, θα εξετάσουμε τρεις βασικές τάσεις πλοήγησης που θα κυριαρχήσουν το 2015.
Κάποιος μπορεί να σκεφτεί ότι έχουμε διερευνήσει όλες τις πιθανές παραλλαγές της ναυσιπλοΐας στο διαδίκτυο, και όμως βλέπουμε τη συνεχή εξερεύνηση μέσα σε αυτή την πολύ συγκεκριμένη θέση. Είναι πραγματικά εκπληκτικό πόσο πολλές παραλλαγές του σχεδιασμού μπορούν να εφαρμοστούν σε μια ταπεινή λίστα συνδέσμων.
Εδώ θέλω να εξετάσω 3 δημοφιλείς τάσεις στον τομέα της πλοήγησης: πρώτα πώς αλλάζει η χρήση του navicon (ή το εικονίδιο χάμπουργκερ), δεύτερη μια νέα προσέγγιση χρησιμοποιώντας μενού πλήρους οθόνης και τελικά αυτό που θεωρώ την τελειότητα του μενού drop down menu. Ας δούμε και να δούμε αυτές τις προσεγγίσεις στην εργασία.
Ζήτω / θανάτου στο navicon!
Το Facebook δίνεται πίστωση για τη δημοφιλή χρήση των navicons για την απόκρυψη επιλογών πλοήγησης εκτός οθόνης ή εκτός καμβά. Με τη γέννηση του ανταποκρινούς σχεδιασμού ιστοσελίδων η κοινότητα σχεδιασμού ιστοσελίδων ήταν απελπισμένη για μια λύση στην πλοήγηση. Το να συσκευάζετε τα πάντα σε έναν πίνακα πλοήγησης που βρίσκεται δίπλα στον καμβά και να μετακινηθείτε κατά την επιλογή του navicon ήταν μια ελκυστική λύση. Φαίνεται ότι η κοινότητα μοιράστηκε επάνω σε αυτήν ως μια κάπως εύκολη λύση που φαινόταν να κάνει τη ζωή πολύ πιο εύκολη για τον σχεδιαστή και τον κατασκευαστή. Ως αποτέλεσμα, το navicon έχει γίνει μια επιλογή go-to για κινητές εφαρμογές και ιστότοπους.
Πρόσφατα όμως, το navicon έχει υποστεί επίθεση. Σε πολλές από αυτές τις συζητήσεις φαίνεται ότι παραλείπεται μία κρίσιμη λεπτομέρεια. Η βιομηχανία εφαρμογών για κινητά απομακρύνεται εύκολα από την πλοήγηση εκτός οθόνης προς όφελος των επιλογών στην οθόνη. Αυτό έρχεται ως η τάση προς τις εστιασμένες εφαρμογές ενιαίου σκοπού. Αυτό κάνει την αλλαγή πιο λογική. Αντίθετα, ακόμη και ένας μικρός ιστότοπος μπορεί να συσκευάζεται με δεκάδες, αν όχι εκατοντάδες συνδέσμους στην πλοήγηση. Πάρτε για παράδειγμα ένα site όπως sony.com, ή ακόμα και αυτό το site. Αυτές οι τοποθεσίες έχουν ανάγκες πλοήγησης που ξεπερνούν το όριο με μια απλή λωρίδα καρτελών. Για το λόγο αυτό, μου φαίνεται ότι το Navicons και τα μενού οθόνης είναι εδώ για να μείνουν. Απλά πρέπει να γνωρίζουμε τους περιορισμούς, τα πιθανά προβλήματα και ούτω καθεξής. Και φυσικά, πάντα να έχετε κατά νου τη χρήση: είναι μια εφαρμογή για κινητά ή μια κινητή / ανταποκρινόμενη ιστοσελίδα. Επειδή δεν είναι τα ίδια.
Ο ιστότοπος για το γραφείο σχεδιασμού Long Story Short είναι ένα υπέροχο παράδειγμα για το πώς να αξιοποιήσετε το navicon με έναν ουσιαστικό και περιορισμένο τρόπο. Αυτός ο ιστότοπος χρησιμοποιεί το navicon για να αποκρύψει το πλήρες φάσμα επιλογών πλοήγησης. Αυτό συμβαίνει τόσο στις εκδόσεις κινητών και επιτραπέζιων υπολογιστών του ιστότοπου. Η χρήση του navicons στην επιφάνεια εργασίας είναι στην πραγματικότητα μια ολόκληρη δευτερεύουσα τάση εδώ. Αυτό που κάνει αυτό το site ένα εξαιρετικό παράδειγμα της προσέγγισης είναι ότι τα πιο κρίσιμα στοιχεία της πλοήγησης εμφανίζονται εκτός του μενού . Η αρχική σελίδα είναι μια πύλη στα τρία πιο σημαντικά τμήματα του ιστότοπου. Με αυτόν τον τρόπο το κρυφό μενού δεν είναι η κύρια πλοήγηση, αλλά μάλλον δευτερεύουσα που γεμίζει τα κενά.
Η περιοχή Squarespace είναι ένα άλλο υπέροχο παράδειγμα για το πώς να χρησιμοποιείτε αποτελεσματικά κρυμμένα μενού. Σε αυτόν τον ιστότοπο οι επιλογές περιήγησης και σύνδεσης είναι πάντα ορατές. Παρέχονται συνολικά περίπου 23 επιλογές μενού στο μενού slide out. Ειλικρινά, η χρήση κρυφών μενού για να επιτρέψετε στις πιο σημαντικές επιλογές πλοήγησης να παίρνετε στο επίκεντρο δεν είναι τίποτα λιγότερο από λαμπρό. Περάσαμε μια φάση όπου ήμουν πραγματικά κάτω από τη χρήση του navicons στην επιφάνεια εργασίας? φαινόταν σαν μια χαμένη χρήση της τεχνικής. Ωστόσο, αφού βλέπω πώς οι ιστότοποι τη χρησιμοποιούν για να οδηγήσουν τους χρήστες προς τα πιο κρίσιμα στοιχεία, δεν μπορώ παρά να τα αγαπήσω.
Τέλος, αν έχετε θλίψη σχετικά με τη χρήση navicons, ή κρυμμένα μενού δεν λαμβάνουν κανέναν λόγο για αυτό. Αντ 'αυτού, κάνετε τις δικές σας δοκιμές χρηστικότητας για να δείτε αν λειτουργεί για τον ιστότοπό σας. Ένας πολύ καλός κανόνας είναι να αποφύγετε τη συζήτηση και να πάτε να δοκιμάσετε.
Πλοήγηση σε πλήρη οθόνη
Η δεύτερη τάση που θα ήθελα να εξετάσω είναι η χρήση πλήρους οθόνης μενού πλοήγησης. Αυτά τα μενού τυπικά ενεργοποιούνται από ένα κουμπί ή μια σύνδεση κάποιου τύπου. αρκετά συχνά ένα navicon. Η διαφορά εδώ είναι ότι αντί για ένα μικρό πάνελ που ολισθαίνει έξω, η πλοήγηση αναλαμβάνει ολόκληρη την οθόνη. Στην κινητή τηλεφωνία αυτό είναι φυσιολογικό, αλλά στην επιφάνεια εργασίας αυτή είναι μια νέα και ενδιαφέρουσα προσέγγιση.
Η πλοήγηση σε αυτόν τον ιστότοπο είναι πολύ ενδιαφέρουσα, καθώς η επικάλυψη πλοήγησης παίζει πολύ γροθιά στο μενού. Εδώ έχουν τις αναμενόμενες επιλογές μενού, αλλά δεδομένου ότι είναι πλήρης οθόνη, έχουν επίσης χώρο για μια πλήρη φόρμα επικοινωνίας, πληροφορίες επικοινωνίας, συνδέσμους κοινωνικών μέσων ενημέρωσης, μια πρόσφατη δημοσίευση στο blog και μια εξέχουσα κλήση για δράση.
Είναι ενδιαφέρον να θεωρήσετε ότι ένας χρήστης που εκκινεί ένα μενού ανά πάσα στιγμή ψάχνει για κατεύθυνση. Αυτό το καθιστά μια εξαιρετική ευκαιρία να τους οδηγήσετε σε αυτό που θέλετε να κάνουν. Σε αυτή την περίπτωση θέλουν ο χρήστης να έρθει σε επαφή ή να επισκεφτεί τον προγραμματισμό του έργου του.
Σε αυτό το παράδειγμα βλέπουμε επίσης το πρότυπο στην εργασία, αλλά με πολύ πιο μινιμαλιστικό τρόπο. Αντί να συσκευάσουν σε επιπλέον επιλογές, επέλεξαν να παρουσιάσουν απλά μια πολύ σύντομη λίστα επιλογών πλοήγησης. Επιπλέον, λαμβάνουν πόντους μπόνους για την κίνηση του navicon σε ένα "x" για να κλείσει το μενού.
Η τελειότητα του μενού σούπερ μεγέθους
Τέλος, θα ήθελα να εξετάσω το μενού με τα σούπερ μεγέθη ή το μενού. Η χρήση σούπερ μεγέθους μενού δεν είναι κάτι καινούργιο. Αυτό που θεωρώ ενδιαφέρον είναι το περιεχόμενο που βρίσκεται μέσα σε αυτά. Κατά την εκτίμησή μου για τα πράγματα οι σχεδιαστές έχουν βάλει πραγματικά αυτό το νέο χώρο να λειτουργήσει με ισχυρούς τρόπους.
Ο ιστότοπος Lowes δείχνει τέλεια τι έχω κατά νου. Εδώ μπορείτε να δείτε ότι το σύστημα μενού έχει γίνει μια θέση για περιεχόμενο. Αυτό το περιεχόμενο μπορεί να χρησιμοποιηθεί για να κατευθύνει τη ροή των χρηστών μέσω του ιστότοπου. Το πιο σημαντικό είναι ότι μπορεί να τους οδηγήσει στο πιο σημαντικό περιεχόμενο. Το ερώτημα γίνεται, ποιο είναι το πιο σημαντικό περιεχόμενο; Ίσως είναι τα πιο κερδοφόρα στοιχεία στο κατάστημά σας. Και με αυτό τον τρόπο η πλοήγηση δρα ως πωλητής πιέζοντας τα πιο κερδοφόρα προϊόντα. Ή ίσως χρησιμοποιείται για να καθοδηγήσει τους χρήστες στα πιο δημοφιλή αντικείμενα.
Ένας άλλος ιστότοπος που χρησιμοποιεί αυτήν την επιλογή με έναν ελαφρώς διαφορετικό τρόπο είναι ο ιστότοπος του New Balance. Εδώ τα τρία πρώτα dropdowns είναι μεγάλα σε φύση, αλλά είναι ουσιαστικά λίστες συνδέσμων. Ωστόσο, η τελευταία επιλογή για τη δημιουργία προσαρμοσμένων υποδημάτων παράγει την αναπτυσσόμενη λίστα που εμφανίζεται παραπάνω. Αυτή η επιλογή μενού είναι ένας σύνδεσμος. Λατρεύω ότι έλαβαν την ευκαιρία να κάνουν αυτό το ενιαίο στοιχείο σε μια πραγματικά συναρπαστική εισαγωγή στο περιεχόμενο πίσω από το σύνδεσμο.
συμπέρασμα
Αυτές οι τρεις τάσεις, αν και μπορούμε να τις συζητήσουμε ξεχωριστά, έχουν πολλά κοινά χαρακτηριστικά. Πρωταρχικό μεταξύ αυτών είναι ο τρόπος με τον οποίο η ναυτιλία έχει αλλάξει με τα χρόνια. Τα μενού αναπτυσσόμενων συνόρων αποτελούσαν κατά κανόνα μια οργανωμένη λίστα συνδέσμων. Ως επί το πλείστον ήταν κάπως ουδέτερες, καθώς όλα τα πράγματα παρουσιάστηκαν εξίσου. Τώρα διαπιστώνουμε ότι τα συστήματα πλοήγησης είναι ένας βασικός τρόπος να βοηθήσουμε τους χρήστες να κατευθύνουν τους επιθυμητούς στόχους.
Για μένα η πρόκληση είναι σαφής. Ότι πρέπει να ανυψώσουμε τη σκέψη μας για πλοήγηση και να αγκαλιάσουμε πραγματικά την επιρροή που έχει στην εμπειρία χρήσης των ιστοσελίδων που δημιουργούμε. Πολύ συχνά βρίσκω ότι η πλοήγηση είναι λίγο μετά την σκέψη. Όταν στην πραγματικότητα, θα πρέπει να είναι από τα πιο κριτικά θεωρημένα και εκλεπτυσμένα στοιχεία στο σχεδιασμό.