Your SlideShare is downloading. ×
0
Informatie architectuur en navigatie ontwerpen<br />
Part 1: Why information architecture?<br />
Examples of BIG, complex, dynamic systems<br />
Examples of BIG, complex, dynamic systems<br />
Examples of BIG, complex, dynamic systems<br />
Part 2:How do people look for information?<br />Searching, Browsing, Asking<br />
Searching: the too-simple model<br />User asks question<br />Black magic<br />User receives answer<br />
Doelen met zoeken: de vismetafoor<br />‘The perfect catch’<br />‘Known item seeking’<br />‘Lobster trapping’<br />‘Explora...
Example of using an intranet<br />&quot;I&apos;m travelling to London on business. How much will my company pay for each d...
Example of using an intranet<br />
‘Berry-picking’ behavioral model<br />
Example to support ‘berrypicking’<br />Veel afwisselen tussen ‘browse’ en ‘search’<br />
‘Pearl growing’ behavioral model<br />&apos;more results like these&apos;<br />
The big questions for ia<br />Not:<br />&apos;Which few, broad, simple categories does the information fit into?&apos; (To...
Often, the main result of your content analysis is...<br />NEW CATEGORIES WITH NEW LABELLING<br />
Part 3: organization schemes & metadata<br />
Organization schemes<br />Exact<br /><ul><li>alphabetical
chronological
geographical</li></ul>Ambiguous<br /><ul><li>topic (yellow pages)
task (edit)
audience (home and home office)
metaphor (park, continent with 'Lake of Forgetfulness', etc.)</li></li></ul><li>Metadata: a controlled vocabulary of terms...
Types of semantic relationships<br />Equivalent - synonym management, variant and preferred terms (A = B)<br />Hierarchica...
What do metadata enable?<br /><ul><li>Automatic generation of alphabetical indices
Dynamic presentation of associative links
Fielded searching
Advanced filtering and sorting</li></li></ul><li>Typen navigatie en patronen<br />Voorbeelden van ‘best practices’ <br />
Bronnen<br />Designing Interfaces. (2006) JeniferTidwell<br />http://designinginterfaces.com/<br />Designing Web Navigatio...
Typen van navigatie (naar Kalbach)<br />Main/globalnavigation<br />
Typen van navigatie (naar Kalbach)<br />Localnavigation<br />
Typen van navigatie (naar Kalbach)<br />Localnavigation<br />
Typen van navigatie (naar Kalbach)<br />Contextualnavigation<br />
Typen van navigatie (naar Kalbach)<br />Contextualnavigation<br />
Typen van navigatie (naar Kalbach)<br />Adaptivenavigation<br />
Typen van navigatie (naar Kalbach)<br />Quick links<br />
Typen van navigatie (naar Kalbach)<br />Footernavigation<br />
Typen van navigatie (naar Kalbach)<br />Utility navigation<br />
Typen van navigatie (naar Kalbach)<br />Main/globalnavigation<br />Localnavigation<br />Contextualnavigation<br />Adaptive...
Indeling van navigatiepatronen (naar Tidwell)<br />Informatie organiseren (hoofdstuk 2)<br />De weg vinden (hoofdstuk 3)<b...
Belangrijke navigatiepatronen (naar Tidwell)<br />Informatie organiseren (Tidwell - hoofdstuk 2)<br />Two-panelselector (b...
Belangrijke navigatiepatronen (naar Tidwell)<br />Informatie organiseren (Tidwell - hoofdstuk 2)<br />One-windowdrilldown ...
Belangrijke navigatiepatronen (naar Tidwell)<br />Informatie organiseren (Tidwell - hoofdstuk 2)<br />Wizard (blz. 42)<br />
Belangrijke navigatiepatronen (naar Tidwell)<br />Informatie organiseren (Tidwell - hoofdstuk 2)<br />Extras ondemand (blz...
Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Global/persistent navigation (...
Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Hub and spoke (blz. 68)<br />
Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Pyramid (blz. 71)<br />
Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Sequence map (blz. 76)<br />
Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Breadcumbs (blz. 78)<br />
Belangrijke navigatiepatronen (naar Tidwell)<br />Pagina’s organiseren (Tidwell, hoofdstuk 4)<br />Titledsections (ook wel...
Upcoming SlideShare
Loading in...5
×

Iadd2 0910 Q2 Information Architecture And Navigation

560

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
560
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Iadd2 0910 Q2 Information Architecture And Navigation"

  1. 1. Informatie architectuur en navigatie ontwerpen<br />
  2. 2. Part 1: Why information architecture?<br />
  3. 3. Examples of BIG, complex, dynamic systems<br />
  4. 4. Examples of BIG, complex, dynamic systems<br />
  5. 5. Examples of BIG, complex, dynamic systems<br />
  6. 6. Part 2:How do people look for information?<br />Searching, Browsing, Asking<br />
  7. 7. Searching: the too-simple model<br />User asks question<br />Black magic<br />User receives answer<br />
  8. 8. Doelen met zoeken: de vismetafoor<br />‘The perfect catch’<br />‘Known item seeking’<br />‘Lobster trapping’<br />‘Exploratoryseeking’<br />‘Drift netting’<br />‘Exhaustiveseeking’<br />
  9. 9. Example of using an intranet<br />&quot;I&apos;m travelling to London on business. How much will my company pay for each day of my trip?&quot;<br />What key words might you associate with this question?<br />
  10. 10. Example of using an intranet<br />
  11. 11. ‘Berry-picking’ behavioral model<br />
  12. 12. Example to support ‘berrypicking’<br />Veel afwisselen tussen ‘browse’ en ‘search’<br />
  13. 13. ‘Pearl growing’ behavioral model<br />&apos;more results like these&apos;<br />
  14. 14. The big questions for ia<br />Not:<br />&apos;Which few, broad, simple categories does the information fit into?&apos; (Top of the hierarchy)<br />Rather:<br />&apos;How are users most likely to behave as they seek the information?&apos;<br />&apos;Which names and groups of information are they most likely to recognize?&apos;<br />
  15. 15. Often, the main result of your content analysis is...<br />NEW CATEGORIES WITH NEW LABELLING<br />
  16. 16. Part 3: organization schemes & metadata<br />
  17. 17. Organization schemes<br />Exact<br /><ul><li>alphabetical
  18. 18. chronological
  19. 19. geographical</li></ul>Ambiguous<br /><ul><li>topic (yellow pages)
  20. 20. task (edit)
  21. 21. audience (home and home office)
  22. 22. metaphor (park, continent with 'Lake of Forgetfulness', etc.)</li></li></ul><li>Metadata: a controlled vocabulary of terms<br />Field (attribute)<br />Record (entity)<br />
  23. 23. Types of semantic relationships<br />Equivalent - synonym management, variant and preferred terms (A = B)<br />Hierarchical - A is a subset of B<br />Generic: Formal class and species (Bird, Magpie)<br />Whole - Part: B is part of A (Big toe, Foot)<br />Instance: B is an instance or example of A (often proper names) (Sea, Mediterranean)<br />Associative<br />A strongly implies B (welcome back to most of humanity&apos;s vague, and yet extraordinarily sensitive and precise use of language)<br />Example: cross-selling. &quot;Going on a trip? Buy this sun hat!&quot;<br />
  24. 24. What do metadata enable?<br /><ul><li>Automatic generation of alphabetical indices
  25. 25. Dynamic presentation of associative links
  26. 26. Fielded searching
  27. 27. Advanced filtering and sorting</li></li></ul><li>Typen navigatie en patronen<br />Voorbeelden van ‘best practices’ <br />
  28. 28. Bronnen<br />Designing Interfaces. (2006) JeniferTidwell<br />http://designinginterfaces.com/<br />Designing Web Navigation. (2007) James Kalbach<br />http://experiencinginformation.wordpress.com/designing-web-navigation-the-book/<br />
  29. 29. Typen van navigatie (naar Kalbach)<br />Main/globalnavigation<br />
  30. 30. Typen van navigatie (naar Kalbach)<br />Localnavigation<br />
  31. 31. Typen van navigatie (naar Kalbach)<br />Localnavigation<br />
  32. 32. Typen van navigatie (naar Kalbach)<br />Contextualnavigation<br />
  33. 33. Typen van navigatie (naar Kalbach)<br />Contextualnavigation<br />
  34. 34. Typen van navigatie (naar Kalbach)<br />Adaptivenavigation<br />
  35. 35. Typen van navigatie (naar Kalbach)<br />Quick links<br />
  36. 36. Typen van navigatie (naar Kalbach)<br />Footernavigation<br />
  37. 37. Typen van navigatie (naar Kalbach)<br />Utility navigation<br />
  38. 38. Typen van navigatie (naar Kalbach)<br />Main/globalnavigation<br />Localnavigation<br />Contextualnavigation<br />Adaptivenavigation<br />Quick links<br />Footernavigation<br />Utility navigation<br />
  39. 39.
  40. 40. Indeling van navigatiepatronen (naar Tidwell)<br />Informatie organiseren (hoofdstuk 2)<br />De weg vinden (hoofdstuk 3)<br />Pagina’s organiseren (hoofdstuk 4)<br />
  41. 41. Belangrijke navigatiepatronen (naar Tidwell)<br />Informatie organiseren (Tidwell - hoofdstuk 2)<br />Two-panelselector (blz. 31)<br />
  42. 42. Belangrijke navigatiepatronen (naar Tidwell)<br />Informatie organiseren (Tidwell - hoofdstuk 2)<br />One-windowdrilldown (blz. 36)<br />
  43. 43. Belangrijke navigatiepatronen (naar Tidwell)<br />Informatie organiseren (Tidwell - hoofdstuk 2)<br />Wizard (blz. 42)<br />
  44. 44. Belangrijke navigatiepatronen (naar Tidwell)<br />Informatie organiseren (Tidwell - hoofdstuk 2)<br />Extras ondemand (blz. 45)<br />
  45. 45. Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Global/persistent navigation (blz. 66)<br />
  46. 46. Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Hub and spoke (blz. 68)<br />
  47. 47. Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Pyramid (blz. 71)<br />
  48. 48. Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Sequence map (blz. 76)<br />
  49. 49. Belangrijke navigatiepatronen (naar Tidwell)<br />De weg vinden (Tidwell, hoofdstuk 3)<br />Breadcumbs (blz. 78)<br />
  50. 50. Belangrijke navigatiepatronen (naar Tidwell)<br />Pagina’s organiseren (Tidwell, hoofdstuk 4)<br />Titledsections (ook wel ‘deurmatjes’ genoemd, blz. 107)<br />
  51. 51. Belangrijke navigatiepatronen (naar Tidwell)<br />Pagina’s organiseren (Tidwell, hoofdstuk 4)<br />Card stack (ook wel ‘tabbed navigation’ genoemd, blz. 109)<br />
  52. 52. Belangrijke navigatiepatronen (naar Tidwell)<br />Pagina’s organiseren (Tidwell, hoofdstuk 4)<br />Closable panels (ook wel ‘harmonica’ genoemd, blz. 111)<br />
  53. 53. Belangrijke navigatiepatronen (naar Tidwell)<br />Pagina’s organiseren (Tidwell, hoofdstuk 4)<br />Responsivedisclosure (blz. 123)<br />
  54. 54. Verder lezen over navigatie- en zoekpatronen<br />Designing Web Interfaces. (2009) Bill Scott & Theresa Neil<br />http://designingwebinterfaces.com/<br />Search Patterns. (geraadpleegd feb. 2009) Peter Morville<br />http://flickr.com/photos/morville/collections/72157603785835882/<br />
  55. 55. Samengevat<br />Verschillende typen navigatie hebben verschillende doelen<br />Gebruikers hebben bepaalde verwachtingen bij de verschillende typen navigatie<br />Het gebruiken van bekende navigatiepatronen in je interactieontwerp speelt in op de verwachtingen van gebruikers en helpt je een gebruiksvriendelijk ontwerp te maken<br />
  56. 56. Bedankt voor jullie aandacht<br />http://vakgroep.cmd.hro.nl/iad/iadd_0910q2/<br />http://rewind.cmi.hro.nl/<br />j.a.m.kemp@hro.nl<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×