Διαδραστικό σχεδιασμό

Σημάδια: Βοηθώντας τους χρήστες να περιηγηθούν στο περιεχόμενο

Η πλοήγηση σε άγνωστες πληροφορίες στο διαδίκτυο απαιτεί βοήθεια.

Αυτές οι ενισχύσεις δεν έχουν ημερήσια διάταξη ή προκατάληψη όσον αφορά τον τρόπο που κάνει η διαφήμιση. Αντ 'αυτού, βοηθήματα πλοήγησης βοηθούν τους ανθρώπους να βρουν το σωστό μονοπάτι με βάση τα ενδιαφέροντά τους.

Τα σημάδια είναι ένας τύπος βοήθειας πλοήγησης. Παρέχουν τις πληροφορίες που χρειάζονται οι άνθρωποι για να κάνουν τις δικές τους αποφάσεις ενώ ψάχνουν και περιηγούνται στο διαδίκτυο.

Πρέπει ένας σχεδιαστής να ανησυχεί για την απώλεια ενός αναγνώστη από έναν ιστότοπο; Πολλοί ιστότοποι ανταγωνίζονται για την προσοχή, προσελκύοντας ακροατήρια με ζωντανές εικόνες, πιασάρικες τυπογραφίες και πλούσιες διεπαφές χρηστών.

Εκτός από την ελκυστικότητα, άλλες ιστοσελίδες προσπαθούν να είναι χρήσιμες. Ο στόχος της χρηστικότητας δεν είναι να προσελκύσει την προσοχή, αλλά να πάρει επαναλαμβανόμενες επισκέψεις. Η διαφήμιση χάνει τους αναγνώστες, υπό την έννοια ότι τις κατευθύνει σε άλλους ιστότοπους, ενώ η χρηστικότητα είναι να διασφαλιστεί ότι δεν θα χαθούν.

Όπως και οι αντίστοιχοι των πραγματικών κόσμων τους, τα "σημάδια" που βασίζονται στο διαδίκτυο είναι οπτικά στοιχεία που καθοδηγούν τους ανθρώπους μέσω νέας επικράτειας. Στον φυσικό κόσμο, οι άνθρωποι βασίζονται σε ορόσημα, χάρτες, σήμανση και οπτικές γωνίες για να βρουν το δρόμο τους μέσα από άγνωστη επικράτεια.

Σε απευθείας σύνδεση, ο ένας περνά από περιγραφικούς συνδέσμους, γραμμές πλοήγησης και επικεφαλίδες στη σελίδα. Οι πραγματικοί και οι εικονικοί σηματοδότες έχουν τον ίδιο σκοπό: να βοηθήσουν τους ανθρώπους να βρουν την καλύτερη διαδρομή προς τον προορισμό τους.

Οι υπερσύνδεσμοι παραβλέπονται ευκαιρίες

Ο ιστός δεν θα λειτουργούσε χωρίς συνδέσμους. Ωστόσο, οι επισκέπτες και οι σχεδιαστές συχνά απορρίπτουν τους συνδέσμους ως εκδηλώσεις μιας ώρας. Κάντε κλικ, φορτώστε και αυτό είναι. Αλλά οι σωστές πληροφορίες μπορούν να μετατρέψουν τους απλούς υπερσυνδέσμους σε χρήσιμα σήματα που οδηγούν τους επισκέπτες στις πληροφορίες που αναζητούν.

Οι υπερσύνδεσμοι είναι εξίσου σημαντικοί με το κείμενο με δυνατότητα κλικ τους. Ένας κακώς δημιουργημένος σύνδεσμος θα αφήσει τους ανθρώπους να αναρωτιούνται εάν ο σύνδεσμος αξίζει ένα κλικ. Οι λέξεις μέσα και γύρω από έναν σύνδεσμο θα πρέπει να ενημερώνουν τους ανθρώπους για το τι θα κάνει ο σύνδεσμος (π.χ. ανακατεύθυνση σε άλλη σελίδα ή ιστοσελίδα, λήψη ενός αρχείου κλπ.) Και τι κάνει την άφιξη της τρέχουσας σελίδας αξίζει τον κόπο.

  1. " Κάντε κλικ ΕΔΩ για να περιηγηθείτε στη συλλογή μας από ιστορίες ντετέκτιβ και εγκλήματος. "
  2. "Περιηγηθείτε στη συλλογή μας ντεντεκτίβ και ιστορίες εγκλημάτων . "
  3. " Δείτε τη συλλογή μας από ιστορίες ντετέκτιβ και εγκλήματος . "

