Metadata / facetsInteraction Design 102    Vragen of feedback?   @ferrydendopper
Wat is metadata / een facet?         Een aspect / kenmerk / eigenschap         Een manier om een object aan te duiden   ...
Wat is een facet?Interaction Design 102     Vragen of feedback?   @ferrydendopper
Facet criteria        Wanneer is een facet geschikt voor navigatie?            Onderscheidbaar in meerdere componenten;  ...
Wat zijn facets van…Interaction Design 102        Vragen of feedback?   @ferrydendopper
Wat maakt metadata mogelijk?        • Automatisch genereren van alfabetische index        • Dynamische presentatie van ass...
Usability van facets         Ontdekken gebruikers de facetten?         Zijn ze gemakkelijk te gebruiken?               •...
Waarden kiezen         Bekende interface elementen verkleinen de          leercurve voor nieuwe interacties              ...
Waarden kiezen         Als er teveel waarden zijn, laat er dan slechts een paar zien en          link naar de rest       ...
Waarden kiezen         Ondersteun de selectie van meerdere waarden waar          relevant               • Bv. merk, featu...
Welke facets heb ik gekozen?         Breadcrumbs: de bekende aanpak           • Misschien niet prominent genoeg om helder...
Welke facets heb ik gekozen?         Contextueel dichtbij de facets controls plaatsenInteraction Design 102              ...
Welke facets heb ik gekozen?         Gebruik bekende(re) interface elementen               • Simpele lijst               ...
Welke facets heb ik gekozen?         Behandel een zoekterm als de andere facetsInteraction Design 102                    ...
Gekozen facets aanpassen         Zorg dat gebruikers hun selectie kunnen aanpassen               • Breadcrumbs hebben hie...
Welke facets gebruiken?         Welke facets zou je moeten tonen?         Analyseer gebruik per categorie (log files)   ...
Volgorde van facets            In welke volgorde moeten ze verschijnen?              • Naar gebruik              • Naar t...
Waarden                                                                                 Crutchfield         Vaak gebruikt...
Waarden         Gebruik minimums of maximums waar het          gepast isInteraction Design 102              Vragen of fee...
Sorteren op facetsInteraction Design 102      Vragen of feedback?   @ferrydendopper
Sorteren op facetsInteraction Design 102      Vragen of feedback?   @ferrydendopper
Voorbeeld                         Ontdekbaarheid                          Plaatsing aan linkerkant                       ...
Voorbeeld                         Usability                          Waarden kiezen met                           bekende...
Oefening: Faceted navigatie voor HR?Interaction Design 102          Vragen of feedback?   @ferrydendopper
Vragen? Feedback?        f.den.dopper@hr.nl        @ferrydendopperInteraction Design 102       Vragen of feedback?   @ferr...
Upcoming SlideShare
Loading in...5
×

IAD 2 - les 5 - Metadata

305

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
305
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

