Οι σχεδιαστές ιστοσελίδων πρέπει πάντα να επιτύχουν μια ισορροπία μεταξύ της χρηστικότητας και της οπτικής απήχησης όταν σχεδιάζουν έναν ιστότοπο. Χωρίς αυτήν την ισορροπία, ένας ιστότοπος θα είναι ωραίος να τον βλέπεις, αλλά είναι δύσκολος στην πλοήγηση. Ή, δεν θα είναι ευχάριστο στο μάτι, αλλά με εύκολη πλοήγηση. Έχοντας αυτό κατά νου, η εξισορρόπηση μεταξύ ελκυστικής πλοήγησης και χρηστικότητας δεν φαίνεται και τόσο δύσκολη. Για να σας βοηθήσουμε να δημιουργήσετε νέες ιδέες και έμπνευση καθώς δημιουργείτε προσαρμοσμένα μενού, ακολουθούν 30 εξαιρετικά παραδείγματα όμορφων και φιλικών προς τον χρήστη μενού πλοήγησης.
Τυπογραφία
Αυτός ο ιστότοπος συνδυάζει την απλότητα ενός ελκυστικού μενού το οποίο ταυτόχρονα παρέχει στον χρήστη μια αναμφισβήτητα πολύ εύκολη πλοήγηση. Εάν τοποθετήσετε τον δείκτη του ποντικιού σας πάνω από την επικεφαλίδα κάτω από το λογότυπο, θα δείτε ότι η λέξη "Τύπος" παραμένει τονισμένη, αν τοποθετήσετε το δείκτη του ποντικιού πάνω από τις υπόλοιπες λέξεις θα σας επιτρέψει να επιλέξετε με ακρίβεια την κατάλληλη ενότητα του ιστότοπου που θέλετε να επισκεφτείτε.
Αντίθεση.δηλ
Η πλοήγηση στο Contrast.ie είναι ένα παράδειγμα μιας μοναδικής προσέγγισης για τη δημιουργία δημιουργικών μενού. Όλα τα κουμπιά τοποθετούνται στα σχέδια των σχολίων και εμφανίζονται όταν τοποθετείτε το δείκτη του ποντικιού πάνω.
Αναζήτηση στο εσωτερικό βίντεο
Η πλοήγηση σε αυτόν τον ιστότοπο σάς καθοδηγεί ξεκάθαρα στα βέλη καθώς περνάτε από πάνω τους με τον κέρσορα σας. Η αποτελεσματική πλοήγηση αφήνει πίσω της πολύπλοκο σχέδιο. Φαίνεται ότι αυτός ο ιστότοπος είναι πλήρως συνεπής με αυτήν την έκφραση.
Αυτός ο ιστότοπος γιορτάζει τη δημιουργική πλοήγηση. Αν κοιτάξετε προς τα αριστερά και περάσετε τον δείκτη του ποντικιού πάνω από τον τύπο, θα δείτε πώς θα χαμογελάσει, αν περάσετε τον δείκτη του ποντικιού πάνω από τα εικονίδια και τις εικόνες, θα δείτε αμέσως μια περιγραφή δίπλα στον δείκτη του ποντικιού.
Το Forty χρησιμοποιεί δημιουργική πλοήγηση βάσει εικόνας. Τα βέλη εφιστούν την προσοχή του χρήστη στα κουμπιά και τον ενθαρρύνουν να κάνει κλικ σε αυτά.
healogix
Η Healogix θέτει τις πιο σημαντικές ερωτήσεις με τεράστια γράμματα που τραβούν την προσοχή των χρηστών. Πότε, τι, γιατί και ποιος; Όλες οι ερωτήσεις απαντώνται με ένα κλικ από αρχική σελίδα.
Ιδέες για Ιδέες
Ο ιστότοπος έχει μόνο έναν σύνδεσμο προς την κύρια σελίδα, αλλά είναι ταυτόχρονα βολικός και δημιουργικός. Ο σύνδεσμος τραβάει τα βλέμματα και μάλιστα «μιλάει» στον χρήστη. Και στους περισσότερους χρήστες αρέσουν οι σελίδες με τις οποίες μπορούν να αλληλεπιδράσουν.
Sarah Longnecker
Η πλοήγηση σε αυτόν τον ιστότοπο είναι απλή και εύκολη στη χρήση. Τα banner πίσω από την επιλεγμένη σελίδα κάνουν τα στοιχεία πλοήγησης να διακρίνονται εύκολα από την υπόλοιπη σελίδα.
Made By Elephant
Το Made by Elephant χρησιμοποιεί ένα μεγάλο και εύκολο στη χρήση μενού πλοήγησης. Το μπλε κείμενο έρχεται επίσης σε ωραία αντίθεση με τα πιο σκούρα κόκκινα και μαύρα.
Εργασία στο Play
Καθώς περιηγείστε στα στοιχεία μενού σε αυτόν τον ιστότοπο, θα παρατηρήσετε ότι η θέση φόντου και το χρώμα ολόκληρης της σελίδας αλλάζουν γρήγορα.
καθαρά αριστερά
Το μενού σε αυτόν τον ιστότοπο μοιάζει με μια κολλώδη σημείωση ανάρτησης όταν τοποθετείτε το ποντίκι σας πάνω από τους συνδέσμους. Το πρότυπο αυτού του ιστότοπου βασίζεται εξ ολοκλήρου σε αυτήν την ιδέα.
Μοτίβο Πατήστε
Μόλις μπείτε στον ιστότοπο, σας υποδέχεται ένα πράσινο βέλος που σας παρέχει πληροφορίες για κάθε ενότητα που εισάγετε στον ιστότοπο. Αυτό επιτρέπει στους χρήστες να αλληλεπιδρούν εύκολα με τον ιστότοπο.
Ασταμάτητο Robot Ninja
Η πλοήγηση είναι τόσο δροσερή όσο και το όνομα αυτού του ιστότοπου. Επιπλέον, βελτιώνει επίσης πολύ τη σχεδίαση.
ημέρα κόκκινης μύτης
Polar Gold
Αυτό το μενού πλοήγησης που βασίζεται σε κείμενο συνδυάζει ένα φωτεινό και εντυπωσιακό εμφάνισημε την ευκολία του χρησιμοποιώντας Javascript, αλλά χρησιμοποιώντας το Flash.
Ιστοσελίδα FX Blog
Μια μοναδική και ενδιαφέρουσα άποψη για την πλοήγηση. Σύνδεσμοι προς αρχική σελίδακαι το blog εισάγονται στην πρόταση κατά μήκος της κεφαλίδας της σελίδας. Αυτό δεν παραβιάζει τις αρχές της χρηστικότητας, η σελίδα είναι ευανάγνωστη και πολύ αποτελεσματική.
Opera Ma-g;
Τα στοιχεία του μενού πλοήγησης είναι εύκολο να βρεθούν, η πράσινη υπογράμμιση δημιουργεί το εφέ της ενότητας των στοιχείων πλοήγησης και της υπόλοιπης σελίδας.
Owltastic
Το Owltastic είναι ένα παράδειγμα εξαιρετικής εμπειρίας χρήστη. Κάθε στοιχείο πλοήγησης αντιδρά με κινούμενα σχέδια όταν τοποθετείτε τον δείκτη του ποντικιού πάνω του. Όπως και άλλα παραδείγματα αυτής της λίστας, η πλοήγηση είναι όμορφη και εύκολη στη χρήση.
Γκιγιόμ Πατσέκο
Όπως και το Owltastic, αυτός ο ιστότοπος αλληλεπιδρά με τον χρήστη όταν τοποθετείτε το δείκτη του ποντικιού πάνω διάφορα στοιχείασελίδες. Το πρότυπο τοποθεσίας είναι καλά εκτελεσμένο και εύκολο στην πλοήγηση.
Γάλα πλήρης κρέμα
Το Full Cream Milk χρησιμοποιεί σαφή, βασισμένη σε κείμενο πλοήγηση. Όταν τοποθετείτε το ποντίκι σας πάνω από τους συνδέσμους, το επάνω μέρος της σελίδας επισημαίνεται. Αυτό είναι ένα εξαιρετικό παράδειγμα πλοήγησης που είναι ευχάριστο τόσο για τους χρήστες όσο και για τις μηχανές αναζήτησης.
Ξενοδοχείο Arca Lui Noe
Η πλοήγηση σε αυτόν τον ιστότοπο είναι όμορφη και εύκολη στη χρήση. Είναι πολύ κομψό και ταιριάζει καλά με το συνολικό σχέδιο της σελίδας.
Σούσι & Ρομπότ
Το Sushi and Robots χρησιμοποιεί κομψό σχεδιασμό για να δημιουργήσει ένα όμορφο και ελκυστικό μενού πλοήγησης που ξεχωρίζει από τα άλλα.
Το Sharify χρησιμοποιεί ένα μονόχρωμο προσαρμοσμένο μενού πλοήγησης που είναι ευχάριστο στο μάτι και άνετο λόγω της αντίθεσης μεταξύ του λευκού κειμένου και του μπλε φόντου.
Στίβεν Κάβερ
Εδώ, η πλοήγηση είναι το πρώτο πράγμα που παρατηρείτε όταν εισέρχεστε σε έναν ιστότοπο. Είναι «καθαρό» και εύκολο στη χρήση. Επιπλέον, η χρήση ελεύθερος χώροςΗ πλοήγηση είναι εξαιρετική.
Σκέψη και Θεωρία
Αυτός ο ιστότοπος έχει υιοθετήσει μια μινιμαλιστική προσέγγιση στην πλοήγηση και απλά λειτουργεί. Δεν υπάρχει τίποτα περιττό στις σελίδες που θα αποσπούσε την προσοχή των χρηστών.
Λίγο παραπάνω
Και πάλι, η υψηλή αντίθεση του μαύρου και του λευκού δίνει σε αυτόν τον ιστότοπο μεγαλύτερη χρηστικότητα. Όταν τοποθετείτε τον δείκτη του ποντικιού από πάνω, τα στοιχεία πλοήγησης ανάβουν σε έντονο μπλε, προσθέτοντας διαδραστικότητα και αισθητική αξία στον ιστότοπο.
Παντοπωλείο Ulster
Η πλοήγηση χρησιμοποιεί φωτεινά χρώματα, ευκολία στη χρήση και αρμονία του περιεχομένου της σελίδας με μπλε φόντο.
Ο ιστότοπος του Adaptd χρησιμοποιεί δημιουργική, καθαρή και όμορφη πλοήγηση. Η πιο σημαντική πτυχή αυτής της πλοήγησης βρίσκεται στην ενότητα χαρτοφυλακίου. Όταν τοποθετείτε τον κέρσορα του ποντικιού πάνω από τα κουμπιά, οι ετικέτες γίνονται διαφανείς και αναμειγνύονται στο φόντο του ιστότοπου.
Sac Jazz Festival 2009
Αυτός ο ιστότοπος διαθέτει ένα μενού πλοήγησης που ο χρήστης δεν χρειάζεται καν να καταλάβει. Επιπλέον, τα κατάλληλα χρώματα μενού προσθέτουν ακόμη περισσότερο χρώμα σε ολόκληρη τη σελίδα. Τα σχεδιαστικά στοιχεία ταιριάζουν άψογα.
- Αυτή τη στιγμή 1.00/5
Σε αυτό το άρθρο θα μιλήσουμε για το τι πρέπει να είναι καλή πλοήγησηστον ιστότοπο και πώς να το κάνετε πραγματικά αποτελεσματικό. Το υλικό είναι χρήσιμο κυρίως σε όσους θέλουν να δημιουργήσουν τη δική τους ιστοσελίδα.
Η πλοήγηση είναι οι μέθοδοι, τα κόλπα και τα ειδικά στοιχεία που σας επιτρέπουν να μετακινηθείτε μεταξύ των σελίδων της.Όλα εξαρτώνται από το πόσο καλά έχει μελετηθεί: τόσο η μετατροπή όσο και η επιτυχία της προώθησης των πόρων.
Αυτό μπορεί να συγκριθεί με τη διάταξη ενός σπιτιού. Εάν η διάταξη είναι καλή, τότε μπορείτε εύκολα να βρείτε το δωμάτιο που χρειάζεστε, μην μπερδεύετε την είσοδο της κουζίνας με την είσοδο στο σαλόνι. Αν υπάρχουν πολλές κινήσεις, διάδρομοι και πόρτες, τότε μπορεί να χαθείτε σε ένα τέτοιο σπίτι.
Το ίδιο και με τους ιστότοπους. Εάν η πλοήγηση είναι κακή, υπάρχουν πολλοί σύνδεσμοι που δεν οδηγούν στο σωστό μέρος ή δεν είναι σαφές πού θα οδηγήσουν - οι χρήστες μπερδεύονται και δεν μπορούν να βρουν τις απαραίτητες σελίδες και τις πληροφορίες που χρειάζονται.
Για μηχανές αναζήτησηςκαλή, η λογική πλοήγηση είναι επίσης σημαντική. μηχανή αναζήτησηςθα πρέπει να κατανοήσουν το ρόλο αυτής της σελίδας στον ιστότοπό σας. Η καλά σχεδιασμένη πλοήγηση βελτιώνεται επίσης παράγοντες συμπεριφοράςγιατί οι χρήστες μπορούν να βρουν τις πληροφορίες που χρειάζονται πιο γρήγορα.
Βασικά στοιχεία και τεχνικές πλοήγησης
Προτείνω να εξοικειωθείτε πρώτα με τα κύρια στοιχεία που σας βοηθούν να πλοηγηθείτε στον ιστότοπο.
Η πλοήγηση με την ευρεία έννοια περιλαμβάνει πολλές τεχνικές και στοιχεία, το κύριο καθήκον των οποίων είναι να επιτρέπει στον χρήστη να μεταβεί σε επιθυμητή σελίδακαι λάβετε πληροφορίες.
Ένα από αυτά τα στοιχεία, που είναι από καιρό υποχρεωτικό στον ιστότοπο, είναιλογότυπο της εταιρείας, όταν κάνουμε κλικ, φτάνουμε σε.
Για παράδειγμα, εδώ αρκεί να κάνετε κλικ στο λογότυπο για να επιστρέψετε στην αρχική σελίδα.
Αυτή η τεχνική είναι ήδη γνωστή στους χρήστες και σας επιτρέπει να επιστρέψετε στην αρχική σελίδα από οποιαδήποτε σελίδα του ιστότοπου.
Το δεύτερο «κλασικό» στοιχείο είναιΚορυφαίο μενού .
Βρίσκεται κάτω από την κεφαλίδα και αποτελείται από κουμπιά ή συνδέσμους που οδηγούν στις κύριες ενότητες του ιστότοπου. Ένα τέτοιο μενού μπορεί να είναι πιο περίπλοκο, με αναπτυσσόμενες λίστες που οδηγούν σε υποενότητες ή μεμονωμένες σελίδες.
Τα τελευταία χρόνια, μια άλλη τεχνική έχει γίνει δημοφιλής - αυτή είναιμενού χάμπουργκερ, στο οποίο όλοι οι σύνδεσμοι είναι κρυμμένοι στις σχηματικές τρεις οριζόντιες παύλες. Αυτό το στοιχείο έζησε αρχικά μόνο κινητές συσκευές, αλλά τώρα είναι ολοένα και πιο συνηθισμένο σε εκδόσεις ιστοτόπων για επιτραπέζιους υπολογιστές:
Επίσης σε ορισμένους ιστότοπους μπορείτε να δείτεκατακόρυφο μενού. Χρησιμοποιείται πιο συχνά εάν το επάνω μενού δεν χωράει όλα όσα χρειάζεστε ή εάν χρειάζεται να διευκολύνετε την πλοήγηση των χρηστών σε ορισμένες επικεφαλίδες.
Ή μπορεί να ζήσει μόνο του, χωρίς οριζόντιο μενούστην κορυφή της σελίδας. Και μπορεί να υπάρχουν πολλά τέτοια μενού, όπως εδώ - στα αριστερά και στα δεξιά:
(μικροσήμανση) είναι ένα άλλο στοιχείο πλοήγησης που όχι μόνο καθορίζει την ιεραρχία της σελίδας, αλλά και διευκολύνει την επιστροφή στην επιθυμητή ενότητα, ή στην κύρια σελίδα, από οποιαδήποτε σελίδα:
Σύνδεσμοι εντός άρθρωνσε άλλες σελίδες του ιστότοπου - αυτά είναι επίσης στοιχεία πλοήγησης. Για παράδειγμα, αυτά είναι:
Όχι μόνο σας βοηθούν να προχωρήσετε, αλλά είναι επίσης καλές από την άποψη του SEO - αυτή η τεχνική σας επιτρέπει να αυξήσετε τον αριθμό των σελίδων που προβάλλονται.
Σύνδεσμοι στο υποσέλιδο(υποσέλιδο, υποσέλιδο) είναι ένα άλλο στοιχείο πλοήγησης. Συνήθως, ένας σύνδεσμος προς τις επαφές, μια συμφωνία χρήστη, κανόνες χρήσης ιστότοπου κ.λπ. τοποθετούνται στο υποσέλιδο. Και μερικές φορές μπορείτε να δείτε πολλούς συνδέσμους προς διαφορετικές σελίδεςιστότοποι ομαδοποιημένοι ανά κατηγορία:
Σε μεγάλες σελίδες προορισμού, καθώς και σε ορισμένους ιστότοπους, μπορείτε να δείτε στην κορυφήγραμμή προόδου, που δείχνει πόσο μακριά έχετε κάνει κύλιση στη δεδομένη σελίδα:
Η γραμμή προόδου μπορεί επίσης να βρεθεί στις φόρμες αίτησης και εγγραφής, εάν η φόρμα είναι μεγάλη και χωρίζεται σε πολλά βήματα.
Αυτό διευκολύνει την πλοήγηση στην ίδια τη σελίδα - μπορείτε να δείτε πόσο μέχρι το τέλος. Είναι επίσης ένα μικρό ψυχολογικό κόλπο που ωθεί τον επισκέπτη να τελειώσει αυτό που ξεκίνησε.
Στο μεγάλες σελίδεςκαι στις σελίδες προορισμού μπορείτε να βρείτε ένα άλλο εξαιρετικό στοιχείο πλοήγησης -κουμπί για γρήγορη επιστροφή στην κορυφή:
Αυτό το κουμπί σάς επιτρέπει να επιστρέψετε γρήγορα στην κορυφή της σελίδας.
Στο επάνω μενού, τις επαφές ή άλλα σημαντικές πληροφορίεςήταν συνεχώς μπροστά στα μάτια μας, χρησιμοποιείται η λεγόμενη «κολλώδης κεφαλίδα» ή «κολλώδης γραμμή πλοήγησης». Παραμένει συνεχώς στην κορυφή της σελίδας ενώ ο χρήστης κάνει κύλιση προς τα κάτω.
Εδώ έχουμε πάντα μια αναζήτηση μπροστά στα μάτια μας, ένα λογότυπο με δυνατότητα επιστροφής στην κεντρική σελίδα και ένα μικρό μενού.
Πώς να χρησιμοποιήσετε όλα αυτά τα στοιχεία με νόημα και όφελος;
Πώς να κάνετε την πλοήγηση στον ιστότοπο εύκολη
Όταν εργάζεστε στην πλοήγηση στον ιστότοπό σας, θυμηθείτε και προσπαθήστε να χρησιμοποιήσετε έναν απλό κανόνα:από την κύρια σελίδα σε οποιαδήποτε σελίδα του ιστότοπου, ο χρήστης πρέπει να φτάσει το πολύ τρία κλικ. Και αντίστροφα.
1. Τοποθετήστε το λογότυπο της αρχικής σελίδας στην επάνω δεξιά γωνία.
Αυτό είναι ένα γενικά αποδεκτό πρότυπο, και για καλό λόγο: είναι σε αυτό το μέρος που το λογότυπο τραβάει αμέσως τα βλέμματα. Και ο χρήστης δεν χρειάζεται να ψάχνει σε τι να κάνει κλικ για να επιστρέψει.
2. Εξετάστε τα κύρια και δευτερεύοντα στοιχεία.
Το επάνω μενού μπορεί να είναι κύριο. Δευτερεύουσα - πλαϊνή γραμμή, πρόσθετοι σύνδεσμοι μέσα στο κείμενο, στο υποσέλιδο. Τα ψίχουλα μπορούν επίσης να λειτουργήσουν ως δευτερεύοντα στοιχεία πλοήγησης.
Εδώ, το επάνω μενού είναι το κύριο στοιχείο πλοήγησης και τα ψίχουλα είναι βοηθητικά.
Μετακινήστε τις πιο σημαντικές ενότητες του ιστότοπου στο κύριο μενού.
3. Σκεφτείτε ποιες σελίδες μπορούν να ομαδοποιηθούν.
Εάν όλα δεν ταιριάζουν στο επάνω (ή στο πλαϊνό) μενού. Για παράδειγμα, μπορείτε συχνά να βρείτε μια επιλογή όταν ορισμένες ενότητες του ιστότοπου είναι κρυμμένες κάτω από ένα κουμπί "Πληροφορίες", "Περισσότερα", "Περισσότερα" κ.λπ.
Το Mail.ru mail "έκρυψε" τα έργα της εταιρείας:
4. Βρείτε ένα καλό μέρος για ενημερωτικούς συνδέσμους.
Οι σύνδεσμοι πληροφοριών είναι όπως "Επαφές", "Δημόσια Προσφορά" και παρόμοια. Ο χρήστης πρέπει να βρει αυτούς τους συνδέσμους σε όλες τις σελίδες του ιστότοπου. Ως εκ τούτου, το καταλληλότερο μέρος για αυτούς είναι το υποσέλιδο (footer).
Ακολουθεί ένα ζωντανό παράδειγμα τέτοιας τοποθέτησης ενημερωτικών συνδέσμων:
5. Μην ξεχνάτε το σχέδιο.
Όλα τα στοιχεία πλοήγησης πρέπει να είναι ευδιάκριτα και να είναι σαφές ότι ένας σύνδεσμος είναι σύνδεσμος και ένα κουμπί είναι κουμπί. Επισημάνετε τους συνδέσμους με χρώμα, κάντε τους έντονους ή υπογραμμισμένους. Είναι σημαντικό ο χρήστης να καταλάβει ότι υπάρχει ένα στοιχείο με δυνατότητα κλικ μπροστά του, το οποίο θα τον στείλει σε άλλη σελίδα του ιστότοπου.
Εδώ δεν μπορώ να ονομάσω το μενού επιτυχημένο. Πολύ μικρή γραμματοσειρά. Αλλά εδώ υπάρχει μια διαφορετική προσέγγιση - απευθείας από την κύρια σελίδα, μπορείτε να μεταβείτε στον κατάλογο της αγαπημένης σας μάρκας ή να δείτε εκπτώσεις:
6. Μην ανοίγετε σελίδες σε νέα παράθυρα.
Αυτό προκαλεί σύγχυση στους χρήστες.
7. Πρόσθετα στοιχεία.
Εξετάστε πρόσθετα στοιχεία όπως"Σχετικά προϊόντα", "Προτεινόμενο περιεχόμενο" ή "Σχετικά άρθρα", που θα βοηθήσει τον χρήστη να βρει αυτό που χρειάζεται πιο γρήγορα.
8. Συμβουλές.
Απλοποιήστε την πλοήγηση μεσυμβουλές εργαλείων για να βοηθήσετε τον χρήστη να καταλάβει σε τι χρησιμεύει το κουμπί ή το εικονίδιο:
9. Αφήστε το μενού σε εμφανές σημείο.
Προσπαθήστε να βεβαιωθείτε ότι ο επισκέπτης δεν χρειάζεται να αναζητά νέο μενού σε κάθε σελίδα. Μην αλλάζετε ή αφαιρείτε μενού σε δευτερεύουσες σελίδες.
10. Μην κρύβετε τις επαφές σας μακριά.
Αφήστε τον αριθμό τηλεφώνου σας στην κεφαλίδα. Βεβαιωθείτε ότι τα κουμπιά επανάκλησης και η συνομιλία με τον διαδικτυακό βοηθό είναι άμεσα ορατά - συνήθως στο κάτω μέρος της σελίδας στα αριστερά ή στα δεξιά, αλλά όχι στο πλάι.
Η διεύθυνση μπορεί να μείνει τόσο στην κεφαλίδα όσο και στο υποσέλιδο. Μην πιέζετε τον επισκέπτη να αναζητήσει όλες αυτές τις πληροφορίες σε όλο τον ιστότοπο.
Όλες αυτές οι τεχνικές θα απλοποιήσουν σημαντικά την πλοήγηση στον ιστότοπο, θα την κάνουν πιο εύκολη και αποτελεσματική.
Επιλέξτε φιλοξενία για τον ιστότοπο:
Όταν εργάζεστε στην πλοήγηση, σκεφτείτε πρώτα απ 'όλα τον χρήστη.Σίγουρα θα μπορέσει να βρει όλα όσα έψαχνε στο συντομότερο δυνατό χρονικό διάστημα; Είναι όλα ξεκάθαρα σε ένα άτομο που πρωτοσυνάντησε όχι μόνο τον ιστότοπό σας, αλλά και τον τομέα σας γενικότερα; Είναι οι σελίδες κρυμμένες μακριά, είναι δυνατόν να φτάσετε σε κάθε μία με τρία κλικ το πολύ;
Σκεφτείτε μόνοι σας ποιους ιστότοπους είναι πιο εύκολο να πλοηγηθείτε και μάθετε από τους καλύτερους.
Καλή τύχη στην ανάπτυξη του δικού σας πόρου Διαδικτύου!
Γεια σου Bikepost!
Η εποχή πλησιάζει και πολλοί σκέφτονται να πλοηγηθούν με μοτοσυκλέτα για ταξίδια μεγάλων αποστάσεων. Έχοντας δοκιμάσει πολλές επιλογές, συμφώνησα σε μία όχι τη φθηνότερη, αλλά αξιόπιστη επιλογή, για την οποία θα σας πω παρακάτω.
Η ουσία αυτού του συστήματος βρίσκεται στο τηλέφωνο και στη σύνδεσή του, αλλά επειδή συχνά δεν υπάρχει σύνδεση στο εξωτερικό, χρησιμοποιώ πλοήγηση εκτός σύνδεσης. Αλλά γιατί να μην χρησιμοποιείτε απλώς το τηλέφωνό σας;! - ρωτάς και θα σου απαντήσω:
- Μπορείτε να αλλάζετε το προσωπικό σας τηλέφωνο αρκετά συχνά (δεν θα το σηκώνετε για κάθε βάση, επειδή η καθολική βάση είναι πολύ άβολη)
- Τι πρέπει να κάνω εάν λάβω μια κλήση ή χρειαστεί να τηλεφωνήσω; Η πλοήγηση χάνεται + πρέπει να αφαιρέσετε τη βάση και μετά να την επαναφέρετε στη θέση της - αυτό δεν είναι βολικό εάν δεν υπάρχουν ακουστικά ή το κράνος αφαιρεθεί
- Συχνά, προσωπικό τηλέφωνοκοστίζει σαφώς υψηλότερο από το χρησιμοποιημένο iPhone 5
- Η απώλεια / σπάσιμο ενός τηλεφώνου για πλοήγηση δεν θα είναι τόσο προσβλητικό όσο το ολοκαίνουργιο και ακριβό smartphone σας + σε αυτήν την περίπτωση θα έχετε εφεδρική επιλογήπλοήγηση
- Είναι πάντα καλό να έχετε ένα επιπλέον τηλέφωνο με κάμερα όταν ταξιδεύετε
- Τρομερή ποιότητα οθόνης
- Τεράστιο μέγεθος σώματος και τεράστια τοποθέτηση
- Φρενάρισμα, ασταθές σύστημα και ανακριβές GPS
- Μια παραγωγική συσκευή που δεν θα σας απογοητεύσει ή δεν θα σας παγώσει τη λάθος στιγμή
- Υπέροχη οθόνηπου είναι ορατό ακόμα και στις πιο δύσκολες συνθήκες
- συσκευή αναπαραγωγής πολυμέσων
- Εφεδρικό τηλέφωνο
- εφεδρική κάμερα
- Αντικατάσταση πλαισίου χωρίς αντικατάσταση συσκευής
Τι μπορείτε να εξοικονομήσετε χωρίς να χάσετε πολλά σε ποιότητα;Για αρχή, αυτή είναι μια βάση, αλλά δεν σας συμβουλεύω να επιλέξετε επιλογές φθηνότερες από 20 $, επειδή, όπως δείχνει η πρακτική, τέτοιες βάσεις είναι συχνά πολύ άβολες. Χρειάζεστε μια βάση που θα στερεώνει καλά το τηλέφωνο στο εσωτερικό και θα αφαιρείται εύκολα, γιατί συχνά στα βενζινάδικα θα πρέπει να πάρουμε το τηλέφωνο μαζί μας. Ακολουθούν ορισμένα ανάλογα για χαμηλότερη τιμή: iBikeConcole - 39,99 $. Tigra Sport BikeConsole Bike - 37,90; LifeProof - 29,95 $; Θήκη Givi S955B Smartphone και iPhone 5 - 37 λίβρες. Θυμηθείτε ότι η ευκολία χρήσης αυτού του συστήματος εξαρτάται από την επιλογή της βάσης, επομένως δεν πρέπει να εξοικονομήσετε πάρα πολλά σε αυτό το σημείο.
Το δεύτερο σημείο για αποθήκευσηείναι λογισμικό πλοήγησης. Υπάρχουν δύο επιλογές εδώ: φθηνότερο αλλά πιο σύνθετο, δωρεάν και λιγότερο αξιόπιστο. Φτηνό είναι να βάλεις το iPhone απόδραση εκ φυλακήςκαι κατεβάστε τις παραβιασμένες εκδόσεις του λογισμικού, αλλά μπορεί να υπάρχει πρόβλημα με την ενημέρωση των χαρτών. Δωρεάν επιλογήΑυτό χρησιμοποιεί δωρεάν λογισμικό για πλοήγηση, αλλά και εδώ όλα δεν είναι τόσο απλά, αφού Ποτέ δεν βασίζομαι μόνο σε ένα πρόγραμμα πλοήγησηςΚαι πάντα έχω ένα δυο ακόμα.
Ελπίζω να σας φανεί χρήσιμη η εμπειρία μου. Με αυτό το σύστημα ταξίδεψα 3 σεζόν και δεν αποκάλυψα αντικειμενικά μειονεκτήματα εκτός από την τιμή. Επιτρέψτε μου να σας υπενθυμίσω ότι η ουσία αυτού του συστήματος βρίσκεται στο καλό υλικό, μια οθόνη, μια βάση, οπότε αν βρείτε μια πραγματικά καλή βάση για smartphone Android, μοιραστείτε την στα σχόλια, ως smartphone Androidμπορούν ακόμα να φέρουν τη λειτουργία ενός ενσωματωμένου υπολογιστή, αλλά αυτό είναι μια εντελώς διαφορετική ιστορία :).
Μερικές φωτογραφίες από την Google για να πάρετε μια ιδέα για το πώς μοιάζει ένα τέτοιο μάτσο σε μια μοτοσυκλέτα.
Η πλοήγηση στον ιστότοπο έχει γίνει μια σημαντική πτυχή του σχεδιασμού UX - μπορεί είτε να βοηθήσει είτε να βλάψει τον ιστότοπό σας. Η πλοήγηση μπορεί να συγκριθεί με τη στήριξη ενός σπιτιού. Εάν το σχέδιο θεμελίωσης δεν έχει αναπτυχθεί καλά, βάζετε ολόκληρο το κτίριο σε κίνδυνο.
Η πλοήγηση μπορεί να διαφέρει από τοποθεσία σε τοποθεσία. δεν υπάρχουν συγκεκριμένες οδηγίες για το πώς να το κάνετε σωστά.
Τι είναι η πλοήγηση;
Ο όρος «πλοήγηση» μπορεί να ερμηνευτεί με διαφορετικούς τρόπους. Συνολικά, είναι ένα βασικό μέρος του ιστότοπου που επιτρέπει στους χρήστες να βρίσκουν αυτό που αναζητούν χωρίς επιπλέον κλικ. Θα οδηγήσει τους επισκέπτες σας στις πιο σημαντικές πληροφορίες.
Ποιες ερωτήσεις θα σας βοηθήσουν να προετοιμάσετε τον χάρτη πλοήγησής σας;
Ποιος είναι ο δικός σου το κοινό-στόχοΚαι ποιος είναι ο σκοπός του ιστότοπού σας;
Ποιες πληροφορίες και ποιες ενότητες πληροφοριών πρέπει να υπάρχουν στον ιστότοπο;
Πώς πρέπει να ομαδοποιούνται οι πληροφορίες ανάλογα με τη σημασία τους για τον χρήστη;
Πώς να οργανώσετε λειτουργικές ενότητες και ενότητες πληροφοριών σε μια δομή δέντρου;
Σχεδιασμός πλοήγησης
Πώς να οργανώσετε το περιεχόμενο; Πώς να ονομάσετε και να τακτοποιήσετε στοιχεία;
Από την αρχή, κάντε μια διεξοδική συζήτηση για την ιεραρχία στην οποία πρέπει να εμφανίζονται οι πληροφορίες:
Εργαστείτε με περιεχόμενο. Η ταξινόμηση καρτών μπορεί να χρησιμοποιηθεί για να βοηθήσει τους σχεδιαστές να βρουν απαντήσεις σε ερωτήσεις πριν καν αρχίσουν να σχεδιάζουν.
Στη συνέχεια, φροντίστε τη δομή. Δημιουργήστε έναν χάρτη ιστότοπου ή μια λίστα με διαφορετικά επίπεδαπληροφορίες. Η πλοήγηση πρέπει να είναι όσο το δυνατόν πιο εύκολη. Οι υπερφορτωμένες σελίδες με ασαφείς επικεφαλίδες μενού περιπλέκουν τη χρήση του ιστότοπου. Όταν δημιουργείτε μενού πλοήγησης, μιλήστε στους χρήστες στη γλώσσα τους.
Τέλος, ορίστε τα στοιχεία του μενού πλοήγησης, τον τύπο και το σχέδιο.
Να θυμάστε ότι δεν υπάρχει κανένα πρότυπο που να καθορίζει πώς θα πρέπει να είναι η πλοήγηση στον ιστότοπό σας. Αντίθετα, είναι σημαντικό να κατανοήσετε τι είδους ιστότοπο δημιουργείτε, ποιο μήνυμα θέλετε να μεταφέρετε στους χρήστες και ποιον στόχο πρέπει να επιτύχετε με αυτόν. Για παράδειγμα, όταν δημιουργείτε έναν ιστότοπο ηλεκτρονικού καταστήματος, μπορείτε να χρησιμοποιήσετε αλγόριθμους που επιτρέπουν στους επισκέπτες να βρουν το σωστό προϊόν ή υπηρεσία το συντομότερο δυνατό και να το αγοράσουν. Όσον αφορά τον ιστότοπο προώθησης, μπορείτε να εστιάσετε σε μια γρήγορη αναζήτηση πληροφοριών, να εμπλέξετε τον χρήστη διαδικασία παιχνιδιούκαι απλοποιήστε τα κύρια στοιχεία για ευκολότερη πλοήγηση.
Τάσεις σχεδίασης γραμμής πλοήγησης
Υπάρχουν διάφοροι δημοφιλείς τύποι πλοήγησης ιστότοπου που μπορείτε να χρησιμοποιήσετε για το έργο σας. Ποιο να διαλέξετε εξαρτάται από εσάς.
Οριζόντια ή κάθετη;
Η επιλογή μεταξύ οριζόντιας και κάθετης πλοήγησης καθορίζεται από διάφορους παράγοντες με βάση τα χαρακτηριστικά σχεδιασμού, τη χρηστικότητα και τον σκοπό του περιεχομένου. Τις περισσότερες φορές προτιμώνται οι μικρές τοποθεσίες οριζόντιο πάνελπλοήγηση στην κεφαλίδα της σελίδας, ενώ οι μεγάλοι εταιρικοί ιστότοποι χρησιμοποιούν τόσο οριζόντιες όσο και κάθετες γραμμές.
Μεγάλες αναπτυσσόμενες λίστες
Τα αναπτυσσόμενα σε κλίμακα είναι μια γραμμή μενού που "εξέρχεται" ή "πετάει έξω" από την κύρια γραμμή πλοήγησης. Αυτός ο τύπος πλοήγησης δεν είναι κατάλληλος για κάθε τοποθεσία. Το κύριο πλεονέκτημα των αναπτυσσόμενων λιστών είναι ότι σας επιτρέπουν να εμφανίζετε πολλούς συνδέσμους ταυτόχρονα. Σε ποιες περιπτώσεις λοιπόν μπορεί να χρειαστούν; Οι μεγάλες αναπτυσσόμενες λίστες είναι κατάλληλες για ηλεκτρονικά καταστήματα με μια ογκώδη λίστα κατηγοριών που είναι απίθανο να χωρέσουν σε ένα τυπικό μενού πλοήγησης. Αντίστοιχα, άλλοι ιστότοποι που προσφέρουν μια ολοκληρωμένη γκάμα υπηρεσιών μπορούν να χρησιμοποιήσουν με επιτυχία τέτοια πλοήγηση.
Διορθώθηκε ("κολλώδες")
Μια σταθερή ή κολλώδης γραμμή πλοήγησης δεν εξαφανίζεται κατά την κύλιση της σελίδας. Σωστά, μια τέτοια πλοήγηση χρησιμοποιείται σε ιστότοπους όπου οι παροτρύνσεις για δράση βρίσκονται στον κύριο πίνακα.
Ογκομετρικό υποσέλιδο
Έχουμε συνηθίσει να βλέπουμε στο υποσέλιδο συνδέσμους προς νομικές πληροφορίες, γραφικά στοιχεία με συνδρομή σε ενημερωτικό δελτίο ή εικονίδια μέσων κοινωνικής δικτύωσης. Πολλοί ιστότοποι έχουν μεγάλο υποσέλιδο εάν περιέχουν πολύ περιεχόμενο ή εάν είναι ηλεκτρονικά καταστήματα για τα οποία είναι σημαντικό να υποδεικνύονται εικονίδια με τρόπους πληρωμής.
Σχεδιαστική πλοήγηση με απόκριση
Η αποκριτική πλοήγηση κάνει τον ιστότοπό σας να φαίνεται καλός διαφορετικές συσκευές. Στις κινητές συσκευές, η μπάρα συνήθως συμπτύσσεται σε ένα μενού χάμπουργκερ. Το εικονίδιο μενού αποτελείται από τρεις οριζόντιες λωρίδες και όταν ανοίγει, τα στοιχεία βρίσκονται το ένα κάτω από το άλλο, σχηματίζοντας το λεγόμενο "χάμπουργκερ". Αυτό το είδος μενού δημιουργήθηκε για να διευκολύνει την πλοήγηση σε κινητές συσκευές χωρίς να καταλαμβάνει πολύ χώρο.
Σύνδεση του λογότυπου με την αρχική σελίδα
Ακούγεται προφανές, αλλά εξακολουθούν να υπάρχουν ιστότοποι που παραβιάζουν αυτόν τον κανόνα. Όταν κάνουν κλικ στο λογότυπο, οι χρήστες αναμένουν να μεταφερθούν στην αρχική σελίδα - αυτή είναι μια κοινή πρακτική.
Πρωτοβάθμια δευτεροβάθμια
Τις περισσότερες φορές, η κύρια πλοήγηση αποτελείται από βασικά στοιχεία που
φαίνονται ίδια σε όλο τον ιστότοπο. Συνήθως, τα κύρια μενού βρίσκονται στο επάνω μέρος της σελίδας στο κέντρο, αριστερά ή δεξιά. Η δευτερεύουσα πλοήγηση αποτελείται από πρόσθετα στοιχεία και συνήθως βρίσκεται στη μέση της σελίδας και δεν επισημαίνεται από το αντίστοιχο σχέδιο.
Ας ρίξουμε μια ματιά στις 10 κορυφαίες ιδέες σχεδίασης πλοήγησης ιστότοπου.
Τύπος: κάθετος, προσαρμοστικός.
Κάντε κλικ στο εικονίδιο μενού στα αριστερά και το κύριο μενού θα μετακινηθεί στο κέντρο της σελίδας.
2.WE3
Τύπος: σταθερό, κατακόρυφο. που βρίσκεται πάνω δεξιά.
Ο σχεδιασμός του ιστότοπου είναι διαδραστικός. Κατά την κύλιση της σελίδας, εμφανίζονται νέες πληροφορίες.
Τύπος: προσαρμοστικό, κατακόρυφο. βρίσκεται στα αριστερά.
Η πλοήγηση στον αριστερό πίνακα, που επεκτείνεται από το εικονίδιο μενού, είναι παρόμοια με αυτή που έχετε συνηθίσει να βλέπετε εκδόσεις για κινητάιστοσελίδα. Η πλοήγηση βρίσκεται στα αριστερά του τμήματος επιβίβασης και είναι εύκολα ορατή.
4 Κέντρο Κένεντι
Τύπος: οριζόντια, αναπτυσσόμενη λίστα.
Μπορείτε να πλοηγηθείτε στον ιστότοπο του JFK Center με δύο τρόπους: σύροντας εικόνες ή χρησιμοποιώντας το οριζόντιο μενού.
5. B&O Play
Τύπος: σταθερό, προσαρμοστικό, οριζόντιο.
Ο ιστότοπος τραβάει την προσοχή του χρήστη με το προϊόν του, επομένως η γραμμή πλοήγησης είναι αρκετά απλή.
Τύπος: σταθερό, οριζόντιο, τρισδιάστατο υποσέλιδο, απόκριση, αναπτυσσόμενο.
Η παρατεταμένη κύλιση στη σελίδα με τις κύριες λειτουργίες και μια ογκώδη αναπτυσσόμενη λίστα θα κατευθύνει τους χρήστες στην επιθυμητή σελίδα.
7. Πολυτελή ξενοδοχεία της Αδριατικής
Τύπος: σταθερή, οριζόντια, επεκτάσιμη αναπτυσσόμενη λίστα, τρισδιάστατο υποσέλιδο.
Σε αυτόν τον ιστότοπο, μπορείτε να βρείτε αυτό που χρειάζεστε κάνοντας απλώς κύλιση προς τα κάτω στη σελίδα ή χρησιμοποιώντας το σταθερό μενού.
Τύπος: σταθερό, προσαρμοστικό, οριζόντιο, τρισδιάστατο υποσέλιδο.
Το Kalios navigation βρίσκεται πάνω αριστερά. Κάνοντας κλικ στο εικονίδιο μενού, μπορείτε να λάβετε πληροφορίες σχετικά με τα προϊόντα τοποθετώντας το ποντίκι πάνω από το προϊόν που θέλετε.
Μπορείτε να διαχειριστείτε αυτόν τον ιστότοπο κάνοντας κλικ στα βέλη. Ο χρήστης μπορεί να περπατήσει στον ιστότοπο σαν ένα μουσείο. Μπορείτε να κάνετε κύλιση στη σελίδα κάθε δωματίου για να λάβετε πληροφορίες.
10 Αυστραλιανό Μπαλέτο
Τύπος: σταθερή, προσαρμοστική, μεγάλη αναπτυσσόμενη λίστα
συμπέρασμα
Υπάρχουν πολλοί τύποι πλοήγησης που μπορείτε να χρησιμοποιήσετε στον ιστότοπό σας. Ταυτόχρονα, δεν υπάρχει ένας μοναδικός τρόπος για να δημιουργήσετε την τέλεια πλοήγηση. όλα εξαρτώνται από τις ανάγκες σας ή τις επιθυμίες του πελάτη σας. Ελπίζουμε ότι τα παραδείγματά μας σας ενέπνευσαν και η ομάδα AGENTE, με τη σειρά της, θα σας βοηθήσει να πραγματοποιήσετε τις πιο τολμηρές ιδέες σας.