Eksempler på hierarki i en webstruktur

Placer et corporate organisatorisk diagram ud for et websteds layoutdiagram, og du kan finde en bemærkelsesværdig lighed mellem de to dokumenter. Virksomheder, regeringer og andre enheder bruger ofte de samme hierarkiske layoutmønstre, som hjemmesider gør. Eksekutivdirektøren kan f.eks. Sidde på toppen af ​​en hierarkisk model på samme måde som en hjemmeside sidder øverst på en website model. Effektivt designet hierarkier opretter websteder, som folk elsker at besøge.

Website strukturer

Som forfatterne af "Web Style Guide" bemærkes "Succesen med organisationen af ​​dit websted vil blive bestemt i høj grad af, hvor godt dit websteds informationsarkitektur matcher dine brugers forventninger." Hvis folk finder det nemt at flytte rundt på dit websted, så er de kan bruge mere tid på at gennemgå den. En måde at gøre det nemt for dem at gøre, er at give webstedet et logisk og forudsigeligt layout, så de besøgende kan navigere gennem websiderne uden at høre webstedets hjælpedokumentation.

Pyramidmetode

Det kan bidrage til at tænke på en hjemmeside som en pyramide. Øverst på pyramiden er webstedets første niveau, hjemmesiden. Et effektivt hierarki indeholder generelle oplysninger og links, der peger på andre websider, der indeholder mere detaljerede oplysninger. Disse sider vises under hjemmesiden og bliver webstedets andet niveau i hierarkiet. Et grundlæggende websted kan kun have brug for to niveauer, og en hjemmeside kan simpelthen have links, der peger på sider som "Om os", "Produkter" og "Tilmeld dig". Det er altid en god idé at give besøgende på stedet en mulighed for at komme tilbage til startsiden fra enhver side, f.eks. ved at inkludere et link, en knap eller et menupunkt på hver side, der peger på startsiden.

Niveau tre og derover

Whitehouse.gov er et eksempel på et websted, der har flere niveauer, der danner et komplekst hierarki. Hjemmesiden er enkel, men du kan komme til enhver anden side på hjemmesiden fra hjemmesiden. Denne type hierarki kan strække sig ned til mange niveauer, hvor lavere niveauer giver flere detaljer end højere niveauer. Et godt eksempel på et tre-niveau hierarki er et boganmeldelsessted. Hjemmesiden på niveau 1 kan give generelle oplysninger samt links, der peger på en anmeldelser side. Den side, der udgør andet niveau, kunne indeholde en liste over bøger. Når du klikker på en bog, kan en anden side med navnet "Krig og fred" vise en anmeldelse for den pågældende bog. Denne side ville sidde på webstedets tredje niveau. Hvis du diagrammer dette hierarki, som du ville oprette et org diagram, skal du tegne en boks øverst og skrive "Home Page" i den. Du kan derefter tegne din "Anmeldelser" boks under "Startside" boksen og tilføj boksen "Krig og fred" under "Startside" boksen.

Brug overskrifter til at vise hierarki

Udover at organisere sider på et websted kan du organisere en sides indhold for at vise hierarkiske relationer. Overskrifter, for eksempel, gør det muligt for folk at præsentere oplysninger i en konturform, der er let at fordøje. HTML indeholder flere overskriftsmerker, f.eks. H1, h2 og h2, som kan hjælpe dig med at tilføje hierarki til en webside. Du kan f.eks. Bruge et stort h1-tag som sidenes hovedoverskrift og et mindre h2-tag til et afsnit med navnet "Produkter". Du kan derefter tilføje et h3-tag under Produkter for at oprette et underafsnit, der beskriver dine produkter. Du har også mulighed for at tilføje punktliste til din side. Ved at kombinere alle disse elementer skaber du en visuel oversigt, som besøgende kan forstå på et øjeblik.