IAD 2 - les 5 - Metadata

  1. 1. Metadata / facetsInteraction Design 102 Vragen of feedback? @ferrydendopper
  2. 2. Wat is metadata / een facet?  Een aspect / kenmerk / eigenschap  Een manier om een object aan te duiden  Bruikbaar als selectievariabeleInteraction Design 102 Vragen of feedback? @ferrydendopper
  3. 3. Wat is een facet?Interaction Design 102 Vragen of feedback? @ferrydendopper
  4. 4. Facet criteria Wanneer is een facet geschikt voor navigatie?  Onderscheidbaar in meerdere componenten;  Relevant voor het doel;  Onherroepelijk, definitief bepaald;  Permanent;  Discreet / onderling uitsluitend;  En zo gaat de lijst nog even door...Interaction Design 102 Vragen of feedback? @ferrydendopper
  5. 5. Wat zijn facets van…Interaction Design 102 Vragen of feedback? @ferrydendopper
  6. 6. Wat maakt metadata mogelijk? • Automatisch genereren van alfabetische index • Dynamische presentatie van associatieve links • Zoeken op specifieke velden • Geavanceerd filteren en sorterenInteraction Design 102 Vragen of feedback? @ferrydendopper
  7. 7. Usability van facets  Ontdekken gebruikers de facetten?  Zijn ze gemakkelijk te gebruiken? • Waarden kiezen • Controleren wat ik heb gekozen • Waarden aanpassenInteraction Design 102 Vragen of feedback? @ferrydendopper
  8. 8. Waarden kiezen  Bekende interface elementen verkleinen de leercurve voor nieuwe interacties • Simpele tekst links • Drop-down menu‟s  Nummers helpen gebruikers vooraf het effect te zien van hun keuzes.Interaction Design 102 Vragen of feedback? @ferrydendopper
  9. 9. Waarden kiezen  Als er teveel waarden zijn, laat er dan slechts een paar zien en link naar de rest • Sorteer numeriek als kwantificeerbaar (bv. resolutie) • Sorteer anders op grootte of populariteit (bv. merk)Interaction Design 102 Vragen of feedback? @ferrydendopper
  10. 10. Waarden kiezen  Ondersteun de selectie van meerdere waarden waar relevant • Bv. merk, featuresInteraction Design 102 Vragen of feedback? @ferrydendopper
  11. 11. Welke facets heb ik gekozen?  Breadcrumbs: de bekende aanpak • Misschien niet prominent genoeg om heldere feedback te geven • Vaak te ver vandaan van waar ik net geklikt heb. • Inconsistent met gebruikersverwachtingen m.b.t. breadcrumb gedragInteraction Design 102 Vragen of feedback? @ferrydendopper
  12. 12. Welke facets heb ik gekozen?  Contextueel dichtbij de facets controls plaatsenInteraction Design 102 Vragen of feedback? @ferrydendopper
  13. 13. Welke facets heb ik gekozen?  Gebruik bekende(re) interface elementen • Simpele lijst • Checkboxes • Drop-down menu‟s Select your options: Select your options: Select your options: All categories All categories All categories All prices $100 or less $100 or less All manufacturers All manufacturers All manufacturers All platforms All platforms All platformsInteraction Design 102 Vragen of feedback? @ferrydendopper
  14. 14. Welke facets heb ik gekozen?  Behandel een zoekterm als de andere facetsInteraction Design 102 Vragen of feedback? @ferrydendopper
  15. 15. Gekozen facets aanpassen  Zorg dat gebruikers hun selectie kunnen aanpassen • Breadcrumbs hebben hier een nadeel  Pas op voor “X”  Laat gebruikers er niet te hard voor werkenInteraction Design 102 Vragen of feedback? @ferrydendopper
  16. 16. Welke facets gebruiken?  Welke facets zou je moeten tonen?  Analyseer gebruik per categorie (log files)  Minimaliseer „information overload‟Interaction Design 102 Vragen of feedback? @ferrydendopper
  17. 17. Volgorde van facets  In welke volgorde moeten ze verschijnen? • Naar gebruik • Naar type (bv. alle technische specs bij elkaar) • Alfabetisch (alleen als laatste redmiddel)  Consistent over alle categorieën? • Taak of categorie geschiktheid belangrijker dan site-brede consistentie • Voorbeeld: “Platform” facet in Laptops vs. CablesInteraction Design 102 Vragen of feedback? @ferrydendopper
  18. 18. Waarden Crutchfield  Vaak gebruikt: Waarden als ranges  Komt vaak niet overeen met gebruik • “Ik wil minder dan 200 euro besteden” CNET • “Ik wil ten minste een 12-inch scherm” • “Ik wil ten minste een 2 GHz processor” CompUSAInteraction Design 102 Vragen of feedback? @ferrydendopper
  19. 19. Waarden  Gebruik minimums of maximums waar het gepast isInteraction Design 102 Vragen of feedback? @ferrydendopper
  20. 20. Sorteren op facetsInteraction Design 102 Vragen of feedback? @ferrydendopper
  21. 21. Sorteren op facetsInteraction Design 102 Vragen of feedback? @ferrydendopper
  22. 22. Voorbeeld Ontdekbaarheid  Plaatsing aan linkerkant  Prominentie met kleur, drop-down menu’s en beweging  Connectie met resultaten door kleur en vormInteraction Design 102 Vragen of feedback? @ferrydendopper
  23. 23. Voorbeeld Usability  Waarden kiezen met bekende drop-downs ● Nummers, „more‟ link  Selecties controleren via bekende checkboxes, contextuee l geplaatst ● Incl. zoektermen en aanbiedingen (clearance items)  Waarden aanpassenInteraction Design 102 Vragen of feedback? @ferrydendopper
  24. 24. Oefening: Faceted navigatie voor HR?Interaction Design 102 Vragen of feedback? @ferrydendopper
  25. 25. Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopperInteraction Design 102 Vragen of feedback? @ferrydendopper
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×