Τα παραπάνω παραδείγματα φαίνεται να σημαίνουν το ίδιο πράγμα, αλλά υπάρχουν σημαντικές διαφορές:

  1. Το πρώτο παράδειγμα χρησιμοποιεί τη φράση "κάντε κλικ εδώ". Η αποτελεσματικότητα αυτής της φράσης έχει εδώ και καιρό συζητήθηκε . Και τα δύο W3C και μεγάλες μηχανές αναζήτησης δηλώστε ότι οι λέξεις-κλειδιά σε συνδέσμους είναι πιο χρήσιμες από τις γενικές φράσεις. Δηλαδή, οι άνθρωποι που ψάχνουν για ιστορίες ντετέκτιβ είναι πιο διατεθειμένοι να ψάξουν για "ντετέκτιβ" παρά για "κάντε κλικ εδώ".
  2. Το δεύτερο παράδειγμα παίρνει τις περισσότερες συνδέσεις στις λιγότερες λέξεις. Κάθε σύνδεσμος από μόνη της είναι λιγότερο συγκεκριμένη από τις "ιστορίες των ντετέκτιβ", αλλά μπορεί να είναι καταλληλότερη ανάλογα με τον τρόπο με τον οποίο οργανώνεται το περιεχόμενο των συνδεδεμένων ιστοτόπων.
  3. Υπάρχουν δύο πλεονεκτήματα σε μια σύνδεση όπως αυτή του τρίτου παραδείγματος. Πρώτον, ο σύνδεσμος έχει λέξεις-κλειδιά, πράγμα που σημαίνει ότι δεν υπάρχει αμφιβολία για το πού οδηγεί. Δεύτερον, η συνολική περιοχή με δυνατότητα κλικ είναι μεγαλύτερη. οι μικρές συνδέσεις απαιτούν περισσότερη ακρίβεια από τον επισκέπτη.

Ο σχεδιασμός προσθέτει νόημα στους συνδέσμους

Δυστυχώς, οι συντριπτικοί άνθρωποι με πληροφορίες είναι δυνατοί. Για παράδειγμα:

Διαβάστε περισσότερα για την ιστορία, τα υπο-είδη, τους προτεινόμενους κανόνες και τους διάσημους χαρακτήρες των ιστοριών των ντετέκτιβ (εξωτερική σύνδεση με τη Wikipedia).

αστυνομικές ιστορίες .


Μερικά πράγματα που πρέπει να σημειώσετε:

Μια προειδοποίηση: αποφύγετε την επανάληψη λέξεων από το κείμενο με δυνατότητα κλικ στο χαρακτηριστικό τίτλου. Εάν δεν λέτε στους αναγνώστες σας κάτι καινούργιο, δεν υπάρχει λόγος να το συμπεριλάβετε. Για παράδειγμα…

http://en.wikipedia.org/wiki/Detective_fiction "title =" Ντετέκτιβ ιστορίες "> Ντετέκτιβ ιστορίες

Αποτελεσματικές γραμμές πλοήγησης: Περισσότερο από το άθροισμα των συνδέσεών τους

Οποιοσδήποτε σύνδεσμος μπορεί να είναι χρήσιμος, αλλά η καλύτερη καθοδήγηση που προσφέρει ένας ιστότοπος πρέπει να εμφανίζεται στη γραμμή πλοήγησης.

Μια γραμμή πλοήγησης είναι μια λίστα με συνδέσμους σε σημαντικά τμήματα μιας ιστοσελίδας. Οι γραμμές πλοήγησης συνήθως τοποθετούνται στην επάνω ή αριστερή άκρη κάθε σελίδας σε έναν ιστότοπο και διαφέρουν ως προς την εμφάνιση. Τα καλά κατασκευασμένα μπαρ δεν προσφέρουν απλά συνδέσμους. Αυτοί:

  • Δώστε στους επισκέπτες μια αίσθηση του σκοπού και των προτεραιοτήτων του ιστότοπου.
  • Σερβίρετε ως απλοποιημένος χάρτης τοποθεσίας.
  • Ορίστε τη θέση της τρέχουσας σελίδας εντός αυτού του χάρτη.
  • Ενημερώστε τους επισκέπτες όπου έχουν ήδη γίνει.

