Download - IAD 2 - les 1 - Information Architecture
![Page 1: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/1.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Information Architecture
Introduction, Taxonomy, Organisation Systems
![Page 2: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/2.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Module 2:Navigation & Structure
Duur: 10 weken
![Page 3: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/3.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Programma
Week:1. Introductie information architecture,
taxonomie, organisatiesystemen;2. Cardsorting;3. Information Scent;4. Navigatie;5. Metadata;6. Labeling;7. Zoeken.
9. Opdracht inleveren
![Page 4: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/4.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Boeken
Information Architecture3rd editionPeter Morville & Louis Rosenfeld
![Page 5: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/5.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Lesstof & Beoordeling
Lesstof Colleges Boek:
• hst. 5• hst. 6: Designing Labels;• hst. 7, behalve Advanced Navigation Approaches;• hst. 8, behalve Search Algorithms en Exporting Results;• hst. 9: Thesauri t/m Types of Thesauri en Faceted
Classification• hst. 10: Cardsorting
Opdracht Informatiearchitectuur en navigatiesysteem
ontwerpen, m.b.v. card sorting
![Page 6: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/6.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Beoordeling opdracht
Heb je een goede analyse gemaakt van de belangrijkste doelgroepen, content-typen, organisatieschema’s en organisatiestructuren? (max. 15 punten)
Heb je het card sorting onderzoek goed uitgevoerd en vastgelegd in een rapport (verslag van de sessies met concrete observaties)? Heb je objectieve conclusies getrokken? Heb je effectieve en bruikbare aanbevelingen geschreven? (max. 30 punten)
Heb je een goede informatiestructuur ontworpen op basis van de card sorting uitkomsten en conform de behandelde conventies (theorie en best practices)? (max. 30 punten)
Heb je een goede gebruikersinterface ontworpen volgens de standaarden uit IAD? (max. 15 punten)
Heb je je ontwerpkeuzes goed onderbouwd? (max. 10 punten)
![Page 7: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/7.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
“Users don’t care about information architecture.”
7
Jakob Nielsen
![Page 8: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/8.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
“They don’t want to learn how a website is structured.
Users focus on tasks, not on structure.”
8
Jakob Nielsen
![Page 9: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/9.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
“But it’s because users don’t care about the structure of a
website that it is so important to get the information architecture right in the
design.”
9
Jakob Nielsen
![Page 10: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/10.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
“Findability precedes usability in the alphabet and on the web. You can’t use what you can’t
find.”
10
Peter Morville
![Page 11: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/11.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Wat is Information Architecture (IA) ?
De combinatie van organisatie, labeling en navigatie in een informatiesysteem.
Het structureren van websites en intranetten om mensen te helpen informatie vinden en gebruiken.
![Page 12: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/12.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
![Page 13: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/13.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
![Page 14: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/14.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Informatie-ecologie
![Page 15: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/15.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
grondlegger van de systematische indeling van de natuur
Carolus Linnaeus
![Page 16: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/16.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Taxonomie
![Page 17: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/17.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Taxonomie
![Page 18: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/18.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Organiseren van content
Uitdagingen: Ambiguïteit Heterogeniteit Verschillend perspectief Interne politiek
![Page 19: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/19.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ambiguïteit
Trap1. Schop; iem een ~ geven
2. Trede; het kind kroop op de zesde ~
3. Samenstel van treden waarlangs men een hoger of lager gelegen plaats bereikt; de ~ oplopen
4. Trapladder; keuken~
5. Graad van moeilijkheid, opklimming, stadium; hij bereikte de hoogste ~; drie~sraket
6. Enz.
![Page 20: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/20.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Heterogeniteit
![Page 21: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/21.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Verschillend perspectief
![Page 22: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/22.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Interne politiek
![Page 23: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/23.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Organisatiesysteem
Organisatie-schema
Organisatie-structuur
Organisatie-systeem
![Page 24: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/24.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Organisatieschema’s
Exacte schema’s:• Alfabetisch• Chronologisch• Geografisch
Ambiguë schema’s:• Onderwerp• Taak/doel• Doelgroep• Metafoor• Hybride
![Page 25: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/25.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Exact: Alfabetisch
![Page 26: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/26.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Exact: Chronologisch
![Page 27: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/27.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Exact: Geografisch
![Page 28: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/28.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ambigu: Onderwerp
![Page 29: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/29.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ambigu: Onderwerp
![Page 30: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/30.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ambigu: Taak / doel
![Page 31: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/31.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ambigu: Taak / doel
![Page 32: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/32.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ambigu: Doelgroep
![Page 33: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/33.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ambigu: Doelgroep
![Page 34: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/34.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ambigu: Metafoor
![Page 35: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/35.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ambigu: Hybride
![Page 36: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/36.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Wat vind je hiervan?
![Page 37: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/37.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Wanneer welk schema gebruiken?
Exacte schema’s voor:• Bekende items zoeken
(gebruikers weten precies wat ze zoeken)
Ambiguë schema’s voor:• Browsen en associatief leren
(gebruikers hebben een vaag gedefinieerde informatiebehoefte)
Indien mogelijk, gebruik beide vormen.
![Page 38: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/38.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Organisatiestructuren
Hierarchy (top-down) Structured Database (bottom-up) Hypertextual / wiki (loose) Folksonomy (social)
![Page 39: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/39.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Hierarchy
![Page 40: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/40.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Hierarchy
Narrow and deep(6 clicks from A to B)
Broad and shallow
Categorieën moeten onderling uitsluitend zijn;
Vind de balans tussen breedte en diepte;
![Page 41: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/41.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Hierarchy
![Page 42: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/42.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Structured Database
![Page 43: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/43.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Hypertextual
![Page 44: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/44.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Folksonomy
![Page 45: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/45.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Wanneer welke structuur gebruiken?
Top-level:• Bijna altijd hierarchisch
Collectie van homogene content:• Database-model / tagging
Collectie van ongestructureerde, heterogene content:• Hypertext / tagging
![Page 46: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/46.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Oefening: informatieanalyse
• Analyseer de informatiearchitectuur van Nibud.nl:• Voor welke doelgroepen is er content?• Waarover gaat de content?• Welke content-typen worden gebruikt?• Welke organisatieschema’s worden gebruikt?• Welke organisatiestructuren worden gebruikt?
Tijd: 45 minutenDaarna klassikaal conclusies bespreken
![Page 47: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/47.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Module-opdracht
• Ontwerp een informatiearchitectuur (IA) en navigatiesysteem voor woningcorporatie Domesta (www.domesta.nl).
• Gebruik open card sorting (les 2) als input voor de IA.
• Gebruik gesloten card sorting om je nieuwe IA te testen.
• Werk in tweetallen
![Page 48: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/48.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Wat lever je op?
• Beschrijving van de huidige IA en navigatie;
• Verslag van card sortings (min. 3 sessies);
• Taxonomie incl. labeling;• Navigatiesysteem in wireframes;• Beschrijving van ontwerpkeuzes m.b.t.
taxonomie en navigatie.Wanneer lever je op?
• Einde week 9.(advies: lever tussentijds ook al wat in, dan krijg je feedback)
![Page 49: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/49.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Wat kun je nu al doen?
• Doe een informatieanalyse van domesta.nl• Hoeveel en wat voor content?• Welke organisatieschema’s en structuren?
• Leg een lijst aan van zo’n 50 titels of beschrijvingen van (content)pagina’s
• Stel een doelgroepprofiel op en benader alvast mensen voor card sorting
![Page 50: IAD 2 - les 1 - Information Architecture](https://reader033.vdocuments.us/reader033/viewer/2022051314/54c7e9784a795999488b4771/html5/thumbnails/50.jpg)
Interaction Design 102 Vragen of feedback? @ferrydendopper
Vragen? Feedback?
@ferrydendopper