informatie architectuur Hoorcollege 16 september 2009 IAM V1. 2010-2011
vandaag • structureren • navigatie • schema’s
IAM informatie architectuur Herkennen, structureren en vindbaar maken van informatie.
verzameling van in de praktijk ontwikkelde processen, methodes en technieken
informatie architectuur tekst, beeld, video, audio voorzien van structuur en van logische verbanden vanuit een bepaalde context
informatie architectuur informatie voorzien van context context is sociaal, cultureel en maatschappelijk bepaald
informatie architectuur is geen exacte wetenschap context is sociaal, cultureel en maatschappelijk bepaald IA moet deze context begrijpen
informatie categoriseren • informatie in groepen verdelen • hoofdzaken van bijzaken scheiden • mate van belangrijkheid aangeven • maken en benoemen categorieën • eigenschappen toevoegen met schema’s
classificeren informatie in hokjes stoppen op basis van gedeelde eigenschappen
classificaties = informatiefilters informatie in hokjes stoppen op basis van gedeelde eigenschappen óók sociaal, cultureel en maatschappelijk bepaald
informatie in groepen verdelen • • • •
op basis van gemeenschappelijke eigenschappen gebaseerd op gebruikersbehoefte / scenario wederzijds uitsluitend gezamenlijk uitputtend
maak een hiërarchie van de rubrieken • zoek patronen en grote lijnen in je informatie • groepeer gelijksoortige taken • maak ongestructureerde relaties tussen rubrieken mogelijk
belangrijkheid aangeven • breng rangorde aan binnen je rubrieken • verfijn in sub-rubrieken, sub-sub rubrieken enzovoorts
labels maken Een label is een beschrijvende naam voor gegevens of groepen soortgelijke gegevens. labels zijn de teksten die we gebruiken voor structuur en navigatie
navigatie
structuur en navigatie • globale navigatiebuttons geven breedte aan • locale navigatiebuttons geven diepte aan • contextuele links: relaties met de content • functionele buttons geven actie aan
structuur en navigatie
structuur en navigatie
www.freshcotton.nl
navigatie
labels
filters of schema Filters in de vorm van schema's zijn een hulpmiddel om informatie toegankelijk te maken • exact als bezoekers weten wat ze zoeken • subjectief voor vaag omlijnde informatiebehoeften • door elkaar gebruiken: bied meerdere routes aan
categoriseren stap 1 van 3
filters of schema
exact schema
subjectief schema
a-z op onderwerp chronologisch op taak geografisch op doelgroep prijs Filters in de vorm van schema's zijnmetafoor een hulpmiddel in een reeksen informatie toegankelijk hybride te maken sociaal
• exact als bezoekers weten wat ze zoeken • subjectief voor vaag omlijnde informatiebehoeften • door elkaar gebruiken: bied meerdere routes aan
om
categoriseren stap 1 van 3
filters of schema
exact schema
subjectief schema
a-z chronologisch geografisch exact schema prijs reeksen a-z
op onderwerp op taak op doelgroep in een metafoor hybride sociaal
chronologisch geografisch prijs reeksen
informatie groeperen schema’s
exact schema • • • • •
a-z chronologisch geografisch prijs reeksen
subjectief schema • • • • • • •
genre op onderwerp op taak op doelgroep in een metafoor hybride sociaal
?
THNX
informatie te structureren • organisatiesystemen categoriseren • labelsystemen beschrijvingen en benoemen • navigatiesystemen interfaces • zoek en metadata markeren en vinden
informatie te structureren
labels zijn de teksten die we gebruiken voor structuur en navigatie
labels zijn de meest logische manier om een informatiestructuur aan gebruikers duidelijk te maken.
informatie te structureren • gebruikers hebben eigen perspectief • taal is dubbelzinnig • content is hetrogeen • organisaties zijn politiek • organisatiesystemen zijn subjectief
People and Information People search for different things What can we help with? – Known-item searching – Multiple-item seeking – Comprehensive seeking
Information and IA Information Architecture manages information to make it findable – Tagging with metadata – Organizing with CV’s – Creating navigation systems – Optimizing search Which we’ll cover today!
User requirements Business requirements Technology requirements Content requirements
Metadata: what is it? “Metadata tags are used to describe documents, pages, images, software, video and audio files, and other content objects for the purposes of improved navigation and retrieval” ‘Information Architecture for the World Wide Web’, 2nd ed., (2002) Rosenfeld, L. & Morville, P.
Types of Metadata • Descriptive: the nature of the thing, what is it related to?… • Intrinsic: composition of the thing, size, shape… • Administrative: how can the thing be handled? Workflow…
Classification schemes • • • •
Includes non-equivalent relationships Includes hierarchal informal Useful for navigation Useful for helping people broaden their search
Understanding Navigation Message and Access
Local Navigation • I’ve started down the path • Now what?
– What are the categories of items? – What are the siblings of what I see? – What are the subcategories?
Vandaag organisatie • schema’s of filters content items groeperen op basis van gedeelde eigenschappen
Vandaag organisatie • schema’s content items groeperen op basis van gedeelde eigenschappen • structuren De relaties tussen content items en content groepen
INFOR MATIE
architectuur synoniem aan bouwkunst
architectuur synoniem aan bouwkunst “balans tussen schoonheid, stevigheid en bruikbaarheid”
architectuur maakt een model van de werkelijkheid Abstracte begrippen worden tastbaar
architectuur software, systemen, netwerken
model van de werkelijkheid site map, wireframe, tags, labels
Informatie is abstract tekst, beeld, video, audio
gegevens tekst, beeld, video, audio digitaal opgeslagen bijvoorbeeld als .txt .jpg .mpeg4 .mp3 en nog veel meer formaten...
gegevens = data tekst, beeld, video, audio digitaal opgeslagen bijvoorbeeld als .txt .jpg .mpeg4 .mp3 en nog veel meer formaten...
wat is informatie?
gestructureerde gegevens
informatie is geld waard
informatie is geld waard
informatie is geld waard
….indien voorzien van structuur, context en logische verbanden
classificeren informatie in hokjes stoppen
classificeren informatie in hokjes stoppen op basis van gedeelde eigenschappen
structureren hokjes op volgorde zetten
structureren hokjes op volgorde zetten van belangrijkheid of afhankelijkheid
classificeren en structureren Informatie in hokjes stoppen En de hokjes op volgorde leggen
PRO CES
De informatie architect ontwerpt een navigatiesysteem waarmee gebruikers makkelijk en snel om de informatie heen bewegen zodat ze te vinden wat ze zoeken.
Bottom up ontwerpfase • ontwerp ruwe structuur • verfijnen deze structuur tot een navigatiesysteem • documenteren
schermindelingen: wireframes
Bottom up vijf stappen 1. content categoriseren 2. hiërarchie aanbrengen 3. rubrieken en content soorten benoemen 4. navigatie en pagina’s indelen 5. 1-4 vastleggen en documenteren
informatie structureren hiërarchie • Hiërarchie is rubricering van begrippen volgens een bepaalde rangorde.
informatie structureren hiërarchie • Hiërarchie is rubricering van begrippen volgens een bepaalde rangorde. • items groeperen op basis van gedeelde eigenschappen
informatie structureren hiërarchie • Hiërarchie is rubricering van begrippen volgens een bepaalde rangorde. • items groeperen op basis van gedeelde eigenschappen • Doel: gegevens over personen, organisaties, gebeurtenissen en dingen verzamelen in groepen om ze gemakkelijk te identificeren, te bestuderen en terug te vinden.
informatie structureren hiërarchie • Hiërarchie wordt al eeuwenlang door mensen gebruikt om ingewikkelde structuren te visualiseren.
informatie structureren hiërarchie • Hiërarchie wordt al eeuwenlang door mensen gebruikt om ingewikkelde structuren te visualiseren. • Hiërarchische diagrammen zijn voor veel gebruikers een vertrouwde manier om informatie te begrijpen.
informatie structureren hiërarchie • Hiërarchie wordt al eeuwenlang door mensen gebruikt om ingewikkelde structuren te visualiseren. • Hiërarchische diagrammen zijn voor veel gebruikers een vertrouwde manier om informatie te begrijpen. Ze worden in het bedrijfsleven veel gebruikt om structuur en processen inzichtelijk te maken.
informatie structureren hiërarchie • Bij interactieve media – met name websites – is de hiërarchie de meest gebruikte manier om content te structureren.
informatie structureren hiërarchie • Een andere naam voor hiërarchie is taxonomie. • De hiërarchische indeling wordt benoemd met labels. • Een hiërarchie leggen we vast in een hiërarchisch schema of site map.
organisatiesystemen hiërarchie • Hiërarchie is rubricering van begrippen volgens een bepaalde rangorde.
hiërarchie breedte hoeveelheid keuzes op ieder niveau van de hiërarchie
hiërarchie diepte hoeveelheid niveaus in een hiërarchie
hiërarchie polyhiërarchie • links tussen verschillende breedtes en dieptes
hiërarchie te diep meer dan 3 x klikken: te veel om een goede keuze te maken
hiërarchie te breed te veel keuzes, te weinig content
hiërarchie 7 plus of min 2 • 7 keuzes is ideaal, 2 meer of minder kan ook • meer dan 3 x klikken is te veel
meer manieren van structureren database Slaat informatie op vooraf ontworpen schemadefinities • • • •
automatisch genereren van indexen automatisch genereren van gerelateerde informatie zoeken filteren van zoekresultaten
meer manieren van structureren hypertext • • • •
linkt alles met alles nonlineaire manier van structureren context is associatief en persoonlijk handig bij onderlinge relaties tussen onderdelen van een hiërarchie • nadeel: heel snel verdwalen
meer manieren van structureren sociaal classificeren • • • •
vooral bij user generated content content objecten, door gebruikers voorzien van tags bij genoeg gebruikers, objecten en tags ontstaan patronen ook wel: free tagging, mob indexing, ethnoclassificatie
lezen pagina 59-81 Information Architecture for the World Wide Web, Third Edition Morville, P. Rosenfeld, L. 'O Reilly, 978-0-596-52734-1
informatie architectuur • onderzoek • strategie • ontwerp
onderzoek en strategie
• zakelijke eisen en -doelstellingen.
• wensen, verwachtingen en doelen van de gebruiker
• duidelijk omschreven, haalbare doelen
• inventarisatie van bestaande én benodigde content
• overzicht techniek en resources
BOT TOM
fase 2: ontwerp • We maken een eerste, ruwe structuur op basis van de strategie en inventarisatie. • we verfijnen deze structuur tot een navigatiesysteem waarmee gebruikers makkelijk en snel vinden wat ze zoeken. • We documenteren onze structuur in diagrammen en andere documenten.
ontwerp stappen 1. content categoriseren 2. hiërarchie aanbrengen 3. labels voor rubrieken en content soorten 4. content schema's maken 5. navigatie en pagina indelen
1. categoriseren • • • • •
content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken navigatie en pagina indelen
2. structureren • • • • •
content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken navigatie en pagina indelen
3. labelen • • • • •
content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken navigatie en pagina indelen
4. schema's maken • • • • •
content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken alles samenvoegen in een navigatie
schema's maken hoe zat het ook alweer? exact schema • • • • •
a-z chronologisch geografisch prijs reeksen
subjectief schema • • • • • •
op onderwerp op taak op doelgroep in een metafoor hybride sociaal
5. schermindeling en navigatie • • • • •
content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken navigatie en pagina indelen
structuur vastleggen: sitemap
schermindelingen: wireframes
TOP DOWN
fundamentele keuzes • content • design • functionaliteit • operations
fundamentele keuzes • business manager • content manager • interaction designer • software engineer • project manager
1. beschrijf business • zakelijke eisen • communicatiedoelstellingen • overige wensen
2. beschrijf gebruikers • wensen • verwachtingen • doelen
3. techniek en operations • • • •
systemen legacy budget mankracht
4. inventarisatie • • • •
aanwezige content afwezige content technische mogelijkheden operationele middelen (mensen en spullen)
formuleer strategie antwoorden op • • • • • • • •
wat is het doel is iets verplicht wat is de content wie zijn de gebruikers wat willen de gebruikers wat doet de technologie hoeveel € is beschikbaar ...
duidelijke richtlijnen • heldere doelen • haalbare doelen • randvoorwaarden
nogmaals
• zakelijke eisen en organisatiedoelstellingen.
• wensen, verwachtingen en doelen van de gebruiker.
• inventarisatie van bestaande én benodigde content.
• overzicht techniek en resources
• strategie in duidelijk omschreven, haalbare doelen
PRO CES
Informatie Architectuur in de praktijk • strategie: top down • ontwerp: bottom up
TOP DOWN
Top Down zoek evenwicht • Communicatie doelstelling eigenaar (b.v. bedrijf) • Informatie behoefte gebruiker • Beperkingen en mogelijkheden van de techniek
Top Down fundamentele keuzes • business manager • content manager • marketing manager • project manager • interaction designer • software engineer
Top Down inventarisatie
zakelijke eisen en organisatiedoelstellingen
wensen, verwachtingen en doelen van de gebruiker
inventarisatie van bestaande én benodigde content
overzicht techniek en resources
Top Down antwoorden… • • • • • • • •
wat is het doel is iets verplicht wat is de content wie zijn de gebruikers wat willen de gebruikers wat is de techniek hoeveel € is beschikbaar ...
Top Down duidelijke en haalbare doelen • content • design • functionaliteit • operations