informatie architectuur Hoorcollege 16 september 2009 IAM V

Transcriptie

1 informatie architectuur Hoorcollege 16 september 2009 IAM V

2 vandaag structureren navigatie schema s

3 IAM informatie architectuur Herkennen, structureren en vindbaar maken van informatie.

4 verzameling van in de praktijk ontwikkelde processen, methodes en technieken

5 informatie architectuur tekst, beeld, video, audio voorzien van structuur en van logische verbanden vanuit een bepaalde context

6

7

8 informatie architectuur informatie voorzien van context context is sociaal, cultureel en maatschappelijk bepaald

9 informatie architectuur is geen exacte wetenschap context is sociaal, cultureel en maatschappelijk bepaald IA moet deze context begrijpen

10 informatie categoriseren informatie in groepen verdelen hoofdzaken van bijzaken scheiden mate van belangrijkheid aangeven maken en benoemen categorieën eigenschappen toevoegen met schema s

11 classificeren informatie in hokjes stoppen op basis van gedeelde eigenschappen

12 classificaties = informatiefilters informatie in hokjes stoppen op basis van gedeelde eigenschappen óók sociaal, cultureel en maatschappelijk bepaald

13

14

15 informatie in groepen verdelen op basis van gemeenschappelijke eigenschappen gebaseerd op gebruikersbehoefte / scenario wederzijds uitsluitend gezamenlijk uitputtend

16

17 maak een hiërarchie van de rubrieken zoek patronen en grote lijnen in je informatie groepeer gelijksoortige taken maak ongestructureerde relaties tussen rubrieken mogelijk

18

19 belangrijkheid aangeven breng rangorde aan binnen je rubrieken verfijn in sub-rubrieken, sub-sub rubrieken enzovoorts

20

21 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

22

23 navigatie

24 structuur en navigatie globale navigatiebuttons geven breedte aan locale navigatiebuttons geven diepte aan contextuele links: relaties met de content functionele buttons geven actie aan

25 structuur en navigatie

26 structuur en navigatie

27

28 navigatie

29 labels

30 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

31

32 categoriseren stap 1 van 3 filters of schema exact schema subjectief schema a-z chronologisch geografisch prijs reeksen op onderwerp op taak op doelgroep in een metafoor hybride Filters in de vorm van schema's zijn een hulpmiddel om informatie toegankelijk te maken sociaal exact als bezoekers weten wat ze zoeken subjectief voor vaag omlijnde informatiebehoeften door elkaar gebruiken: bied meerdere routes aan

33 categoriseren stap 1 van 3 filters of schema exact schema a-z chronologisch geografisch exact schema prijs reeksen a-z chronologisch geografisch prijs reeksen subjectief schema op onderwerp op taak op doelgroep in een metafoor hybride sociaal

34 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

35 ?

36 THNX

37 informatie te structureren organisatiesystemen categoriseren labelsystemen beschrijvingen en benoemen navigatiesystemen interfaces zoek en metadata markeren en vinden

38 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.

39 informatie te structureren gebruikers hebben eigen perspectief taal is dubbelzinnig content is hetrogeen organisaties zijn politiek organisatiesystemen zijn subjectief

40 People and Information People search for different things What can we help with? Known-item searching Multiple-item seeking Comprehensive seeking

41

42 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!

43 User requirements Business requirements Technology requirements Content requirements

44 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, 2 nd ed., (2002) Rosenfeld, L. & Morville, P.

45 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

46 Classification schemes Includes non-equivalent relationships Includes hierarchal informal Useful for navigation Useful for helping people broaden their search

47 Understanding Navigation Message and Access

48 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?

49 Vandaag organisatie schema s of filters content items groeperen op basis van gedeelde eigenschappen

50 Vandaag organisatie schema s content items groeperen op basis van gedeelde eigenschappen structuren De relaties tussen content items en content groepen

51 INFOR MATIE

52 architectuur synoniem aan bouwkunst

53 architectuur synoniem aan bouwkunst balans tussen schoonheid, stevigheid en bruikbaarheid

54 architectuur maakt een model van de werkelijkheid Abstracte begrippen worden tastbaar

55 architectuur software, systemen, netwerken

56 model van de werkelijkheid site map, wireframe, tags, labels

57 Informatie is abstract tekst, beeld, video, audio

58 gegevens tekst, beeld, video, audio digitaal opgeslagen bijvoorbeeld als.txt.jpg.mpeg4.mp3 en nog veel meer formaten...

