iadd2 0910 q2 information architecture and navigation
DESCRIPTION
TRANSCRIPT
![Page 1: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/1.jpg)
Informatie architectuur en navigatie ontwerpen
![Page 2: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/2.jpg)
Part 1: Why information architecture?
![Page 3: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/3.jpg)
Examples of BIG, complex, dynamic systems
![Page 4: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/4.jpg)
Examples of BIG, complex, dynamic systems
![Page 5: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/5.jpg)
Examples of BIG, complex, dynamic systems
![Page 6: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/6.jpg)
Part 2:How do people look for information?
Searching, Browsing, Asking
![Page 7: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/7.jpg)
Searching: the too-simple model
1. User asks question
2. Black magic
3. User receives answer
![Page 8: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/8.jpg)
Doelen met zoeken: de vismetafoor
‘The perfect catch’‘Known item seeking’
‘Lobster trapping’‘Exploratory seeking’
‘Drift netting’‘Exhaustive seeking’
![Page 9: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/9.jpg)
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?
![Page 10: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/10.jpg)
Example of using an intranet
![Page 11: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/11.jpg)
‘Berry-picking’ behavioral model
![Page 12: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/12.jpg)
Example to support ‘berry picking’
Veel afwisselen tussen ‘browse’ en ‘search’
![Page 13: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/13.jpg)
‘Pearl growing’ behavioral model
'more results like these'
![Page 14: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/14.jpg)
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?'
![Page 15: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/15.jpg)
Often, the main result of your content analysis is...
NEW CATEGORIES WITH NEW LABELLING
![Page 16: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/16.jpg)
Part 3: organization schemes & metadata
![Page 17: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/17.jpg)
Organization schemes
Exact
• alphabetical• chronological• geographical
Ambiguous
• topic (yellow pages)• task (edit)• audience (home and home
office)• metaphor (park, continent
with 'Lake of Forgetfulness', etc.)
![Page 18: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/18.jpg)
Metadata: a controlled vocabulary of terms
Record (entity)
Field (attribute)
![Page 19: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/19.jpg)
Types of semantic relationships
Equivalent - synonym management, variant and preferred terms (A = B)
Hierarchical - A is a subset of BGeneric: 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)
AssociativeA 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!"
![Page 20: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/20.jpg)
What do metadata enable?
• Automatic generation of alphabetical indices
• Dynamic presentation of associative links
• Fielded searching
• Advanced filtering and sorting
![Page 21: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/21.jpg)
Typen navigatie en patronen
Voorbeelden van ‘best practices’
![Page 22: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/22.jpg)
Bronnen
Designing Interfaces. (2006) Jenifer Tidwell
http://designinginterfaces.com/
Designing Web Navigation. (2007) James Kalbach
http://experiencinginformation.wordpress.com/designing-web-navigation-the-book/
![Page 23: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/23.jpg)
Typen van navigatie (naar Kalbach)
Main/global navigation
![Page 24: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/24.jpg)
Typen van navigatie (naar Kalbach)
Local navigation
![Page 25: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/25.jpg)
Typen van navigatie (naar Kalbach)
Local navigation
![Page 26: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/26.jpg)
Typen van navigatie (naar Kalbach)
Contextual navigation
![Page 27: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/27.jpg)
Typen van navigatie (naar Kalbach)
Contextual navigation
![Page 28: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/28.jpg)
Typen van navigatie (naar Kalbach)
Adaptive navigation
![Page 29: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/29.jpg)
Typen van navigatie (naar Kalbach)
Quick links
![Page 30: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/30.jpg)
Typen van navigatie (naar Kalbach)
Footer navigation
![Page 31: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/31.jpg)
Typen van navigatie (naar Kalbach)
Utility navigation
![Page 32: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/32.jpg)
Typen van navigatie (naar Kalbach)
Main/global navigationLocal navigationContextual navigationAdaptive navigationQuick linksFooter navigationUtility navigation
![Page 33: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/33.jpg)
![Page 34: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/34.jpg)
Indeling van navigatiepatronen (naar Tidwell)
Informatie organiseren (hoofdstuk 2)
De weg vinden (hoofdstuk 3)Pagina’s organiseren
(hoofdstuk 4)
![Page 35: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/35.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
Informatie organiseren (Tidwell - hoofdstuk 2)Two-panel selector (blz. 31)
![Page 36: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/36.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
Informatie organiseren (Tidwell - hoofdstuk 2)One-window drilldown (blz. 36)
![Page 37: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/37.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
Informatie organiseren (Tidwell - hoofdstuk 2)Wizard (blz. 42)
![Page 38: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/38.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
Informatie organiseren (Tidwell - hoofdstuk 2)Extras on demand (blz. 45)
![Page 39: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/39.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
De weg vinden (Tidwell, hoofdstuk 3)Global/persistent navigation (blz. 66)
![Page 40: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/40.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
De weg vinden (Tidwell, hoofdstuk 3)Hub and spoke (blz. 68)
![Page 41: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/41.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
De weg vinden (Tidwell, hoofdstuk 3)Pyramid (blz. 71)
![Page 42: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/42.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
De weg vinden (Tidwell, hoofdstuk 3)Sequence map (blz. 76)
![Page 43: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/43.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
De weg vinden (Tidwell, hoofdstuk 3)Breadcumbs (blz. 78)
![Page 44: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/44.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
Pagina’s organiseren (Tidwell, hoofdstuk 4)Titled sections (ook wel ‘deurmatjes’ genoemd, blz. 107)
![Page 45: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/45.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
Pagina’s organiseren (Tidwell, hoofdstuk 4)Card stack (ook wel ‘tabbed navigation’ genoemd, blz. 109)
![Page 46: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/46.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
Pagina’s organiseren (Tidwell, hoofdstuk 4)Closable panels (ook wel ‘harmonica’ genoemd, blz. 111)
![Page 47: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/47.jpg)
Belangrijke navigatiepatronen (naar Tidwell)
Pagina’s organiseren (Tidwell, hoofdstuk 4)Responsive disclosure (blz. 123)
![Page 48: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/48.jpg)
Verder lezen over navigatie- en zoekpatronen
Designing Web Interfaces. (2009) Bill Scott & Theresa Neil
http://designingwebinterfaces.com/
Search Patterns. (geraadpleegd feb. 2009) Peter Morville
http://flickr.com/photos/morville/collections/72157603785835882/
![Page 49: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/49.jpg)
Samengevat
Verschillende typen navigatie hebben verschillende doelenGebruikers hebben bepaalde verwachtingen bij de
verschillende typen navigatieHet gebruiken van bekende navigatiepatronen in je
interactieontwerp speelt in op de verwachtingen van gebruikers en helpt je een gebruiksvriendelijk ontwerp te maken
![Page 50: Iadd2 0910 Q2 Information Architecture And Navigation](https://reader038.vdocuments.site/reader038/viewer/2022110117/554235995503469a0d8b45e7/html5/thumbnails/50.jpg)
Bedankt voor jullie aandacht
http://vakgroep.cmd.hro.nl/iad/iadd_0910q2/
http://rewind.cmi.hro.nl/