IAD 2 - les 6 - Labeling

557 views

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
557
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • In het Nederlandsgeldtditook: mensenwillen “goedkoop”, niet “voordelig”. Maarja, eenbeetje hotel noemtzichzelfniet “goedkoop”. Dilemma! ;-)
  • IAD 2 - les 6 - Labeling

    1. 1. Designing LabelsInteraction Design 202 Vragen of feedback? @ferrydendopper
    2. 2. Wat hebben we in de voorgaande lessen al besproken over labeling?Interaction Design 202 Vragen of feedback? @ferrydendopper
    3. 3. Ambiguïteit Trap 1. Schop; iem een ~ geven 2. Trede; het kind kroop op de zesde ~ 3. Samenstel van treden waarlangs men een hoger of lager gelegen plaats bereikt; de ~ oplopen 4. Trapladder; keuken~ 5. Graad van moeilijkheid, opklimming, stadium; hij bereikte de hoogste ~; drie~sraket 6. Enz.Interaction Design 202 Vragen of feedback? @ferrydendopper
    4. 4. Organisatieschema’s  Exacte schema’s: • Alfabetisch • Chronologisch • Geografisch  Ambiguë schema’s: • Onderwerp • Taak/doel • Doelgroep • Metafoor • HybrideInteraction Design 202 Vragen of feedback? @ferrydendopper
    5. 5. Interaction Design 202 Vragen of feedback? @ferrydendopper
    6. 6. Interaction Design 202 Vragen of feedback? @ferrydendopper
    7. 7. Interaction Design 202 Vragen of feedback? @ferrydendopper
    8. 8. Don’t Panic! “Your labels will never be perfect.” “If it sounds to you like labeling is an art rather than a science, you’re absolutely correct.” “There are no rules, only guidelines.” Morville & RosenfeldInteraction Design 202 Vragen of feedback? @ferrydendopper
    9. 9. Hoe maak je labels meer representatief en minder ambigu?  Focus! Hoe specifieker je scope (doelgroep, doelen, inhoud), hoe meer je het aantal mogelijke perspectieven op wat een label betekent.Interaction Design 202 Vragen of feedback? @ferrydendopper
    10. 10. Hoe maak je labels meer representatief en minder ambigu?  Ontwerp labelsystemen, geen losse labels • Consistentie > Voorspelbaarheid > Gemakkelijker te leren  Stijl: bv. formeel / informeel  Syntax: werkwoorden / z.nw, vragen / losse woorden  ‘Korreligheid’ (granularity): restaurants of Burger Kings?  Dekkingsgraad: ontstaat er geen gat in het systeem?  Publiek: wat als “buikpijn” en “lymfoom” naast elkaar staan?Interaction Design 202 Vragen of feedback? @ferrydendopper
    11. 11. Bronnen voor labels  Zoeklog analyse  Card sorting  Category Agreement Analysis http://www.uie.com/articles/caa/ Item Hoofdcategorie Subcategorie USB-sticks ………………… ………………  Bij vergelijkbare / concurrerende sites kijkenInteraction Design 202 Vragen of feedback? @ferrydendopper
    12. 12. Kijk eens bij de burenInteraction Design 202 Vragen of feedback? @ferrydendopper
    13. 13. www.boddefd.nl Kan jij het beter?Interaction Design 202 Vragen of feedback? @ferrydendopper
    14. 14. www.vvfd.nl Is dit beter? Kan het nog beter?Interaction Design 202 Vragen of feedback? @ferrydendopper
    15. 15. www.vvfd.nlInteraction Design 202 Vragen of feedback? @ferrydendopper
    16. 16. www.vvfd.nlInteraction Design 202 Vragen of feedback? @ferrydendopper
    17. 17. www.vvfd.nlInteraction Design 202 Vragen of feedback? @ferrydendopper
    18. 18. www.vvfd.nlInteraction Design 202 Vragen of feedback? @ferrydendopper
    19. 19. www.vvfd.nlInteraction Design 202 Vragen of feedback? @ferrydendopper
    20. 20. Oefening: Beoordeel en verbeter • Analyseer de navigatie en labeling van Unilogic.nl; • Ontwerp iets beters. Tijd: 20 minuten Werk in tweetallen • Presenteer je ontwerp aan een ander tweetal; • Creëer samen een definitief ontwerp. Tijd: 20 minuten Werk in viertallenInteraction Design 202 Vragen of feedback? @ferrydendopper
    21. 21. Interaction Design 202 Vragen of feedback? @ferrydendopper
    22. 22. Interaction Design 202 Vragen of feedback? @ferrydendopper
    23. 23. Interaction Design 202 Vragen of feedback? @ferrydendopper
    24. 24. Interaction Design 202 Vragen of feedback? @ferrydendopper
    25. 25. Interaction Design 202 Vragen of feedback? @ferrydendopper
    26. 26. Interaction Design 202 Vragen of feedback? @ferrydendopper
    27. 27. Interaction Design 202 Vragen of feedback? @ferrydendopper
    28. 28. Interaction Design 202 Vragen of feedback? @ferrydendopper
    29. 29. Interaction Design 202 Vragen of feedback? @ferrydendopper
    30. 30. Interaction Design 202 Vragen of feedback? @ferrydendopper
    31. 31. Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopperInteraction Design 202 Vragen of feedback? @ferrydendopper

    ×