Informationsarkitektur

1. Informationsarkitektur

2. Informationsarkitektur • Hvad og hvorfor • Organisering • Pause og øvelse • Navigation • Barrierer og tommelfingerregler

3. Hvad og hvorfor • IA er arbejdet med at strukturere, organisere og navngive information, så brugerne kan finde og bruge den. • IA opstår i krydsfeltet mellem brugere, indhold og kontekst. • IA tilfredsstiller brugerens behov for information og konkretiserer endnu ikke erkendte behov. Brugere Kontekst IA Indhold

4. Hvad og hvorfor: Sammenhæng med tekstformidling • IA binder sitets enkelte tekster sammen til en samlet helhed – en samlet tekst. • Tekster brugerne ikke kan finde, kan de ikke læse. • Brugerne kan ikke bruge/finde kritisk funktionalitet og kan dermed ikke bruge sitets øvrige indhold.

5. Hvad og hvorfor: 80/20 • 80% af sitets brugere kommer fra 20% af målgruppen. • 80% af brugernes informationsbehov bliver dækket af 20% af indholdet. • 80% af brugernes behov for navigation bliver dækket af 20% af IA. • 80% af brugernes informationsbehov bliver dækket af top 20% af søgeresultaterne. • 80% af arbejdet med IA skal lægges i 20% af den samlede arkitektur.

6. Hvad og hvorfor: Brændpunkter • Forside: Indhold er fremhævet på forsiden. Typisk brugt af afsender til eksponering af udvalgt indhold. • Søgning: Indhold findes gennem interface og resultater. Typisk brugt af erfarne brugere. • Browse: Inddeling og navigation giver mulighed for at browse gennem indhold. Typisk brugt af uerfarne brugere samt til inspiration af erfarne brugere.

7. Hvad og hvorfor: Fokusområder • På baggrund af brændpunkterne kan man udskille 2 fokusområder der har afgørende betydning for tekstformidling på internet: • Organisering: Principper for inddelingen af indhold. • Navigation: Interface til interaktion med indholdet • (Derudover: Metadata (db), søgning (usability) og forside (design, grænseflade)).

8. Informationsarkitektur • Hvad og hvorfor • Organisering • Pause og øvelse • Navigation • Barrierer og tommelfingerregler

9. Organisering • Med sitets organisering forstås den bagvedliggende plan, der inddeler indholdet i sammenhængende enheder, der står i logiske relationer til hinanden. • Organiseringen er sitets rygrad og danner udgangspunkt for al kommunikation til brugeren.

10. Organisering: Mening og mål • At binde sitets enkelte tekster sammen til én tekst. • At tydeliggøre afsenders strategiske fokus. • At gøre det let for afsender at arrangere indhold. • At tilgodese modtagerens behov for information. • At muliggøre en god navigation.

11. Organisering: Udfordringer • Flertydighed: flere ord/genstande kan klassificeres inden for flere kategorier. • Forskellighed: informationen er sammensat af uens dele. • Perspektiv: afsenderorienteret vs. modtagerorienteret, mange modtagere af samme information. • Politik: interne dagsordner, magtkampe, strategier.

12. Organisering: Eksakte principper • Alfabetisk: kartoteker, telefonbøger, leksika. • Kronologisk:tidslinier, nyheder, arkiver, tv-guides. • Geografisk: jobbaser, indkøb, vejrudsigter, skema.

13. Organisering: Flertydige principper • Emne: mest almindelig – findes overalt. • Funktion: dagligstue/kontor, tast selv. • Modtager: privat/erhverv, offentlig/privat. • Metafor: hus, kontor, skib.

14. Organisering: Struktur • Hierarki: • Funktionel og let genkendelig • Emnerne er principielt gensidigt eksklusive • Brede kontra dybde (myten om 7 +/- 2) • Hypertext: • Links i teksten • Informativ kontra labyrint

15. Organisering: Flowchart 3. niveau 2. niveau 3. niveau 3. niveau Forside 2. niveau 3. niveau 3. niveau 3. niveau 2. niveau 3. niveau 3. niveau

16. Informationsarkitektur • Hvad og hvorfor • Organisering • Pause og øvelse • Navigation • Barrierer og tommelfingerregler

17. Pause og øvelse • Bedøm organiseringen på ikea.dk • Illustrer med et flowchart et alternativt bud på organisering på ikea.dk

18. Informationsarkitektur • Hvad og hvorfor • Organisering • Pause og øvelse • Navigation • Barrierer og tommelfingerregler

