際際滷

際際滷Share a Scribd company logo
Designing Labels




Interaction Design 202    Vragen of feedback?   @ferrydendopper
Wat hebben we in de voorgaande lessen al
        besproken over labeling?




Interaction Design 202              Vragen of feedback?   @ferrydendopper
粥馨恢庄乙顎誰岳艶庄岳


        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
或姻乙温稼庄壊温岳庄艶壊界鞄艶馨温s


         Exacte schemas:
                Alfabetisch
                Chronologisch
                Geografisch

         Ambigu谷 schemas:
                  Onderwerp
                  Taak/doel
                  Doelgroep
                  Metafoor
                  Hybride



Interaction Design 202           Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Dont Panic!


        Your labels will never be perfect.

        If it sounds to you like labeling is an art rather
        than a science, youre absolutely correct.


        There are no rules, only guidelines.


        Morville & Rosenfeld



Interaction Design 202                     Vragen of feedback?   @ferrydendopper
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
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
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 kijken



Interaction Design 202                                  Vragen of feedback?   @ferrydendopper
Kijk eens bij de buren




Interaction Design 202          Vragen of feedback?   @ferrydendopper
www.boddefd.nl
       Kan jij het beter?




Interaction Design 202      Vragen of feedback?       @ferrydendopper
www.vvfd.nl
       Is dit beter? Kan het nog beter?




Interaction Design 202            Vragen of feedback?    @ferrydendopper
www.vvfd.nl




Interaction Design 202   Vragen of feedback?    @ferrydendopper
www.vvfd.nl




Interaction Design 202   Vragen of feedback?    @ferrydendopper
www.vvfd.nl




Interaction Design 202   Vragen of feedback?    @ferrydendopper
www.vvfd.nl




Interaction Design 202   Vragen of feedback?    @ferrydendopper
www.vvfd.nl




Interaction Design 202   Vragen of feedback?    @ferrydendopper
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 viertallen


Interaction Design 202                     Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Interaction Design 202   Vragen of feedback?   @ferrydendopper
Vragen? Feedback?
        f.den.dopper@hr.nl

        @ferrydendopper




Interaction Design 202       Vragen of feedback?   @ferrydendopper

More Related Content

IAD 2 - les 6 - Labeling

  • 1. Designing Labels Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 2. Wat hebben we in de voorgaande lessen al besproken over labeling? Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 3. 粥馨恢庄乙顎誰岳艶庄岳 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. 或姻乙温稼庄壊温岳庄艶壊界鞄艶馨温s Exacte schemas: Alfabetisch Chronologisch Geografisch Ambigu谷 schemas: Onderwerp Taak/doel Doelgroep Metafoor Hybride Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 5. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 6. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 7. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 8. Dont Panic! Your labels will never be perfect. If it sounds to you like labeling is an art rather than a science, youre absolutely correct. There are no rules, only guidelines. Morville & Rosenfeld Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 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. 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. 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 kijken Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 12. Kijk eens bij de buren Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 13. www.boddefd.nl Kan jij het beter? Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 14. www.vvfd.nl Is dit beter? Kan het nog beter? Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 15. www.vvfd.nl Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 16. www.vvfd.nl Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 17. www.vvfd.nl Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 18. www.vvfd.nl Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 19. www.vvfd.nl Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 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 viertallen Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 21. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 22. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 23. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 24. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 25. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 26. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 27. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 28. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 29. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 30. Interaction Design 202 Vragen of feedback? @ferrydendopper
  • 31. Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopper Interaction Design 202 Vragen of feedback? @ferrydendopper

Editor's Notes

  • #8: In het Nederlandsgeldtditook: mensenwillen goedkoop, niet voordelig. Maarja, eenbeetje hotel noemtzichzelfniet goedkoop. Dilemma! ;-)