Fundamentals
Informationsarkitektur
Informationsarkitektur (IA) er disciplinen med at organisere, strukturere og navngive indhold på websites og i apps, så folk kan finde det, de leder efter, og forstå deres omgivelser. IA er det underliggende fundament bag den synlige brugerflade, og den beskrives klassisk gennem fire samvirkende systemer: organisations-, mærknings-, navigations- og søgesystemer. En gennemtænkt IA afspejler brugernes mentale modeller frem for organisationens interne struktur og er dermed grundlaget for god findbarhed og en effektiv brugeroplevelse.
Kort fortalt
- IA er det underliggende strukturelle fundament, der organiserer og navngiver indhold. Navigationen er kun den synlige overflade oven på det.
- Den klassiske model (Rosenfeld, Morville & Arango) består af fire systemer: organisation, mærkning (labeling), navigation og søgning.
- Organisationsskemaer er enten eksakte (alfabetisk, kronologisk, geografisk) eller flertydige (emne, opgave, målgruppe). De flertydige er sværere at vedligeholde, men bedst til udforskende søgning.
- Card sorting er en generativ metode til at opdage grupperinger; tree testing er en evaluerende metode til at teste, om et hierarki virker.
- God IA reducerer kognitiv belastning og forbedrer findbarhed, hvilket er fundamentet for god UX.
Hvad er informationsarkitektur?
Informationsarkitektur er disciplinen med at gøre information findbar og forståelig. Den omfatter at søge, browse, kategorisere og præsentere relevant og kontekstuel information, så folk kan forstå deres omgivelser og finde det, de leder efter, både online og i den fysiske verden.6
IA består af to hovedelementer: dels identifikation og definition af sidens indhold og funktionalitet, dels den underliggende organisation, struktur og nomenklatur, der definerer relationerne mellem sidens indhold og funktioner. IA er ikke en del af den synlige brugerflade. Den informerer brugerfladen og lever i regneark og diagrammer.1
Formålet er at reducere brugerens kognitive belastning og forhindre, at de føler sig overvældede, så de kan finde det ønskede indhold uden frustration. IxDF kalder god IA fundamentet for effektivt UX-design.6
De fire systemer i IA
Den mest udbredte referenceramme stammer fra Rosenfeld, Morville & Arangos bog "Information Architecture for the Web and Beyond" (kaldet "isbjørnebogen"). Den beskriver IA gennem fire indbyrdes afhængige systemer.2
Organisationssystemer definerer de intellektuelle kategorier, som indholdet grupperes efter (flade, hierarkiske, matrix eller sekventielle). Mærkningssystemer (labeling) knytter sprog til kategorierne, så etiketter matcher de mentale modeller, brugerne kommer med.26
Navigationssystemer er de menuer og links, der giver brugeren mulighed for at udforske og bevæge sig gennem indholdet. Søgesystemer lader brugeren indtaste kriterier og finde relevant indhold direkte. Det hjælper især i indholdstunge miljøer.26
IA vs. navigation vs. sitemap
IA og navigation forveksles ofte. IA er det usynlige fundament: den underliggende organisation og struktur. Navigation er en samling af brugerfladekomponenter (global navigation, lokal navigation, breadcrumbs, filtre, facetter, footer), hvis primære formål er at hjælpe brugeren med at finde information og funktionalitet.1
NN/g citerer Nathaniel Davis for, at webnavigation er "toppen af isbjerget", der sidder oven på sidens informationsarkitektur.1
Et sitemap er en visuel repræsentation af IA-strukturen: et diagram, der viser de enkelte indholdsstykker og deres indbyrdes relationer, typisk i hierarkiske niveauer. (Her menes sitemap som IA-designartefakt, ikke en XML-sitemap til søgemaskiner.)1
Organisationsskemaer og strukturer
Organisationsskemaer inddeles i eksakte og flertydige. Eksakte skemaer opdeler information i veldefinerede, gensidigt udelukkende sektioner, fx alfabetisk, kronologisk eller geografisk. De er nemme at vedligeholde og automatisere og bedst til "kendt-emne"-søgning, hvor brugeren ved præcis, hvad de leder efter.3
Flertydige (ambiguous) skemaer organiserer efter emne, opgave, målgruppe, metafor eller en hybrid. De er sværere at designe og vedligeholde, men mere nyttige til udforskende søgning, associativ læring og serendipitet. En telefonbogs alfabetiske register er eksakt; et supermarkeds emne-/opgaveopdeling er flertydig.3
Strukturelt kan indhold organiseres fladt, hierarkisk (træstruktur), som matrix (flere adgangsveje) eller sekventielt. Hierarkiet er den mest udbredte struktur på web, hvor kategorier og underkategorier danner et forudsigeligt træ, som brugeren kan browse ned igennem.2
Research-metoder der informerer IA
Card sorting er en researchmetode, hvor deltagere placerer navngivne kort i grupper efter de kriterier, der giver mest mening for dem. Metoden afdækker, hvordan brugere naturligt kategoriserer indhold, og informerer dermed en struktur, der matcher deres mentale modeller.4
Ved åben card sorting danner deltagerne selv grupperne og viser dermed deres egne mentale modeller. Ved lukket card sorting sorterer de i forud definerede kategorier, hvilket validerer en eksisterende struktur. Card sorting er generativ: den bruges til at opdage mulige grupperinger.4
Tree testing er en evaluering af en hierarkisk kategoristruktur, hvor brugere skal finde, hvor bestemte ressourcer ligger i træet. Deltagerne får en forenklet menustruktur uden visuelt design og løser opgavebaserede scenarier, mens værktøjet måler stier, succesrate og tid. Tree testing er evaluerende: den tester, om et navigationshierarki faktisk virker.5
Hvorfor IA er vigtig for findbarhed og UX
IxDF beskriver IA som disciplinen med at gøre information findbar og forståelig og kalder den fundamentet for effektivt UX-design. Når strukturen matcher brugernes forventninger, kan de finde indhold hurtigt og uden frustration.6
NN/g skelner mellem findbarhed (brugeren kan finde indhold, de antager findes) og opdagbarhed (brugeren støder på nyt indhold, de ikke kendte til). Lav findbarhed og opdagbarhed kan skyldes enten selve informationsarkitekturen eller navigationsdesignet, og målrettet brugerresearch kan afgøre hvilket.7
Fordi IA afgør, hvor let indhold kan findes og forstås, er en velovervejet arkitektur en forudsætning for god brugeroplevelse: den sænker kognitiv belastning og gør produktet mere intuitivt at navigere.6
Ofte stillede spørgsmål
Hvad er informationsarkitektur?
Informationsarkitektur er disciplinen med at gøre information findbar og forståelig. Den dækker den underliggende organisation, struktur og navngivning af indhold, som navigationen og brugerfladen bygger oven på. Målet er, at brugerne kan finde det, de leder efter, uden at blive overvældede eller frustrerede.
Hvad er et eksempel på informationsarkitektur?
En telefonbogs alfabetiske register er et eksakt organisationsskema, mens et supermarkeds opdeling efter emne og opgave er et flertydigt. På web er hierarkiet den mest udbredte struktur: kategorier og underkategorier danner et forudsigeligt træ, som brugeren kan browse ned igennem.
Hvad er forskellen på informationsarkitektur og navigation?
IA er det underliggende fundament: den organisation, struktur og navngivning, der definerer relationerne mellem indhold. Navigation er de synlige brugerfladekomponenter (menuer, breadcrumbs, filtre), der bygger oven på IA. NN/g beskriver navigationen som "toppen af isbjerget", der sidder oven på informationsarkitekturen.
Hvad er de fire systemer i informationsarkitektur?
Ifølge Rosenfeld, Morville & Arango består IA af organisationssystemer (hvordan indhold kategoriseres), mærkningssystemer (hvilket sprog kategorierne får), navigationssystemer (hvordan man bevæger sig rundt) og søgesystemer (hvordan man finder indhold direkte). De fire systemer virker sammen.
Hvornår bruger man card sorting versus tree testing?
Card sorting er generativt og bruges tidligt til at opdage, hvordan brugere naturligt grupperer indhold. Tree testing er evaluerende og bruges til at teste, om et foreslået kategorihierarki gør det muligt for brugerne at finde det, de søger. De supplerer ofte hinanden i et IA-forløb.
Hvad er forskellen på eksakte og flertydige organisationsskemaer?
Eksakte skemaer (alfabetisk, kronologisk, geografisk) opdeler information i veldefinerede, gensidigt udelukkende sektioner og egner sig til kendt-emne-søgning. Flertydige skemaer (emne, opgave, målgruppe) er sværere at vedligeholde, men bedre til udforskende søgning, fordi de grupperer indhold efter mening frem for efter en objektiv nøgle.
Er et sitemap det samme som informationsarkitektur?
Nej. Et sitemap (som IA-artefakt) er et diagram, der visualiserer IA-strukturen og relationerne mellem indhold. IA er selve den underliggende struktur og logik. Dette IA-sitemap er noget andet end en XML-sitemap, som bruges til at fortælle søgemaskiner om sidens URLs.
Kilder
- IA vs. Navigation: What's the Difference?
- Information Architecture: For the Web and Beyond (4th ed.)
- Organization Schemes (Information Architecture, kap. 5)
- Card Sorting: Uncover Users' Mental Models for Better Information Architecture
- Tree Testing
- What is Information Architecture (IA)?
- Low Findability and Discoverability: Four Testing Methods to Identify the Causes
Fra viden til praksis
Relaterede guides
Relaterede artikler
Læs videre
Brugerpsykologi & kognition
Hvordan hukommelse, opmærksomhed, perception og mentale modeller former, hvordan folk forstår og bruger digitale grænseflader, og hvad det betyder for design.
Læs artikel →Usability (brugervenlighed)
Usability (brugervenlighed) er en kvalitetsattribut, der måler hvor effektivt, produktivt og tilfredsstillende brugere kan nå deres mål (defineret i ISO 9241-11).
Læs artikel →Hvad er UX-design?
UX-design dækker helheden i brugerens oplevelse med et produkt, fra research og informationsarkitektur til interaktion, indhold og brugervenlighed.
Læs artikel →Hvad er en wireframe?
En wireframe viser en skærms struktur og funktion, før det visuelle design lægges fast. Lo-fi og hi-fi, mockups, prototyper, wireflows og test med brugere.
Læs artikel →Relaterede UX-love
Psykologien bag
Gå til kilden
Relaterede ressourcer
Don't Make Me Think (Steve Krug)
Klassisk, letlæst introduktion til web-usability. Bogen er kort, illustreret og bygget på sund fornuft.
Smashing Magazine: UX
En stadig strøm af dybdegående, praktiske UX-artikler fra webdesignmagasinet Smashing Magazine.