Βασικά μοτίβα πλοήγησης το 2016
Το μενού πλοήγησης δημιουργεί ή διαλύει το UX του ιστότοπού σας, το οποίο πρέπει να σχεδιάζετε για πάντα. Δεν υπάρχει καλύτερη εξυπηρέτηση που μπορείτε να παρέχετε στους πελάτες σας ως σχεδιαστής παρά να εξασφαλίσετε ότι οι τοποθεσίες που δημιουργείτε για αυτούς διαθέτουν μια εκπληκτική και άκρως λειτουργική εμπειρία χρήστη.
Ένα υπέροχο UX εγγυάται ότι οι ιστοσελίδες των πελατών σας έχουν περισσότερους οδηγούς, επισκέπτες και αναγνώστες, για να μην αναφέρουμε ότι διατηρούμε τακτικούς επισκέπτες. Είναι το πιο σημαντικό μέρος της δημιουργίας ενός ιστότοπου και έχετε εξαιρετικό έλεγχο πάνω του με βάση το πώς σχεδιάζετε το μενού πλοήγησης του ιστότοπού σας.
Δυστυχώς, όλοι οι σχεδιαστές δεν δίνουν μεγάλη προτεραιότητα στο σχεδιασμό για άριστη πλοήγηση, η οποία δυσχεραίνει τους πελάτες και τους επισκέπτες.
Για να δημιουργήσετε μια πολύ αξιόπιστη φήμη ως σχεδιαστής - και να είστε σχεδιαστής σε ζήτηση - πρέπει να καταλάβετε μία από τις πιο βασικές πτυχές του σχεδιασμού ιστοσελίδων. Αυτό δημιουργεί αστρική πλοήγηση για τις τοποθεσίες των πελατών σας.
Δείτε πώς.
Σημαντική πλοήγηση
Σημαντική πλοήγηση αποτελεί βασικό στοιχείο της πλοήγησης, καθώς δίνει τη δυνατότητα στους χρήστες σας να έχουν άμεση πρόσβαση στο μενού και να βρίσκουν εύκολα αυτό που θέλουν στον ιστότοπό σας. Η κολλητική πλοήγηση παραμένει κλειδωμένη, καθώς οι χρήστες μετακινούνται προς τα κάτω σε μια σελίδα. Δεν υπάρχει τίποτα πιο απογοητευτικό - ειδικά στην περίπτωση των σελίδων με μεγάλη ροή - από το να πρέπει να μετακινηθείτε ξανά για να περιηγηθείτε σε μια άλλη σελίδα του ιστότοπου.
Θυμηθείτε ότι, στον Παγκόσμιο Ιστό, η ταχύτητα είναι τα πάντα (φόρτωση σελίδων, εύρεση περιεχομένου κ.λπ.), ώστε να επιτρέπεται στους χρήστες να έχουν πιο γρήγορη πρόσβαση στο μενού πλοήγησης, είναι μια βέλτιστη πρακτική.
Συμπεριλαμβάνοντας μια κολλώδη μπάρα πλοήγησης, συμβάλλετε επίσης στη μείωση των γνωστικών φορτίων στους χρήστες σας, τοποθετώντας συνεχώς τις επιλογές πλοήγησης ακριβώς μπροστά τους.
Εναλλακτικός Τύπος αποτελεί ένα καλό παράδειγμα για το πώς να ενσωματώσετε την κολλώδη πλοήγηση στις σελίδες σας. Σημειώστε πως όλα τα πιο σημαντικά τμήματα είναι εύκολα προσβάσιμα και αναγνωρίσιμα, με αποτελεσματική έγχρωμη αντίθεση, στη γραμμή πλοήγησης, ανεξάρτητα από το βαθμό στον οποίο μετακινηθείτε προς τα κάτω στη σελίδα.
Προφανές υπερκειμένου
Το Hypertext είναι οποιαδήποτε αναφορά κειμένου στις σελίδες σας, στην οποία μπορούν να κάνουν κλικ οι χρήστες, για να λάβουν πρόσθετες πληροφορίες, συνήθως σε άλλη σελίδα, είτε είναι στον ίδιο ιστότοπο είτε εκτός του ιστότοπου. Οι υπερσύνδεσμοι είναι ίσως το πιο αναγνωρίσιμο παράδειγμα υπερκειμένου.
Δεδομένου ότι το υπερκειμενικό κείμενο περιέχει πληροφορίες που θα βοηθήσουν την εμπειρία του χρήστη, παρέχοντας περισσότερες πληροφορίες, είναι μόνο λογικό ότι αυτές οι χρήσιμες αναφορές γίνονται πολύ αισθητές. Συνολικά, αυτό προσθέτει στην πλοήγηση του ιστότοπου που δημιουργείτε.
Σας συνιστώ να φτιάξετε το υπερκειμενικό κείμενο με δύο απλά σχεδιαστικά χαρακτηριστικά:
- Υπογραμμίζοντας
- Αλλαγή του χρώματος
Όταν υπογραμμίζετε οποιαδήποτε λέξη στο περιεχόμενο της σελίδας σας - ας πούμε ότι πρόκειται για μια υπερ-σύνδεση με τη σελίδα του πελάτη σας - προσελκύει άμεσα την προσοχή των επισκεπτών του ιστότοπου, γεγονός που τους βοηθά να πλοηγηθούν σε σημαντικές πληροφορίες με μεγαλύτερη ευκολία.
Ομοίως, όταν κάνετε το χρώμα των υπερσυνδέσμων διαφορετικό από το κείμενο και το φόντο των σελίδων σας, μπορείτε πάλι να το ξεχωρίσετε στη σελίδα, έτσι ώστε οι χρήστες να μπορούν εύκολα να εντοπίσουν και να κάνουν κλικ σε αυτό.
Ιστοσελίδα μάρκετινγκ Το καθημερινό αυγό χρησιμοποιεί τόσο υπογραμμιστικά όσο και διαφορετικά χρώματα για το υπερκειμένου του, καθιστώντας πολύ εύκολο για τους χρήστες να εντοπίζουν συνδέσμους.
Mega μενού
Mega μενού είναι μια μεγάλη ιδέα για πλοήγηση, ειδικά αν ο ιστότοπος που σχεδιάζετε για τον πελάτη σας έχει πολύ περιεχόμενο και κατηγορίες. τα καταστήματα ηλεκτρονικού εμπορίου έρχονται στο μυαλό. Αυτά είναι ουσιαστικά τεράστια, πτυσσόμενα πλαίσια που ανοίγουν πρόσθετα επίπεδα πλοήγησης για να βοηθήσουν τους χρήστες σας να βρουν συγκεκριμένα αυτό που θέλουν πιο γρήγορα.
Αυτά τα μενού βελτιώνουν την εμπειρία του χρήστη συμπεριλαμβάνοντας οφέλη όπως:
- εξάλειψη της κύλισης ·
- εργαλεία;
- ομαλή δομή του περιεχομένου με εικονίδια, διάταξη ή τυπογραφία.
Όλα αυτά, αυτά τα χαρακτηριστικά καθιστούν πολύ πιο εύκολο το μενού πλοήγησης.
Για ένα συμπαγές παράδειγμα ενός mega μενού, κατευθυνθείτε προς Δίκτυο τροφίμων Της ιστοσελίδας. Παρατηρήστε πώς το μενού flyout εμφανίζει ένα από τα πιο περιζήτητα κομμάτια του περιεχομένου του ιστότοπου-τις συνταγές-σε μια εύκολη στη χρήση μορφή που επιτρέπει στους χρήστες να επιλέγουν αμέσως το σημείο που επιθυμούν να πάνε αντί για κύλιση ή σελίδωση για περισσότερες επιλογές.
Πρότυπα και γλωσσικές προσφορές
Μια προσφορά προτύπου χρησιμοποιεί ένα συμβατικό σύμβολο που η πλειοψηφία των επισκεπτών του ιστότοπου θα καταλάβει αμέσως, όπως ένα εικονίδιο του σπιτιού που αντιπροσωπεύει την αρχική σελίδα του ιστότοπού σας. Μια προσφορά γλωσσών είναι η ρητή χρήση μιας λέξης, όπως "σπίτι", για να διευκρινιστεί ότι κάνοντας κλικ σε αυτήν την καρτέλα θα οδηγηθούν οι χρήστες στην αρχική σελίδα του ιστότοπου.
Οι προσφορές γνωστοποιούν στους χρήστες πώς μπορούν να αλληλεπιδρούν με τα στοιχεία του σχεδίου σας. Ενώ αυτό είναι σίγουρα Design Basics 101, είναι ακόμα εξίσου σημαντικό να ασκείστε σήμερα, όπως ήταν στις αρχές του Διαδικτύου.
Ένα λειτουργικό μενού πλοήγησης θα πρέπει να έχει το σύμβολο του σπιτιού ή τη λέξη "σπίτι" να βρίσκεται στην πρώτη καρτέλα πλοήγησης στα αριστερά. Ενώ ορισμένοι σχεδιαστές μπορούν να επιλέξουν να συμπεριλάβουν ένα λογότυπο της εταιρείας ως το εικονίδιο ή το κουμπί "σπίτι", το οποίο εξακολουθεί να αφήνει υπερβολικό περιθώριο για σφάλμα χρήστη.
eTailer Αποθήκη πλαισίου επιδεικνύει αυτή την αρχή σχεδιασμού σε ένα μπλουζάκι, με τη χρήση του "σπιτιού" για να μην αφήνει καμία αμφιβολία πού αυτή η καρτέλα θα πάρει τους επισκέπτες του site.
Γρήγορος χρόνος φόρτωσης
Ταχύτητα = μεγάλη εμπειρία χρήστη. Οι σχεδιαστές όλων των λωρίδων θα πρέπει να σημειώνουν ότι είναι ένας από τους πιο κρίσιμους κανόνες σχεδιασμού που απλά δεν μπορούν και δεν πρέπει να υποβιβαστούν. Σύμφωνα με το περιοδικό Wired Magazine , σχεδόν το 50% των αγοραστών θέλουν τη μέση σελίδα να φορτωθεί σε δύο δευτερόλεπτα ή και λιγότερο! Με άλλα λόγια, αν οι σελίδες που σχεδιάζετε για τους πελάτες σας χρειάζονται περισσότερο από δύο δευτερόλεπτα για φόρτωση ... υπάρχει μια πραγματικά καλή πιθανότητα να εγκαταλείψουν τις τοποθεσίες των πελατών σας και να μην επιστρέψουν ποτέ, προκαλώντας έτσι σοβαρούς εφιάλτες μετατροπής.
Αυτό είναι ένα ανησυχητικό στατιστικό στοιχείο, σίγουρο, αλλά υπάρχει κάτι που μπορούν να κάνουν οι σχεδιαστές για να εξασφαλίσουν ότι παρέχουν υψηλής ποιότητας απόδοση σελίδας στους πελάτες τους. Απλά δοκιμάστε την ταχύτητα σελίδας των σελίδων που σχεδιάζετε. Υπάρχουν ορισμένα αξιόπιστα εργαλεία που σας βοηθούν να καθορίσετε τους χρόνους φόρτωσης σελίδας:
- PageSpeed Insights - Προγραμματιστές Google
- Δοκιμή ταχύτητας ιστοσελίδας της Pingdom
- WebPagetest.org
Για ένα παράδειγμα πολύ γρήγορου χρόνου φόρτωσης σελίδας, πηγαίνουμε στο Enchanted Learning's Τι είναι μια φάλαινα; σελίδα. Ο σχεδιασμός θα μπορούσε να χρησιμοποιήσει κάποια εργασία, αλλά η σελίδα φορτώνεται σε λίγο περισσότερο από ένα δευτερόλεπτο, σύμφωνα με τη γραμμή εργαλείων Alexa analytics.
Μεγάλη πλοήγηση είναι μεγάλη UX
Ένα τεράστιο μέρος μιας εξαιρετικής εμπειρίας χρήστη είναι η πλοήγηση του ιστότοπού σας. Είναι το θεμέλιο στο οποίο στηρίζεται ολόκληρη η εμπειρία του χρήστη, αν πραγματικά το σκέφτεστε. Όταν οι χρήστες σας δεν μπορούν εύκολα να βρουν τον τρόπο τους γύρω από τον ιστότοπο του πελάτη σας, τότε γίνεται απογοητευτικό γι 'αυτούς, προκαλώντας τους να φύγουν σε μια βιασύνη. Έτσι, η εξαιρετική πλοήγηση θα πρέπει να διευκολύνει τους ανθρώπους να χρησιμοποιούν οποιοδήποτε site που δημιουργείτε. αυτό είναι το σημείο αναφοράς για μια ωραία εμπειρία χρήστη.
Παρόλο που μπορεί να είναι δελεαστικό να δοθεί στην πλοήγηση η σύντομη φρενίτιδα στα στάδια του σχεδιασμού - εξαιτίας των καινούργιων τάσεων σχεδιασμού που εμφανίζονται συνεχώς - δεν είναι σκόπιμο. Οι χρήστες θα παρατηρήσουν, όπως και οι πελάτες σας. Για να ευχαριστήσετε τους πελάτες σας, πρέπει να παρακαλώ τους χρήστες τους. Μπορείτε να το κάνετε μόνο όταν σχεδιάζετε για μια μεγάλη εμπειρία χρήστη πρώτα και κύρια, με πρωταρχική έμφαση στην απόκτηση της πλοήγησης δεξιά από το get go.