IAD 2 - les 5 - Metadata

Click here to load reader

  • date post

    28-Jan-2015
  • Category

    Design

  • view

    103
  • download

    0

Embed Size (px)

description

 

Transcript of IAD 2 - les 5 - Metadata

  • 1. Metadata / facetsInteraction Design 102Vragen of feedback? @ferrydendopper

2. Wat is metadata / een facet? Een aspect / kenmerk / eigenschap Een manier om een object aan te duiden Bruikbaar als selectievariabeleInteraction Design 102Vragen of feedback? @ferrydendopper 3. Wat is een facet?Interaction Design 102 Vragen of feedback? @ferrydendopper 4. Facet criteriaWanneer 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. Wat zijn facets vanInteraction Design 102Vragen of feedback? @ferrydendopper 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. Usability van facets Ontdekken gebruikers de facetten? Zijn ze gemakkelijk te gebruiken? Waarden kiezen Controleren wat ik heb gekozen Waarden aanpassenInteraction Design 102Vragen of feedback? @ferrydendopper 8. Waarden kiezen Bekende interface elementen verkleinen deleercurve voor nieuwe interacties Simpele tekst links Drop-down menus Nummers helpen gebruikers vooraf het effect te zienvan hun keuzes.Interaction Design 102Vragen of feedback? @ferrydendopper 9. Waarden kiezen Als er teveel waarden zijn, laat er dan slechts een paar zien enlink 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. Waarden kiezen Ondersteun de selectie van meerdere waarden waarrelevant Bv. merk, featuresInteraction Design 102Vragen of feedback? @ferrydendopper 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. Welke facets heb ik gekozen? Contextueel dichtbij de facets controls plaatsenInteraction Design 102 Vragen of feedback? @ferrydendopper 13. Welke facets heb ik gekozen? Gebruik bekende(re) interface elementen Simpele lijst Checkboxes Drop-down menusSelect your options: Select your options: Select your options: All categoriesAll categoriesAll categories All prices $100 or less $100 or less All manufacturers All manufacturers All manufacturers All platforms All platforms All platformsInteraction Design 102Vragen of [email protected] 14. Welke facets heb ik gekozen? Behandel een zoekterm als de andere facetsInteraction Design 102 Vragen of feedback? @ferrydendopper 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 hardvoor werkenInteraction Design 102Vragen of feedback? @ferrydendopper 16. Welke facets gebruiken? Welke facets zou je moeten tonen? Analyseer gebruik per categorie (log files) Minimaliseer information overloadInteraction Design 102Vragen of feedback? @ferrydendopper 17. Volgorde van facetsIn welke volgorde moeten ze verschijnen? Naar gebruik Naar type (bv. alle technische specs bij elkaar) Alfabetisch (alleen als laatste redmiddel)Consistent over alle categorien? Taak of categorie geschiktheid belangrijker dan site-brede consistentie Voorbeeld: Platform facet in Laptops vs. CablesInteraction Design 102 Vragen of feedback? @ferrydendopper 18. Waarden Crutchfield Vaak gebruikt: Waarden als ranges Komt vaak niet overeen met gebruik Ik wil minder dan 200 euro bestedenCNET Ik wil ten minste een 12-inch scherm Ik wil ten minste een 2 GHz processor CompUSAInteraction Design 102Vragen of feedback? @ferrydendopper 19. Waarden Gebruik minimums of maximums waar hetgepast isInteraction Design 102Vragen of feedback? @ferrydendopper 20. Sorteren op facetsInteraction Design 102Vragen of feedback? @ferrydendopper 21. Sorteren op facetsInteraction Design 102Vragen of feedback? @ferrydendopper 22. Voorbeeld Ontdekbaarheid Plaatsing aan linkerkant Prominentie met kleur, drop-down menus en beweging Connectie met resultaten door kleur en vormInteraction Design 102Vragen of feedback? @ferrydendopper 23. Voorbeeld Usability Waarden kiezen met bekende drop-downs Nummers, more link Selecties controleren via bekende checkboxes, contextuee l geplaatst Incl. zoektermen enaanbiedingen(clearance items) Waarden aanpassenInteraction Design 102 Vragen of feedback? @ferrydendopper 24. Oefening: Faceted navigatie voor HR?Interaction Design 102Vragen of feedback? @ferrydendopper 25. Vragen? [email protected]@ferrydendopperInteraction Design 102 Vragen of feedback? @ferrydendopper