program * opsamling * Hvad er informations arkitektur (IA)? * ia strukturer * metadata * Øvelse * næste gang

Transkript

1 dagens program * opsamling * Hvad er informations arkitektur (IA)? * ia strukturer * metadata * Øvelse * næste gang

2 informations arkitektur

3 informations arkitektur er: * Strukturering og organisering af indhold * Beskrivelse af indholdet * Design af brugernes vej til indholdet

4

5

6

7 Hvilke behov har brugerne? Hvordan tænker de? Hvad ved de allerede? Hvilket indhold har du allerede? Hvilket indhold bør du have? Hvilket indhold mangler du? Hvad er målet med websitet? I hvilken kontekst opleves det? Er der nogle begrænsninger?

8

9 ia strukturer * hierarki * database * hypertext * lineære * kombinationer

10 Hierarki

11

12

13 typer af hierarkier: * brede mange elementer på øverste niveau, men få niveauer * dybe få elementer på øverste niveau, men mange niveauer * stramme hvert element kan kun præsenteres på ét sted * polyhierarki et element kan godt præsenteres flere steder

14 Database

15

16

17 DAtabase strukturen bruges fx: * når man har mange elementer, der er bygget op over samme struktur * når brugeren øsnker at tilgå indholdet på mere end en måde (man kan fx strukturere visning/søgning efter metadata)

18

19

20 Hypertext

21

22 lineære

23

24 kombinationer simpelt hierarki + simpel database

25

26 Direkte adgang til department-siderne Direkte adgang til gallery-siderne Direkte adgang til indholdsiderne Databasemønster kombinationer katalogmønstret Jared Spool:

27

28

29

30

31

32

33 kombinationer sub-sites

34

35

36 Hub & spoke

37

38 Metadata?

39 Metadata * Information om information * Beskriver eller er relateret til en del af indholdet * tags, kategorier, titler, datoer, type af information mm. Læs mere om metada på s. 187 eller:

40 metadata bruges til: * at generere lister med specifik indhold * vælge hvad der skal vises på en side

41 identificer metadata på denne side (5 min diskussion med sidemanden

42

43 øvelse arbejd i grupper Design af informationsarkitektur * labels (kap. 17) * kortsortering * IA mønstre (kap. 16) * sitemap (kap. 20) Find links til mere information om IA på wikien: TEst af IA: beskrivelser af metoder og fremgangsmåder findes i grundbogen (Part 4).

44 opgavebeskrivelse Begrebet informationsarkitektur stammer fra arkitekturen. Når man designer bygninger står man over for nogle af de samme problemstillinger, som når man designer websites fx hvor er det mest hensigtsmæssigt at placere toiletterne? Eller hvordan skal forholdet mellem køkken og spisestue være? I denne øvelse skal I også arbejde med en bygning, nemlig vores skole. I skal forestille jer, at der skal laves et website over skolens fysiske elementer: Fællesrum, klasselokaler, studiekontor, inventar mm. 1. Find ud af, hvilke elementer, I mener, der skal være med på websitet. 2. Skriv hvert element ned på et lille stykke papir eller post-it. 3. Lav en kortsorteringsøvelse, hvor I grupperer/kategoriserer de forskellige elementer. 4. Navngiv derefter disse grupper (labels). Måske skal der være undergrupper/-kategorier til grupperne. 5. Diskuter hvilken IA struktur der vil være passende (evt. kombination af flere strukturer) 6. Lav et sitemap over jeres IA (enten konceptuelt eller detaljeret) 7. Print ud og hæng sitemap et op på opslagstavlen

45 labels gode labels: * Navngiver elementerne med deres korrekte navn * Er konsekvente * Bruger termer, som brugerne ville bruge * Er konkrete få ideer til labels fra: * fra indholdet * bruger undersøgelser (user research) * kortsortering med brugerne * andres hjemmesider

46 kortsortering

47 sitemap Flere elementer af struktureret indhold Side

48 Ikoner der viser, hvilken template, der skal bruges Beskrivelse af links, der skal være i sidens indhold Indikation af anden type dokument (pdf) Metadata for databasestrukturen

49 næste gang * Personas/scenarier * Navigation * wireframe