Iadd2 0910 Q2 Information Architecture And Navigation

  • 535 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
535
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
11
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Informatie architectuur en navigatie ontwerpen
  • 2. Part 1: Why information architecture?
  • 3. Examples of BIG, complex, dynamic systems
  • 4. Examples of BIG, complex, dynamic systems
  • 5. Examples of BIG, complex, dynamic systems
  • 6. Part 2:How do people look for information?
    Searching, Browsing, Asking
  • 7. Searching: the too-simple model
    User asks question
    Black magic
    User receives answer
  • 8. Doelen met zoeken: de vismetafoor
    ‘The perfect catch’
    ‘Known item seeking’
    ‘Lobster trapping’
    ‘Exploratoryseeking’
    ‘Drift netting’
    ‘Exhaustiveseeking’
  • 9. 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?
  • 10. Example of using an intranet
  • 11. ‘Berry-picking’ behavioral model
  • 12. Example to support ‘berrypicking’
    Veel afwisselen tussen ‘browse’ en ‘search’
  • 13. ‘Pearl growing’ behavioral model
    'more results like these'
  • 14. 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?'
  • 15. Often, the main result of your content analysis is...
    NEW CATEGORIES WITH NEW LABELLING
  • 16. Part 3: organization schemes & metadata
  • 17. Organization schemes
    Exact
    Ambiguous
    • topic (yellow pages)
    • 20. task (edit)
    • 21. audience (home and home office)
    • 22. metaphor (park, continent with 'Lake of Forgetfulness', etc.)
  • Metadata: a controlled vocabulary of terms
    Field (attribute)
    Record (entity)
  • 23. 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!"
  • 24. What do metadata enable?
    • Automatic generation of alphabetical indices
    • 25. Dynamic presentation of associative links
    • 26. Fielded searching
    • 27. Advanced filtering and sorting
  • Typen navigatie en patronen
    Voorbeelden van ‘best practices’
  • 28. Bronnen
    Designing Interfaces. (2006) JeniferTidwell
    http://designinginterfaces.com/
    Designing Web Navigation. (2007) James Kalbach
    http://experiencinginformation.wordpress.com/designing-web-navigation-the-book/
  • 29. Typen van navigatie (naar Kalbach)
    Main/globalnavigation
  • 30. Typen van navigatie (naar Kalbach)
    Localnavigation
  • 31. Typen van navigatie (naar Kalbach)
    Localnavigation
  • 32. Typen van navigatie (naar Kalbach)
    Contextualnavigation
  • 33. Typen van navigatie (naar Kalbach)
    Contextualnavigation
  • 34. Typen van navigatie (naar Kalbach)
    Adaptivenavigation
  • 35. Typen van navigatie (naar Kalbach)
    Quick links
  • 36. Typen van navigatie (naar Kalbach)
    Footernavigation
  • 37. Typen van navigatie (naar Kalbach)
    Utility navigation
  • 38. Typen van navigatie (naar Kalbach)
    Main/globalnavigation
    Localnavigation
    Contextualnavigation
    Adaptivenavigation
    Quick links
    Footernavigation
    Utility navigation
  • 39.
  • 40. Indeling van navigatiepatronen (naar Tidwell)
    Informatie organiseren (hoofdstuk 2)
    De weg vinden (hoofdstuk 3)
    Pagina’s organiseren (hoofdstuk 4)
  • 41. Belangrijke navigatiepatronen (naar Tidwell)
    Informatie organiseren (Tidwell - hoofdstuk 2)
    Two-panelselector (blz. 31)
  • 42. Belangrijke navigatiepatronen (naar Tidwell)
    Informatie organiseren (Tidwell - hoofdstuk 2)
    One-windowdrilldown (blz. 36)
  • 43. Belangrijke navigatiepatronen (naar Tidwell)
    Informatie organiseren (Tidwell - hoofdstuk 2)
    Wizard (blz. 42)
  • 44. Belangrijke navigatiepatronen (naar Tidwell)
    Informatie organiseren (Tidwell - hoofdstuk 2)
    Extras ondemand (blz. 45)
  • 45. Belangrijke navigatiepatronen (naar Tidwell)
    De weg vinden (Tidwell, hoofdstuk 3)
    Global/persistent navigation (blz. 66)
  • 46. Belangrijke navigatiepatronen (naar Tidwell)
    De weg vinden (Tidwell, hoofdstuk 3)
    Hub and spoke (blz. 68)
  • 47. Belangrijke navigatiepatronen (naar Tidwell)
    De weg vinden (Tidwell, hoofdstuk 3)
    Pyramid (blz. 71)
  • 48. Belangrijke navigatiepatronen (naar Tidwell)
    De weg vinden (Tidwell, hoofdstuk 3)
    Sequence map (blz. 76)
  • 49. Belangrijke navigatiepatronen (naar Tidwell)
    De weg vinden (Tidwell, hoofdstuk 3)
    Breadcumbs (blz. 78)
  • 50. Belangrijke navigatiepatronen (naar Tidwell)
    Pagina’s organiseren (Tidwell, hoofdstuk 4)
    Titledsections (ook wel ‘deurmatjes’ genoemd, blz. 107)
  • 51. Belangrijke navigatiepatronen (naar Tidwell)
    Pagina’s organiseren (Tidwell, hoofdstuk 4)
    Card stack (ook wel ‘tabbed navigation’ genoemd, blz. 109)
  • 52. Belangrijke navigatiepatronen (naar Tidwell)
    Pagina’s organiseren (Tidwell, hoofdstuk 4)
    Closable panels (ook wel ‘harmonica’ genoemd, blz. 111)
  • 53. Belangrijke navigatiepatronen (naar Tidwell)
    Pagina’s organiseren (Tidwell, hoofdstuk 4)
    Responsivedisclosure (blz. 123)
  • 54. 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/
  • 55. Samengevat
    Verschillende typen navigatie hebben verschillende doelen
    Gebruikers hebben bepaalde verwachtingen bij de verschillende typen navigatie
    Het gebruiken van bekende navigatiepatronen in je interactieontwerp speelt in op de verwachtingen van gebruikers en helpt je een gebruiksvriendelijk ontwerp te maken
  • 56. Bedankt voor jullie aandacht
    http://vakgroep.cmd.hro.nl/iad/iadd_0910q2/
    http://rewind.cmi.hro.nl/
    j.a.m.kemp@hro.nl