19. Navigation • Med navigation forstås den brugergrænseflade, der gør det muligt for brugeren at få adgang til sitets indhold. • Navigation er bindeledet mellem modtageren og organiseringen.

20. Navigation: Mening og mål • At præsentere indholdet for brugeren: fungere som indholdsfortegnelse. • At give svar på tiltale: forudse brugernes spørgsmål til informationen, definere hvilke spørgsmål der kan stilles. • At sætte funktionalitet før design.

21. Navigation vs. Organisering • Organisering bygger ofte på avancerede og subjektive systemer • Navigation skal være enkel for at den kan bruges • Organisering er systemer med deres egne mere eller mindre rigide strukturer • Navigation er ofte drevet af et ønske om at eksponere bestemte dele af indhold

22. Navigation: Principper • Design for brugerne • Giv flere muligheder  • Fortæl hvor brugeren er  • Fortæl hvor brugeren har været • Fortæl brugeren hvor han/hun er på vej hen • Giv kontekst • Være konsistent • Følg best practice • Overrask ikke og snyd ikke

23. Navigation: typer • Global • Lokal • Dokument • Relateret • Feature • Brødkrumme • Geografisk el. sprog • Personificeret • Step-by-step

24. global Underside Søgning Feature Relateret/ personificeret Nederst - geografisk

25. Step-by-step Dokument Personificeret Relateret

26. Navigation: Ex. på forside-skitse LOGO hovedemne # 1 – hovedemne # 2 – hovedemne # 3sitemap – kontakt – in english Lorem ipsum dolor Ut eu arcu. Phasellus diam massa, tincidunt eu, condimentum et, vehicula et, felis. - dato og byline Praesent vulputate pretium eros. Praesent lacus pede, imperdiet eget, sodales sit amet, sollicitudin iaculis, wisi. Donec vestibulum elementum felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque sit amet diam at erat consectetuer auctor. Duis consectetuer tincidunt ante. VestibulumPraesent vulputate pretium eros. Praesent lacus pede, imperdiet eget, sodales sit amet, sollicitudin iaculis, wisi. Donec vestibulum elementum felis. Vestibulum ante Søgning • Læs også: • relateret # 1 • relateret # 2 • relateret # 3 Emne # 1.1Emne # 1.2Emne # 1.3Emne # 1.4Emne # 1.5Emne # 1.6

27. Informationsarkitektur • Hvad og hvorfor • Organisering • Pause og øvelse • Navigation • Barrierer og tommelfingerregler

28. Flere veje til samme sted • Brugeren skal have flere muligheder for at finde samme informationen. • Giver brugeren følelse af magt over informationen. • For at understøtte denne følelse bør man vælge én navigationstype til ét organiserings-princip. • Brugergrænseflade bør bruges til at adskille navigationstyperne. • Navngivning bør være stringent og beskrivende.

29. Barrierer for god IA • Kendskab: Organisationen kender ikke IA og dens brugbarhed. • Strategisk støtte: Manglende (kvalificerede) beslutningstagere på området. • Teknisk støtte: Manglende velfungerende projektorganisation. • Historik: Manglende viden om best practice. • Fremskrivning: Manglende viden om organisationens udvikling. • Mening: Manglende viden om sidens formål.

30. 6 tommelfingerregler • Flere veje til samme indhold (organisering + navigation). • Lad navigationstypen følge organisering og funktionalitet. • Tænk i flow. • Stjæl med arme og ben. • Lyt til brugerne.

31. Gode bøger om IA • Christina Wodtke: Information Architecture, New Riders 2003. • Eric L. Reiss: Practical information archicture, Pearsons Education Limited 2000. • Louis Rosenfeld & Peter Morville: Information Architecture, O’Reilly 1998. • George Lakoff: Women, Fire and Dangerous Things, University of Chicago Press 1987. • Mark Pearrow: Web Site Usability, Charles River Media 2000.

32. Hjemmeopgave: Ny Informationsarkitektur • Udvælg sammen med din gruppe et site som I mener har en dårlig informationsarkitektur – I bestemmer selv hvilket. • Skriv hver for sig en kort tekst der forklarer, hvilke problemer der er i sitets informationsarkitektur • Lav en alternativ informationsarkitektur til sitet.  • Illustrer forslaget med et flowchart og en forside-skitse • Diskuter teksterne og den alternative informationsarkitektur internt i gruppen. • Udvælg den bedste tekst og informationsarkitektur i gruppen og send den til mig sammen en kort tekst der forklarer, hvilke valg I har truffet og hvorfor