En introduksjon til hierarkiet

Å sørge for at designene dine presenterer et klart hierarki er svært viktig, og noe du bør sikte på i alle dine design. Det er definitivt en kunst til dette, en som relaterer seg tungt til innholdsplanleggingen og strategistadiet.


Hva er hierarki?

Et hierarki kan beskrives som:

Et system eller en organisasjon der folk eller grupper er rangert etter hverandre i henhold til status eller autoritet.

Og når vi oversetter dette til hvordan hierarkiet fungerer i design, kan vi tilpasse det litt til noe slikt:

Et system eller en organisasjon der elementene i vårt design er rangert oppå hverandre i henhold til status eller betydning.

Ved å etablere et hierarki satser vi på å vise alle de forskjellige elementene i vårt design effektivt, i henhold til hvor viktig de er og hvilket nivå av fokus eller oppmerksomhet som må plasseres på dem.

Hierarki handler også om fortellinger; Det handler om brukerens reise gjennom nettstedet og brukerflaten vi lager. Vi kan utnytte et sterkt hierarki når vi prøver å få brukerne til å gå der vi vil at de skal gå.

Hierarkiet gjelder ikke bare visuell utforming av elementene våre, men også nettstedstrukturen til å begynne med, der vi stoler på planleggingen vi gjorde i våre innholdsfaser. Det er på dette punktet vi kan se på innholdshierarkiet, hvordan innholdet skal deles og administreres, og som hjelper oss med å flytte til vårt visuelle hierarki og struktur, der vi ser på hovedlayoutene, gridene, typografiene og bildene som ikoner, knapper og bilder.

I byggkonstruksjonen bruker de hierarkiet veldig bra, og bruker både innhold og bilder til å formidle sine meldinger.

Hvorfor er hierarkiet så viktig?

Hierarki er viktig fordi det bidrar til å gi orden til et design og sikre at en sterkere, mer enhetlig merkevaremelding blir projisert til brukerne.

Hierarki hjelper oss også til å skape områder som er visuelt interessante for brukerne, og som hjelper oss med å lede brukerne på reisen deres på nettstedet. Når det brukes på denne måten, har du et godt visuelt hierarki på plass, slik at du kan markere områdene du vil bli lagt merke til. Ved å skape et sterkt hierarki og en visuell struktur, er du også riktig understreket viktige områder og illustrerer hvorfor de betyr noe.

Når det brukes riktig, bidrar et klart hierarki til å etablere et riktig samspillsmønster, som hjelper brukerens reise. Det kan også gjøre det enklere for brukerne å ta avgjørelser og å forstå riktig hvordan de skal samhandle med nettstedet ditt.

Zendesk-nettsiden bruker mye plass, samt god bruk av forskjellige stilarter av typografi og bilder, for å hjelpe brukeren gjennom de viktigste funksjonene.

Verktøy for å etablere hierarki

Det er mange forskjellige verktøy og teknikker til disposisjon for å etablere et godt visuelt hierarki i ditt design:

  • bruk av farge
  • bruk av kontrast
  • bruken av størrelse
  • bruken av justering
  • bruk av gjentakelse
  • bruk av nærhet
  • bruk av hvitt plass

Disse vil alle bli nevnt nærmere, sammen med hvordan du skal bruke hverandre i de kommende hierarkiartiklene hvor vi vil fokusere på både innhold og visuelle hierarki strukturer.