Όταν αντιμετωπίζει τυχαία αντικείμενα σε μια σελίδα, ο θεατής θα προσπαθήσει συχνά να βρει συνδέσεις. Οι σχεδιαστές μπορούν να βοηθήσουν τους θεατές να οργανώσουν αντικείμενα (κείμενο ή / και εικόνες) σε ομάδες, προκειμένου να μεταδώσουν το νόημα και να βοηθήσουν στη διάδοση του μηνύματός τους. Αυτή η εγγύτητα αυτών των ομάδων είναι εγγύτητα, αρχή σχεδιασμού.
Η εγγύτητα δημιουργεί δεσμό μεταξύ των στοιχείων της σελίδας . Πόσο κοντά τα αντικείμενα τοποθετούνται μαζί μπορεί να προτείνει μια σχέση. Τα αντικείμενα που βρίσκονται πιο μακριά μπορούν να υποδηλώνουν διαφορές.
Αν και μερικές φορές θεωρείται μια ξεχωριστή αρχή, η ενότητα ή "πόσο καλά τα μέρη του εγγράφου συνεργάζονται" χρησιμοποιείται μερικές φορές για να σημαίνει εγγύτητα. Η εγγύτητα είναι εγγύτητα. Ωστόσο, στοιχεία που στερούνται στενής εγγύτητας μπορούν να ενοποιηθούν με την εισαγωγή ενός τρίτου στοιχείου. Ένα παράδειγμα: ένα βέλος που συνδέει μια ετικέτα κειμένου στο περιθώριο με ένα σημείο στη μέση ενός χάρτη. Με αυτόν τον τρόπο, μπορεί να επιτευχθεί μια σχέση ή ενότητα μεταξύ στοιχείων που είναι πολύ μακριά αλλά ανήκουν μαζί.
Ομαδοποίηση αντικειμένων μπορεί να γίνει με προφανή απόσταση, τοποθετώντας φυσικά εμπόδια μεταξύ ομάδων (όπως κανόνες) και ακόμη και με τη χρήση σχήματος, χρώματος ή υφής για να ομαδοποιήσετε οπτικά είδη και να διαχωρίσετε οπτικά, αντίθετα από τα αντικείμενα.
Χρήση της εγγύτητας στη διάταξη σελίδας
Αποφύγετε τη συντριβή του θεατή όταν υπάρχουν πολλά μεμονωμένα στοιχεία στη σελίδα χρησιμοποιώντας τη γειτνίαση με αντικείμενα ομάδας σε διακριτές μονάδες.
- Κρατώντας λεζάντες κοντά σε εικόνες όχι μόνο καθιστά σαφές ότι η λεζάντα πηγαίνει με την εικόνα, δημιουργεί μια ενιαία οπτική μονάδα από δύο ξεχωριστές.
- Ομαδοποίηση στοιχείων όπως η διεύθυνση, ο αριθμός τηλεφώνου, η διεύθυνση ηλεκτρονικού ταχυδρομείου και η διεύθυνση Ιστού όχι μόνο βάζουν όλες τις πληροφορίες επικοινωνίας σε μια μονάδα εύκολης πρόσβασης, αλλά δημιουργούν ένα μόνο σημείο για να ξεκουραστούν (και να λάβουν πληροφορίες) αντί για τέσσερα σημεία πηδούν γύρω και ενδεχομένως παραβλέπουν.
- Εάν υπάρχουν πολλά στοιχεία προς ομαδοποίηση, εξετάστε την υποομάδα. Χρησιμοποιώντας τα στοιχεία επαφής ως παράδειγμα, ομαδοποιήστε τα μεταξύ τους αλλά χρησιμοποιήστε απόσταση (ή άλλα μέσα) για να δημιουργήσετε μια υπο-ομάδα, για παράδειγμα, πολλούς αριθμούς τηλεφώνου.
Χρησιμοποιώντας την εγγύτητα στην πλοήγηση βοήθειας
- Κρατήστε τον τίτλο κοντά στο αντίγραφο του σώματος (μιας διαφήμισης, ενός άρθρου σε ενημερωτικό δελτίο κ.λπ.) εάν θέλετε να οδηγήσετε τον αναγνώστη δεξιά στο κείμενο. Εάν ένα συνοδευτικό οπτικό είναι ιδιαίτερα σημαντικό για την κατανόηση του κειμένου, μπορείτε να τοποθετήσετε την εικόνα αμέσως μετά τον τίτλο.
- Ο τύπος διαφήμισης 5 βημάτων που βασίζεται στο έργο του David Ogilvy οργανώνει συνήθως πέντε τύπους περιεχομένου σε ένα συγκεκριμένο μοτίβο που τείνει να οδηγήσει τον θεατή μέσω της διαφήμισης. Η εγγύτητα μπορεί επίσης να χρησιμοποιηθεί για την ομαδοποίηση υλικού που αποτελείται από αυτούς τους πέντε τύπους περιεχομένου.
Εγγύτητα, καθώς βοηθά τον χρήστη
Βοηθήστε τον θεατή να κατανοήσει περίπλοκες σελίδες ή διατάξεις με πληροφορίες που είναι γεμάτες πληροφορίες χρησιμοποιώντας τη γειτνίαση για να συγκεντρώσει στοιχεία που συνδυάζονται και να διαχωρίσουν άλλα μέρη.
- Για παράδειγμα, ένα φυλλάδιο για ένα σεμινάριο που αποτελείται από πολλά ξεχωριστά εργαστήρια που διαδίδονται σε πολλές ημέρες και οι τοποθεσίες μπορούν εύκολα να κατακλύσουν. Χρησιμοποιήστε τη γειτνίαση (μαζί με άλλα στοιχεία και αρχές σχεδιασμού) για να διατηρείτε συγκεντρωμένες τις πληροφορίες για κάθε εργαστήριο (τίτλο, περιγραφή, ημερομηνία / ώρα, τοποθεσία), παρέχοντας ταυτόχρονα μια ομαδοποίηση που παρέχει γενικές λεπτομέρειες όπως τον τρόπο εγγραφής, στοιχεία επικοινωνίας.
- Σε μια ιστοσελίδα, μπορείτε να χρησιμοποιήσετε την εγγύτητα για να ομαδοποιήσετε τις κύριες και βοηθητικές συνδέσεις πλοήγησης (είτε κείμενο, καρτέλες ή κουμπιά) σε ομάδες ανάλογα με τη λειτουργία τους (όπως αγορές / κατάλογοι, εβδομαδιαίες προσφορές και τεχνική υποστήριξη).