iad 2 - les 1 - information architecture

Interaction Design 102 Vragen of feedback? @ferrydendopper

Information Architecture

Introduction, Taxonomy, Organisation Systems


Module 2:Navigation & Structure

Duur: 10 weken


Programma

Week:1. Introductie information architecture,

taxonomie, organisatiesystemen;2. Cardsorting;3. Information Scent;4. Navigatie;5. Metadata;6. Labeling;7. Zoeken.

9. Opdracht inleveren


Boeken

Information Architecture3rd editionPeter Morville & Louis Rosenfeld


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


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)


“Users don’t care about information architecture.”

7

Jakob Nielsen


“They don’t want to learn how a website is structured.

Users focus on tasks, not on structure.”

8

Jakob Nielsen


“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


“Findability precedes usability in the alphabet and on the web. You can’t use what you can’t

find.”

10

Peter Morville


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.


Informatie-ecologie


grondlegger van de systematische indeling van de natuur

Carolus Linnaeus


Taxonomie


Organiseren van content

Uitdagingen: Ambiguïteit Heterogeniteit Verschillend perspectief Interne politiek


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.


Heterogeniteit


Verschillend perspectief


Interne politiek


Organisatiesysteem

Organisatie-schema

Organisatie-structuur

Organisatie-systeem


Organisatieschema’s

Exacte schema’s:• Alfabetisch• Chronologisch• Geografisch

Ambiguë schema’s:• Onderwerp• Taak/doel• Doelgroep• Metafoor• Hybride


Exact: Alfabetisch


Exact: Chronologisch


Exact: Geografisch


Ambigu: Onderwerp


Ambigu: Taak / doel


Ambigu: Doelgroep


Ambigu: Metafoor


Ambigu: Hybride


Wat vind je hiervan?


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.


Organisatiestructuren

Hierarchy (top-down) Structured Database (bottom-up) Hypertextual / wiki (loose) Folksonomy (social)


Hierarchy


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;


Hierarchy


Structured Database


Hypertextual


Folksonomy


Wanneer welke structuur gebruiken?

Top-level:• Bijna altijd hierarchisch

Collectie van homogene content:• Database-model / tagging

Collectie van ongestructureerde, heterogene content:• Hypertext / tagging


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


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


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)


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


Vragen? Feedback?

[email protected]

@ferrydendopper

iad 2 - les 1 - information architecture

Design

informatiearchitectuur

aan van zon

taxonomie en navigatie

mensen voor card

leg een

doe een

gebruik open card

als input voor