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

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

Εργαλεία για τη δημιουργία ιεραρχίας

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

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