Οπτική Ιεραρχία

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

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

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

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

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

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

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