Tilbake
7.5
Informasjonsarkitektur og navigasjon

7.5 Informasjonsarkitektur og navigasjon

Forstå hvordan innhold organiseres og struktureres i digitale løsninger for å gi brukerne en intuitiv opplevelse.

50 min
6 oppgaver
InformasjonsarkitekturNavigasjonsstrukturerKortsortering (card sorting)Sitemap og innholdsstrukturSøk og filtrering
Du leser den tradisjonelle versjonen
Din fremgang i kapitlet
0 / 6 oppgaver

Informasjonsarkitektur og navigasjon

Informasjonsarkitektur (IA) er kunsten å organisere og strukturere innhald slik at brukarar finn det dei leitar etter. Dårleg IA gjer at brukarar går seg vill og gjev opp. God IA er usynleg - brukaren finn det dei treng utan å tenkje over det.

I dette kapittelet skal du lære:
- Kva informasjonsarkitektur er
- Ulike navigasjonsstrukturar
- Kortsortering som metode for å organisere innhald
- Sitemap og innhaldsstruktur

Informasjonsarkitektur

Informasjonsarkitektur handlar om å organisere innhald i logiske grupper og definere forholdet mellom dei.

Organisasjonsmønster:
- Hierarkisk: Innhald organisert i kategoriar og underkategoriar (nettbutikk: Klede > Herre > Jakker)
- Sekvensiell: Innhald presentert i ei bestemt rekkjefølgje (opplæring: Steg 1, 2, 3)
- Matrise: Innhald organisert langs fleire aksar (filtrering: storleik OG farge OG pris)
- Database: Innhald organisert med metadata og søk (YouTube: tags, kategoriar, dato)

Grunnprinsipp:
- Grupper relatert innhald saman
- Bruk kjende omgrep (unngå intern sjargong)
- Sørg for at viktig innhald er lett tilgjengeleg (få klikk)
- Ver konsistent i strukturen gjennom heile produktet

Navigasjonsstrukturar

Global navigasjon: Hovudmenyen som er tilgjengeleg på alle sider. Viser dei viktigaste kategoriane.

Lokal navigasjon: Undermeny som viser undersider innanfor ein kategori.

Breadcrumbs (brødsmular): Viser brukaren kor dei er i hierarkiet: Heim > Klede > Herre > Jakker.

Søk: For nettsider med mykje innhald er søk ein viktig navigasjonsmetode. God søk med forslag og filtrering hjelper brukarar som veit kva dei leitar etter.

Hamburger-meny: Skjult meny bak eit ikon (tre strekar). Vanleg på mobil, men skjuler innhald som brukaren kanskje ikkje finn.

Botnnavigasjon (tab bar): Fast meny nedst på mobilskjermen med 3-5 hovudval. Lett tilgjengeleg med tommelen.

Megameny: Stor dropdown-meny som viser mange kategoriar og underkategoriar samtidig. Blir brukt på store nettsider som nettbutikkar.

Kortsortering

Kortsortering (card sorting) er ein metode for å forstå korleis brukarar grupperer og namngjev innhald.

Open kortsortering: Deltakarane grupperer innhaldskort i kategoriar dei sjølve vel og namngjev. Avdekkjer den mentale modellen til brukaren.

Lukka kortsortering: Deltakarane plasserer innhaldskort i førehandsdefinerte kategoriar. Testar om eksisterande kategoriar gjev meining.

Gjennomføring:
1. Skriv kvart innhaldselement på eit kort
2. Be deltakarane sortere korta i grupper som gjev meining
3. Be dei namngje gruppene
4. Gjenta med 5-10 deltakarar
5. Analyser mønster: Kva for kort blir grupperte ofte saman?

Sitemap

Ei sitemap er eit diagram som viser den hierarkiske strukturen til nettsida eller appen. Ho fungerer som eit kart over alt innhald og korleis sidene heng saman. Bruk sitemap i planleggingsfasen for å sikre at strukturen er logisk og komplett.

✏️Navigasjonsstruktur for nettsida til skulen

Sitemap for ei skulenettside:

Nivå 1 (Global navigasjon):
- Heim
- Om skulen
- Utdanningsprogram
- For elevar
- For føresette
- Kontakt

Nivå 2 (Under "For elevar"):
- Timeplan
- Karakterar
- Innleveringar
- Skulerute
- Elevråd
- Rådgjeving

Navigasjonsval:
- Desktop: Horisontal toppmeny med dropdown for underkategoriar
- Mobil: Hamburger-meny med alle nivå
- Breadcrumbs: Heim > For elevar > Timeplan
- Søk: Synleg i topplinje med autofullføring

Denne strukturen er logisk fordi han grupperer innhald etter kven det er for (elevar, føresette) i staden for etter avdeling (noko brukarane ikkje kjenner).

Oppsummering

- Informasjonsarkitektur handlar om å organisere innhald på ein intuitiv og logisk måte.
- Navigasjonsstrukturar (hierarkisk, flat, nettverk) påverkar korleis brukarar finn innhald.
- Kortsortering (card sorting) er ein metode for å forstå korleis brukarar grupperer informasjon.
- Eit sitemap viser den overordna strukturen til ein nettstad eller ein app.
- Søk og filtrering hjelper brukarar å finne spesifikt innhald raskt.
- God informasjonsarkitektur gjer komplekse system enkle å navigere.

📝Oppgave 1

Kva er breadcrumbs (brødsmular) i navigasjon?

📝Oppgave 2

Forklar kva kortsortering er, og skildre skilnaden mellom open og lukka kortsortering.

📝Oppgave 3

Kva er ei sitemap?

📝Oppgave 4

Lag ei sitemap med to nivå for ein fiktiv nettbutikk som sel sportsutstyr. Skildre minst fire hovudkategoriar med underkategoriar.

📝Oppgave 5

Kva er den viktigaste fordelen med botnnavigasjon (tab bar) på mobil?

📝Oppgave 6

Gjennomfør ei enkel open kortsortering med ein medelev. Skriv 15 innhaldselement frå ei nettside du kjenner, lat medeleven sortere dei i grupper, og rapporter resultata.

Dette kapitlet er skrevet av Anthropics toppmodeller (Claude Opus og Claude Fable) og er foreløpig ikke manuelt gjennomgått — kvalitetskontrollen gjøres av uavhengige KI-agenter, og innmeldte feil rettes fortløpende. Funnet en feil? Meld fra, så retter vi den. Les mer om hvordan innholdet lages.