Vis sammenhengen mellom menynivåer 0

De fleste nettsted markerer nå visuelt hvor brukeren er i strukturen ved at menypunktet endrer bakgrunnsfarge, skriften blir uthevet eller lignende. Dette er svært positivt da brukerne trenger en tydelig markering av hvor de er i strukturen.

Men det som ikke blir gjort like bra er å markere sammenhengen mellom menynivåene. Dette blir særlig viktig nå når de fleste nettsted også har menylignende “bokser” med innganger til relaterte lenker og lignende. Hvordan synliggjøre for brukeren hva som er lenkesamlinger og hva som er meny? Hvordan vise tydelig for brukeren hvordan sammenhengen er mellom toppmeny og venstremeny?

Eksempel:
Ved hjelp av enkle visuelle virkemidler kan man synliggjøre sammenhengen mellom det som brukeren har valgt på nivå 1 og undermenyen til nivå 1. I figuren er man inne på Kat 5. Denne fanen er markert med mørk blått, samme farge som bak menyen til venstre. Videre er det en tydelig visuell sammenheng mellom Kat 5.3 og det hvite innholdsfeltet. Figur og fargevalg viser selvsagt prinsippet og ikke et ferdig grafisk design.


Hvordan fungerer disse enkle prinsippene?
Dette kan forklares med enkle prinsipper innen persepsjonspsykologi. Noe er såkalte Gestaltprinsipper og andre er teknikker som gjør nytte av menneskets evne og trang til å se mønster og forsøke å se det todimensjonale skjermbildet tredimensjonalt.

1. Størrelse. Et objekt som er større enn et annet vil se ut som det er nærmere – Den markerte fanen ser ut som den er nærmere

2. Delvis overlapp. Et felt som delvis overlapper et annet vil se ut som det ligger foran det andre – Det hvite feltet ser ut som det ligger foran det blå

3. Kontinuitet. En visuell sammenheng vil gjøre at noe oppfattes som ett element – Det som er markert i venstremenyen henger sammen med midtfeltet og det blir tydelig at det som står i midten er det som Kat 5.3 inneholder.

Her kunne man også brukt andre Gestaltprinsipper og lett skyggelegging for å forsterke ønsket effekt. Slike prinsipper er pensum i studier innen webdesign og grafisk design, men blir altfor sjelden brukt i den faktiske utformingen av nettsidene.