Eksempler på hierarki i en webstruktur

Sett et organisasjonskart over organisasjonen ved siden av et nettsteds layoutdiagram, og du kan finne en bemerkelsesverdig likhet mellom de to dokumentene. Bedrifter, regjeringer og andre enheter bruker ofte de samme hierarkiske layoutmønstrene som nettsteder gjør. Eksekutivdirektøren kan for eksempel sitte på toppen av en hierarkisk modell på samme måte som en hjemmeside ligger øverst på en nettside modell. Effektivt utformede hierarkier oppretter nettsteder som folk elsker å besøke.

Nettstedstrukturer

Som forfatterne av "Web Style Guide" notatet, "Suksessen med organisasjonen av nettstedet ditt vil bli bestemt i stor grad av hvor godt nettstedets informasjonsarkitektur samsvarer med brukernes forventninger." Hvis folk synes det er lett å bevege seg rundt på nettstedet ditt, kan bruke mer tid på å vurdere det. En måte å gjøre det enkelt for dem å gjøre, er å gi nettstedet et logisk og forutsigbart layout, slik at besøkende kan navigere gjennom nettsidene uten å konsultere nettstedets hjelpedokumentasjon.

Pyramidmetode

Det kan bidra til å tenke på et nettsted som en pyramide. På toppen av pyramiden er nettstedets første nivå, hjemmesiden. Et effektivt hierarki inneholder generell informasjon og koblinger som peker på andre websider som inneholder mer detaljert informasjon. Disse sidene vises under hjemmesiden og blir nettstedets andre nivå i hierarkiet. Et grunnleggende nettsted trenger bare to nivåer, og en startside kan ganske enkelt ha lenker som peker på sider som "Om oss", "Produkter" og "Bli med." Det er alltid en god ide å gi besøkende en måte å komme tilbake til til hjemmesiden fra en hvilken som helst side, for eksempel ved å inkludere en lenke, knapp eller menyelement på hver side som peker til hjemmesiden.

Nivå tre og utover

Whitehouse.gov er et eksempel på et nettsted som har flere nivåer som danner et komplekst hierarki. Hjemmesiden er enkel, men du kan komme til en annen side på nettstedet fra hjemmesiden. Denne typen hierarki kan strekke seg ned til mange nivåer, der lavere nivåer gir flere detaljer enn høyere nivåer. Et godt eksempel på et tre-nivå hierarki er et bokanmeldelsessted. Hjemmesiden, på nivå ett, kan gi generell informasjon samt lenker som peker på en Anmeldelser-side. Den siden, som danner andre nivå, kan inneholde en liste over bøker. Når du klikker på en bok, kan en annen side med tittelen "Krig og fred" vise en anmeldelse for den boken. Denne siden vil sitte på nettstedets tredje nivå. Hvis du diagrammer dette hierarkiet slik du vil lage et org-diagram, trekker du en boks øverst og skriver "Hjemmeside" i den. Du kan deretter tegne boksen "Anmeldelser" under "Hjemmeside" -boksen og legg til boksen "Krig og fred" under "Hjemmeside" -boksen.

Bruke overskrifter for å vise hierarki

I tillegg til å organisere sider på et nettsted, kan du organisere innholdet på en side for å vise hierarkiske relasjoner. Overskrifter, for eksempel, gjør at folk kan presentere informasjon i en konturform som er lett å fordøye. HTML gir flere overskriftskoder, for eksempel h1, h2 og h2, som kan hjelpe deg med å legge til hierarki på en webside. For eksempel kan du bruke en stor h1-kode som hovedsiden for siden og en mindre h2-kode for en seksjon med navnet "Produkter". Du kan da legge til en h3-kode under Produkter for å opprette et underskrift som beskriver produktene dine. Du har også muligheten til å legge til punktliste på siden din. Ved å kombinere alle disse elementene, lager du en visuell oversikt som besøkende kan forstå på et øyeblikk.