59 gegevens = data tekst, beeld, video, audio digitaal opgeslagen bijvoorbeeld als.txt.jpg.mpeg4.mp3 en nog veel meer formaten...

60 wat is informatie? gestructureerde gegevens

61 informatie is geld waard

62 informatie is geld waard

63 informatie is geld waard.indien voorzien van structuur, context en logische verbanden

64

65 classificeren informatie in hokjes stoppen

66 classificeren informatie in hokjes stoppen op basis van gedeelde eigenschappen

67 structureren hokjes op volgorde zetten

68 structureren hokjes op volgorde zetten van belangrijkheid of afhankelijkheid

69 classificeren en structureren Informatie in hokjes stoppen En de hokjes op volgorde leggen

70 PRO CES

71 De informatie architect ontwerpt een navigatiesysteem waarmee gebruikers makkelijk en snel om de informatie heen bewegen zodat ze te vinden wat ze zoeken.

72 Bottom up ontwerpfase ontwerp ruwe structuur verfijnen deze structuur tot een navigatiesysteem documenteren

73 schermindelingen: wireframes

74 Bottom up vijf stappen 1. content categoriseren 2. hiërarchie aanbrengen 3. rubrieken en content soorten benoemen 4. navigatie en pagina s indelen vastleggen en documenteren

75

76 informatie structureren hiërarchie Hiërarchie is rubricering van begrippen volgens een bepaalde rangorde.

77 informatie structureren hiërarchie Hiërarchie is rubricering van begrippen volgens een bepaalde rangorde. items groeperen op basis van gedeelde eigenschappen

78 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.

79 informatie structureren hiërarchie Hiërarchie wordt al eeuwenlang door mensen gebruikt om ingewikkelde structuren te visualiseren.

80 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.

81 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.

82 informatie structureren hiërarchie Bij interactieve media met name websites is de hiërarchie de meest gebruikte manier om content te structureren.

83 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.

84 organisatiesystemen hiërarchie Hiërarchie is rubricering van begrippen volgens een bepaalde rangorde.

85 hiërarchie breedte hoeveelheid keuzes op ieder niveau van de hiërarchie

86 hiërarchie diepte hoeveelheid niveaus in een hiërarchie

87 hiërarchie polyhiërarchie links tussen verschillende breedtes en dieptes

88 meer dan 3 x klikken: te veel om een goede keuze te maken hiërarchie te diep

89 hiërarchie te breed te veel keuzes, te weinig content

90 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

91 meer manieren van structureren database Slaat informatie op vooraf ontworpen schemadefinities automatisch genereren van indexen automatisch genereren van gerelateerde informatie zoeken filteren van zoekresultaten

92 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

93 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

94 lezen pagina Information Architecture for the World Wide Web, Third Edition Morville, P. Rosenfeld, L. 'O Reilly,

95 informatie architectuur onderzoek strategie ontwerp

96 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

97 BOT TOM

98 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.

99 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

100 1. categoriseren content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken navigatie en pagina indelen

101 2. structureren content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken navigatie en pagina indelen

102 3. labelen content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken navigatie en pagina indelen

103 4. schema's maken content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken alles samenvoegen in een navigatie

104 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

105 5. schermindeling en navigatie content categoriseren hiërarchie aanbrengen labels voor rubrieken en content soorten content schema's maken navigatie en pagina indelen

106 structuur vastleggen: sitemap

107 schermindelingen: wireframes

108 TOP DOWN

109 fundamentele keuzes content design functionaliteit operations

110 fundamentele keuzes business manager content manager interaction designer software engineer project manager

111 1. beschrijf business zakelijke eisen communicatiedoelstellingen overige wensen

112 2. beschrijf gebruikers wensen verwachtingen doelen

113 3. techniek en operations systemen legacy budget mankracht

114 4. inventarisatie aanwezige content afwezige content technische mogelijkheden operationele middelen ( spullen (mensen en

115 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

116 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

117 PRO CES

118 Informatie Architectuur in de praktijk strategie: top down ontwerp: bottom up

119 TOP DOWN

120 Top Down zoek evenwicht Communicatie doelstelling eigenaar (b.v. bedrijf) Informatie behoefte gebruiker Beperkingen en mogelijkheden van de techniek

121 Top Down fundamentele keuzes business manager content manager marketing manager project manager interaction designer software engineer

122 Top Down inventarisatie zakelijke eisen en organisatiedoelstellingen wensen, verwachtingen en doelen van de gebruiker inventarisatie van bestaande én benodigde content overzicht techniek en resources

123 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...

124 Top Down duidelijke en haalbare doelen content design functionaliteit operations