Ακόμα κι αν είναι λεπτά, τα κανάλια πλοήγησης αξίζουν περισσότερο από το να υποβιβαστούν στα περιθώρια μιας διάταξης. Μια αναποτελεσματική γραμμή πλοήγησης είναι ασαφής ή δεν βοηθάει και μπορεί να έχει προβλήματα όπως:

  • Link κείμενο που θα μπορούσε να βρεθεί σε κάθε ιστοσελίδα. Τα "Αρχική", "Πληροφορίες", "Υπηρεσίες" και "Επικοινωνία" μπορεί να είναι ακριβή, αλλά αυτές οι επικεφαλίδες είναι πολύ γενικές για να δώσουν μια αίσθηση ταυτότητας ή σκοπό.
  • Όλοι οι σύνδεσμοι σχεδίασαν τον ίδιο τρόπο. Σε μια σύνθετη ιστοσελίδα, μια απλή λίστα συνδέσμων δεν είναι απλώς άχρηστη, είναι εντελώς εχθρική.
  • Σύνδεσμοι που οδηγούν σε λανθασμένες σελίδες ή σε σελίδες που δεν υπάρχουν.

Ακόμα κι αν ένας επισκέπτης αποφασίσει να μην κάνει κλικ, ο σύνδεσμος μπορεί να είναι επιτυχής. Ας υποθέσουμε ότι ο επισκέπτης θέλει τη διεύθυνση ηλεκτρονικού ταχυδρομείου μιας εταιρείας. Η γραμμή πλοήγησης στην ιστοσελίδα της εταιρείας μπορεί να προσφέρει πολλές επιλογές:

Σπίτι | Υπηρεσίες | Του λογαριασμού σας | Υπηρεσίες | Ιστορία | Καριέρα | Τιμές & πολιτικές | Επικοινωνία

Η προφανής επιλογή είναι η "Επαφή". Και επειδή είναι προφανώς λάθος , οι άλλοι σύνδεσμοι λένε στον επισκέπτη να μην κάνει κλικ σε αυτά. Από άποψη ψαρέματος περιεχομένου, αυτή η γραμμή πλοήγησης λέει:

Οχι | Οχι | Οχι | Οχι | Δεν είναι πιθανό | Μπορεί | Οχι | Πιθανώς

Μπορεί μια γραμμή πλοήγησης να είναι γεμάτη από "όχι" s; Σίγουρα, αν ο ιστότοπος δεν έχει αυτό που θέλει ο χρήστης. Η καλή πλοήγηση δεν αφορά την παροχή της απάντησης με οποιοδήποτε κόστος. Απλώς οδηγεί τους ανθρώπους στο περιεχόμενο που θέλουν με τη λιγότερη ασάφεια. Ο στόχος μιας αποτελεσματικής γραμμής πλοήγησης, λοιπόν, είναι να μετατρέψουμε όσες "πιθανώς" συνδέσεις σε συνδέσμους "ναι" ή "όχι".

Τα σημάδια είναι εργαλεία

Όπως όλα τα εργαλεία, οι πινακίδες είναι ένα μέσο για τη δημιουργία λύσεων αλλά δεν είναι οι ίδιες οι λύσεις. Ο σκοπός των πινακίδων είναι να απλοποιήσει τους αναγνώστες, να μην προσθέσει ένα επίπεδο πολυπλοκότητας.

Οι διαφημιστικές πινακίδες που βασίζονται στο Web δεν θα πρέπει να προσελκύουν τους ανθρώπους στους προορισμούς τους. Αντίθετα, ο σχεδιαστής θα πρέπει να πει στους ανθρώπους τι είναι διαθέσιμο και να τους εξουσιοδοτήσει να αποφασίσουν πού να πάνε.


Γράφτηκε αποκλειστικά για το Webdesigner Depot από τον Ben Gremillion. Ο Ben είναι α Σχεδιαστής ιστοσελίδων ο οποίος επιλύει προβλήματα επικοινωνίας με καλύτερο σχεδιασμό.

Πώς διευκολύνετε την πλοήγηση στο περιεχόμενο; Ποιος είναι ο πιο δύσκολος ιστότοπος που θα έπρεπε ποτέ να πετάξετε; Μοιραστείτε τις ιστορίες σας στην παρακάτω ενότητα σχολίων.

πλοήγηση περιεχόμενο πινακίδες

OdWebDesign.Net