Forstå hvordan innhold organiseres og struktureres i digitale løsninger for å gi brukerne en intuitiv opplevelse.
Informasjonsarkitektur og navigasjon
Informasjonsarkitektur (IA) er kunsten å organisere og strukturere innhold slik at brukere finner det de leter etter. Dårlig IA gjør at brukere går seg vill og gir opp. God IA er usynlig - brukeren finner det de trenger uten å tenke over det.
I dette kapittelet skal du lære:
- Hva informasjonsarkitektur er
- Ulike navigasjonsstrukturer
- Kortsortering som metode for å organisere innhold
- Sitemap og innholdsstruktur
Informasjonsarkitektur
Informasjonsarkitektur handler om å organisere innhold i logiske grupper og definere forholdet mellom dem.
Organisasjonsmønstre:
- Hierarkisk: Innhold organisert i kategorier og underkategorier (nettbutikk: Klær > Herre > Jakker)
- Sekvensiell: Innhold presentert i en bestemt rekkefølge (opplæring: Steg 1, 2, 3)
- Matrise: Innhold organisert langs flere akser (filtrering: størrelse OG farge OG pris)
- Database: Innhold organisert med metadata og søk (YouTube: tags, kategorier, dato)
Grunnprinsipper:
- Grupper relatert innhold sammen
- Bruk kjente begreper (unngå intern sjargong)
- Sørg for at viktig innhold er lett tilgjengelig (få klikk)
- Vær konsistent i strukturen gjennom hele produktet
Navigasjonsstrukturer
Global navigasjon: Hovedmenyen som er tilgjengelig på alle sider. Viser de viktigste kategoriene.
Lokal navigasjon: Undermeny som viser undersider innenfor en kategori.
Breadcrumbs (brødsmuler): Viser brukeren hvor de er i hierarkiet: Hjem > Klær > Herre > Jakker.
Søk: For nettsider med mye innhold er søk en viktig navigasjonsmetode. God søk med forslag og filtrering hjelper brukere som vet hva de leter etter.
Hamburger-meny: Skjult meny bak et ikon (tre streker). Vanlig på mobil, men skjuler innhold som brukeren kanskje ikke finner.
Bunnnavigasjon (tab bar): Fast meny nederst på mobilskjermen med 3-5 hovedvalg. Lett tilgjengelig med tommelen.
Megameny: Stor dropdown-meny som viser mange kategorier og underkategorier samtidig. Brukes på store nettsider som nettbutikker.
Kortsortering
Kortsortering (card sorting) er en metode for å forstå hvordan brukere grupperer og navngir innhold.
Åpen kortsortering: Deltakerne grupperer innholdskort i kategorier de selv velger og navngir. Avdekker brukerens mentale modell.
Lukket kortsortering: Deltakerne plasserer innholdskort i forhåndsdefinerte kategorier. Tester om eksisterende kategorier gir mening.
Gjennomføring:
1. Skriv hvert innholdselement på et kort
2. Be deltakerne sortere kortene i grupper som gir mening
3. Be dem navngi gruppene
4. Gjenta med 5-10 deltakere
5. Analyser mønstre: Hvilke kort grupperes ofte sammen?
Sitemap
En sitemap er et diagram som viser nettsiden eller appens hierarkiske struktur. Den fungerer som et kart over alt innhold og hvordan sidene henger sammen. Bruk sitemap i planleggingsfasen for å sikre at strukturen er logisk og komplett.
Sitemap for en skolenettside:
Nivå 1 (Global navigasjon):
- Hjem
- Om skolen
- Utdanningsprogram
- For elever
- For foresatte
- Kontakt
Nivå 2 (Under "For elever"):
- Timeplan
- Karakterer
- Innleveringer
- Skolerute
- Elevråd
- Rådgivning
Navigasjonsvalg:
- Desktop: Horisontal toppmeny med dropdown for underkategorier
- Mobil: Hamburger-meny med alle nivåer
- Breadcrumbs: Hjem > For elever > Timeplan
- Søk: Synlig i topplinje med autofullføring
Denne strukturen er logisk fordi den grupperer innhold etter hvem det er for (elever, foresatte) i stedet for etter avdeling (noe brukerne ikke kjenner).
Oppsummering
- Informasjonsarkitektur handler om å organisere innhold på en intuitiv og logisk måte.
- Navigasjonsstrukturer (hierarkisk, flat, nettverk) påvirker hvordan brukere finner innhold.
- Kortsortering (card sorting) er en metode for å forstå hvordan brukere grupperer informasjon.
- Et sitemap viser den overordnede strukturen til et nettsted eller en app.
- Søk og filtrering hjelper brukere å finne spesifikt innhold raskt.
- God informasjonsarkitektur gjør komplekse systemer enkle å navigere.
Hva er breadcrumbs (brødsmuler) i navigasjon?
Forklar hva kortsortering er, og beskriv forskjellen mellom åpen og lukket kortsortering.
Hva er en sitemap?
Lag en sitemap med to nivåer for en fiktiv nettbutikk som selger sportsutstyr. Beskriv minst fire hovedkategorier med underkategorier.
Hva er den viktigste fordelen med bunnnavigasjon (tab bar) på mobil?
Gjennomfør en enkel åpen kortsortering med en medelev. Skriv 15 innholdselementer fra en nettside du kjenner, la medeleven sortere dem i grupper, og rapporter resultatene.
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.