SlideShare une entreprise Scribd logo
1  sur  50
Informatie architectuur en navigatie ontwerpen
Part 1: Why information architecture?
Examples of BIG, complex, dynamic systems
Examples of BIG, complex, dynamic systems
Examples of BIG, complex, dynamic systems
Part 2:How do people look for information? Searching, Browsing, Asking
Searching: the too-simple model User asks question Black magic User receives answer
Doelen met zoeken: de vismetafoor ‘The perfect catch’ ‘Known item seeking’ ‘Lobster trapping’ ‘Exploratoryseeking’ ‘Drift netting’ ‘Exhaustiveseeking’
Example of using an intranet "I'm travelling to London on business. How much will my company pay for each day of my trip?" What key words might you associate with this question?
Example of using an intranet
‘Berry-picking’ behavioral model
Example to support ‘berrypicking’ Veel afwisselen tussen ‘browse’ en ‘search’
‘Pearl growing’ behavioral model 'more results like these'
The big questions for ia Not: 'Which few, broad, simple categories does the information fit into?' (Top of the  hierarchy) Rather: 'How are users most likely to behave as they seek the information?' 'Which names and groups of information are they most likely to recognize?'
Often, the main result of your content analysis is... NEW CATEGORIES WITH NEW LABELLING
Part 3: organization schemes & metadata
Organization schemes Exact ,[object Object]
chronological
geographicalAmbiguous ,[object Object]
task (edit)
audience (home and home office)
metaphor (park, continent with 'Lake of Forgetfulness', etc.),[object Object]
Types of semantic relationships Equivalent - synonym management, variant and preferred terms (A = B) Hierarchical - A is a subset of B Generic: Formal class and species (Bird, Magpie) Whole - Part: B is part of A (Big toe, Foot) Instance: B is an instance or example of A (often proper names) 	(Sea, Mediterranean) Associative A strongly implies B (welcome back to most of humanity's vague, and yet extraordinarily sensitive and precise use of language) Example: cross-selling. "Going on a trip? Buy this sun hat!"
What do metadata enable? ,[object Object]
Dynamic presentation of associative links
Fielded searching
Advanced filtering and sorting,[object Object]
Bronnen Designing Interfaces. (2006) JeniferTidwell http://designinginterfaces.com/ Designing Web Navigation. (2007) James Kalbach http://experiencinginformation.wordpress.com/designing-web-navigation-the-book/
Typen van navigatie (naar Kalbach) Main/globalnavigation
Typen van navigatie (naar Kalbach) Localnavigation
Typen van navigatie (naar Kalbach) Localnavigation
Typen van navigatie (naar Kalbach) Contextualnavigation
Typen van navigatie (naar Kalbach) Contextualnavigation
Typen van navigatie (naar Kalbach) Adaptivenavigation
Typen van navigatie (naar Kalbach) Quick links
Typen van navigatie (naar Kalbach) Footernavigation
Typen van navigatie (naar Kalbach) Utility navigation
Typen van navigatie (naar Kalbach) Main/globalnavigation Localnavigation Contextualnavigation Adaptivenavigation Quick links Footernavigation Utility navigation
Indeling van navigatiepatronen (naar Tidwell) Informatie organiseren (hoofdstuk 2) De weg vinden (hoofdstuk 3) Pagina’s organiseren (hoofdstuk 4)
Belangrijke navigatiepatronen (naar Tidwell) Informatie organiseren (Tidwell - hoofdstuk 2) Two-panelselector (blz. 31)
Belangrijke navigatiepatronen (naar Tidwell) Informatie organiseren (Tidwell - hoofdstuk 2) One-windowdrilldown (blz. 36)
Belangrijke navigatiepatronen (naar Tidwell) Informatie organiseren (Tidwell - hoofdstuk 2) Wizard (blz. 42)
Belangrijke navigatiepatronen (naar Tidwell) Informatie organiseren (Tidwell - hoofdstuk 2) Extras ondemand (blz. 45)
Belangrijke navigatiepatronen (naar Tidwell) De weg vinden (Tidwell, hoofdstuk 3) Global/persistent navigation (blz. 66)
Belangrijke navigatiepatronen (naar Tidwell) De weg vinden (Tidwell, hoofdstuk 3) Hub and spoke (blz. 68)
Belangrijke navigatiepatronen (naar Tidwell) De weg vinden (Tidwell, hoofdstuk 3) Pyramid (blz. 71)
Belangrijke navigatiepatronen (naar Tidwell) De weg vinden (Tidwell, hoofdstuk 3) Sequence map (blz. 76)
Belangrijke navigatiepatronen (naar Tidwell) De weg vinden (Tidwell, hoofdstuk 3) Breadcumbs (blz. 78)
Belangrijke navigatiepatronen (naar Tidwell) Pagina’s organiseren (Tidwell, hoofdstuk 4) Titledsections (ook wel ‘deurmatjes’ genoemd, blz. 107)

Contenu connexe

En vedette

Daniela delgadoted talk
Daniela delgadoted talkDaniela delgadoted talk
Daniela delgadoted talkCorey Topf
 
0910 Q2 Medialab Kickoff
0910 Q2 Medialab Kickoff0910 Q2 Medialab Kickoff
0910 Q2 Medialab KickoffHans Kemp
 
Iad2 Cmd2 C Kwartaalopdracht 0910 Q1
Iad2 Cmd2 C Kwartaalopdracht 0910 Q1Iad2 Cmd2 C Kwartaalopdracht 0910 Q1
Iad2 Cmd2 C Kwartaalopdracht 0910 Q1Hans Kemp
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoffHans Kemp
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobileHans Kemp
 
IA Parent Presentation - March 27th, 2014
IA Parent Presentation - March 27th, 2014IA Parent Presentation - March 27th, 2014
IA Parent Presentation - March 27th, 2014Corey Topf
 
Ouderavond Groningen Maart 2011
Ouderavond Groningen Maart 2011Ouderavond Groningen Maart 2011
Ouderavond Groningen Maart 2011inespee
 
Interoperability frameworks
Interoperability frameworksInteroperability frameworks
Interoperability frameworksStevenSegaert
 
Norwegian directorate of integration an diversity
Norwegian directorate of integration an diversityNorwegian directorate of integration an diversity
Norwegian directorate of integration an diversityGeorge Bekiaridis
 
Unit 2 3 1 Costs Of Production
Unit 2 3 1 Costs Of ProductionUnit 2 3 1 Costs Of Production
Unit 2 3 1 Costs Of ProductionCorey Topf
 
Unit 2 3 1 Costs Of Production
Unit 2 3 1 Costs Of ProductionUnit 2 3 1 Costs Of Production
Unit 2 3 1 Costs Of ProductionCorey Topf
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactieHans Kemp
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobileHans Kemp
 
Week 14 Sponges
Week 14 SpongesWeek 14 Sponges
Week 14 SpongesCorey Topf
 
Techo clubroster2011 20121
Techo clubroster2011 20121Techo clubroster2011 20121
Techo clubroster2011 20121Corey Topf
 
For Sale 7914 Skyview St Slideshow
For Sale 7914 Skyview St SlideshowFor Sale 7914 Skyview St Slideshow
For Sale 7914 Skyview St Slideshowrteam
 

En vedette (20)

Daniela delgadoted talk
Daniela delgadoted talkDaniela delgadoted talk
Daniela delgadoted talk
 
0910 Q2 Medialab Kickoff
0910 Q2 Medialab Kickoff0910 Q2 Medialab Kickoff
0910 Q2 Medialab Kickoff
 
Unit 2
Unit 2Unit 2
Unit 2
 
Iad2 Cmd2 C Kwartaalopdracht 0910 Q1
Iad2 Cmd2 C Kwartaalopdracht 0910 Q1Iad2 Cmd2 C Kwartaalopdracht 0910 Q1
Iad2 Cmd2 C Kwartaalopdracht 0910 Q1
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoff
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobile
 
IA Parent Presentation - March 27th, 2014
IA Parent Presentation - March 27th, 2014IA Parent Presentation - March 27th, 2014
IA Parent Presentation - March 27th, 2014
 
Ict lab
Ict labIct lab
Ict lab
 
Ouderavond Groningen Maart 2011
Ouderavond Groningen Maart 2011Ouderavond Groningen Maart 2011
Ouderavond Groningen Maart 2011
 
Interoperability frameworks
Interoperability frameworksInteroperability frameworks
Interoperability frameworks
 
Cad jan 2012
Cad jan 2012Cad jan 2012
Cad jan 2012
 
Norwegian directorate of integration an diversity
Norwegian directorate of integration an diversityNorwegian directorate of integration an diversity
Norwegian directorate of integration an diversity
 
Unit 2 3 1 Costs Of Production
Unit 2 3 1 Costs Of ProductionUnit 2 3 1 Costs Of Production
Unit 2 3 1 Costs Of Production
 
Unit 2 3 1 Costs Of Production
Unit 2 3 1 Costs Of ProductionUnit 2 3 1 Costs Of Production
Unit 2 3 1 Costs Of Production
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactie
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
Week 14 Sponges
Week 14 SpongesWeek 14 Sponges
Week 14 Sponges
 
Techo clubroster2011 20121
Techo clubroster2011 20121Techo clubroster2011 20121
Techo clubroster2011 20121
 
For Sale 7914 Skyview St Slideshow
For Sale 7914 Skyview St SlideshowFor Sale 7914 Skyview St Slideshow
For Sale 7914 Skyview St Slideshow
 
Techo may2
Techo may2Techo may2
Techo may2
 

Plus de Hans Kemp

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Hans Kemp
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd belevingHans Kemp
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformHans Kemp
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobileHans Kemp
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijkHans Kemp
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductieHans Kemp
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-offHans Kemp
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en posturesHans Kemp
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshopHans Kemp
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisatiesHans Kemp
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introductionHans Kemp
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick offHans Kemp
 
1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principleHans Kemp
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Hans Kemp
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteersHans Kemp
 
Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactieHans Kemp
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieHans Kemp
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronenHans Kemp
 
User Experience Design Introduction
User Experience Design   IntroductionUser Experience Design   Introduction
User Experience Design IntroductionHans Kemp
 

Plus de Hans Kemp (20)

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd beleving
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platform
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijk
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductie
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-off
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshop
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisaties
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introduction
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick off
 
1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principle
 
Bio
BioBio
Bio
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteers
 
Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactie
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotie
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronen
 
User Experience Design Introduction
User Experience Design   IntroductionUser Experience Design   Introduction
User Experience Design Introduction
 

Iadd2 0910 Q2 Information Architecture And Navigation