A hierarchia fontossági sorrendben rendezi az elemeket. Megmondja a nézőnek, hogy mit nézzen először, másodszor és harmadszor. A címsor nagyobb, mint a törzsszöveg. A cselekvésre ösztönző gomb világosabb, mint a környezete. A szakaszcím vastagabb, mint az alatta lévő bekezdések. A hierarchia vezeti a tekintetet a dizájnon keresztül. Nélküle minden verseng a figyelemért. Semmi sem nyer. A néző nem tudja, hol kezdje.

A hierarchia a kontraszt révén jön létre. A méret, a szín, a súly, a pozíció és a térköz mind meghatározza a fontosságot. A nagy elem dominál. Az élénk szín vonzza a tekintetet. A félkövér betűtípus kiemelkedik. Az oldal tetején lévő elemek láthatók először. Az elem körüli fehér tér kiemeli az elemet. A tervező ezeket az eszközöket kombinálja, hogy egyértelmű vizuális rendet hozzon létre. A hierarchia nem csak arról szól, hogy a dolgokat naggyá tegye. Arról is szól, hogy a megfelelő dolgokat tegye naggyá. A legfontosabb elemnek kell a legkiemelkedőbbnek lennie. Ha minden hangsúlyos, akkor semmi sem az. A tervezőnek el kell döntenie, hogy mi a legfontosabb, és ennek megfelelően kell terveznie. A hierarchia a kontextustól függően is változik. Egy mobilképernyőn kevesebb hely van, mint egy asztali számítógépen. Egy plakátot távolról látunk. Egy könyvet közel tartunk. A hierarchia alkalmazkodik a médiumhoz. A cél ugyanaz: a nézőt a kívánt sorrendben végigvezetni a tartalomban.

Hierarchia eszközök

• Méret – a nagyobb elemek először vonzzák a figyelmet
• Szín – az élénk vagy kontrasztos színek kiemelkednek
• Súly – a félkövér betűtípus hangsúlyosabb
• Pozíció – először a felső és középső rész látható
• Tér – az elszigeteltség fontosságot ad egy elemnek

A hierarchia a fontossági sorrend. Megmondja a nézőnek, hogy hová és milyen sorrendben nézzen.