IAD 2 - les 2 - Cardsorting

26
Interaction Design 102 Vragen of feedback? @ferrydendopper Card Sorting Methode, uitvoering en analyse

description

 

Transcript of IAD 2 - les 2 - Cardsorting

Page 1: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Card Sorting

Methode, uitvoering en analyse

Page 2: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Information Architecture

De vindbaarheid van informatie op een website wordt sterk bepaald door de informatiestructuur.

Zeker bij informatierijke sites is het bedenken van een goede navigatie een serieuze klus.

Staat de content op een voor bezoekers logische plaats en begrijpt men de naamgeving ervan?

Page 3: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Oefening A

• Je krijgt 50 kaartjes met beschrijvingen van content-items van het ProRail intranet.

• Groepeer de kaartjes op een voor jou logische manier.

• Label de groepjes.

Observeerders: Probeer te begrijpen waarom de gebruikers deze indeling maken. Stel vragen (maar zonder te sturen/oordelen)

Page 4: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Oefening B

• Je krijgt 50 kaartjes met beschrijvingen van content-items van het ProRail intranet.

• Leg ieder kaartje bij de categorie waar jij het vindt passen. Vind je het nergens passen, leg het dan opzij.

Observeerders: Kijk met welke kaartjes de gebruikers moeite hebben om in te delen.

Page 5: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Card Sorting

Wat:• gebruiksonderzoekmethode

Waarom:• komen tot een informatiestructuur die voldoet

aan de verwachting van de gebruiker.• zowel geschikt voor nieuwe als bestaande

structuur. Hoe:

• gebruiker rangschikt zelf onderwerpen (geschreven op kaartjes) in voor hem logische groepen.

Page 6: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Hoofdvarianten card sorting

Gesloten card sorting:• De gebruiker moet beschreven kaartjes indelen bij

voorgedefinieerde (en dus al gelabelde) groepen. • Test hoe goed een reeds bestaande (of een nog

slechts bedachte) structuur ‘presteert’, met als doel zwakke punten in die structuur aan te kunnen pakken.

Open card sorting:• De gebruiker mag zelf met behulp van beschreven

kaartjes groepen vormen en benoemen. • Onderzoek hoe gebruikers de

informatieverzameling voor zichzelf zouden organiseren, met als doel te komen tot een informatiestructuur die daar zo goed mogelijk op aansluit.

Page 7: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Gesloten card sort

Dekken de topcategorieën de content voldoende? Eén kaartje per bakje. Geschikt voor testen van een structuur. Goed kwantitatief, individueel en online te doen.

Page 8: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Gesloten card sort - case

Page 9: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Resultaat nulmeting

48% vindbaar * 7% “begrijp ik niet” ** 100 links Weinig verschillende

resultaten. Dus veel duidelijker.

* Indeling van de testers komt overeen met ontworpen indeling** Sommige onderwerpen werden totaal niet begrepen, laat staan dat men het wist onder te brengen.

Page 10: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Wat als?

Oplossing Vindbaarheid Aantal links

Niets doen 48% 100

Verplaatsen naar alle cat. waar door min. 5/12 users ingedeeld 59% 90

Verplaatsen naar alle cat. waar door min. 3/12 users ingedeeld. 69% 123

“Begrijp ik niet” labels hernoemen, nieuwe cat. bedenken ? ?

Page 11: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

2e testronde

80% vindbaar (was 48%) 2% “begrijp ik niet” (was 7%) 92 links (was 100) Weinig verschillende resultaten. Dus veel duidelijker.

Page 12: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

2e testronde

Page 13: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Open card sort

Gebruikers bepalen zelf clustering en labeling. Neemt meer tijd in beslag. Vooral geschikt voor nieuwe structuren. Minder geschikt voor kwantitatief (tenzij geavanceerde

tools), maar prima voor kwalitatief).

Page 14: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Wat levert card sorting op?

Niet:• Definitieve informatiestructuur.

Wel:• Hoe jouw gebruikers jouw informatie intuïtief

groeperen; ontstaan er groepen rondom thema’s, doelgroepen, locaties of iets anders?

• Hoe breed en hoe diep de structuur ongeveer wordt. Hoeveel mogelijke hoofdcategorieën zie je voorbijkomen?

• Welke labels je gebruikers aan iedere hoofdcategorie c.q. groep plakken.

• In hoeverre verschillende doelgroepen op dezelfde indeling en/of labels uitkomen.

• Wat de rationale is achter hun indeling.

Page 15: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Wat levert card sorting op?

Niet alleen de uitkomst is interessant, maar ook het denkproces:• Stel vragen tussendoor;• Of werk met twee- of drietallen, die denken

hardop.

Page 16: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Doelgroepprofielen opstellen Respondenten werven en inplannen Vergoeding of bedankje regelen

Contentanalyse doen (bestaand + gepland)

Kaartjes maken (50-100) Meerdere personen/groepen tegelijk?

Meerdere stapels maken

Ruimte regelen (met veel tafeloppervlak)

Voorbereiding

Page 17: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Voorbereiding

Page 18: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Tijdens de sessie

Voorstellen Introductie project Uitleg card sorting sessie 1e ronde: clusteren 2e ronde: clusters labelen 3e ronde: hoofd- en subclusters maken Resultaten plenair bespreken Resultaten opschrijven voor verdere

verwerking

TIP: Nummer alle kaartjes, dan gaat het opschrijven sneller.

Page 19: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Tips

Geef de gebruikers vooraf 10 lege kaartjes. Vraag ze om zoveel mogelijk onderwerpen en/of vragen op te schrijven die ze zelf hopen of denken te vinden op de website. Voeg deze kaartjes aan de stapel toe. Hiermee krijg je inzicht in welke onderwerpen c.q. vragen de gebruikers bezighouden en kun je eventuele gaten in je eigen contentselectie opvullen.

Geef de gebruikers een stapeltje lege kaartjes en een stapel post-its als ze gaan beginnen. De lege kaartjes kunnen ze gebruiken als ze een bepaald kaartje willen dupliceren (om het in meerdere groepen te kunnen plaatsen) of als ze al doende nog nieuwe onderwerpen bedenken. Met de post-its kunnen ze op ieder moment een groepje labelen of tijdelijk met meerdere woorden omschrijven.

Verplicht niet dat gebruikers ieder kaartje indelen. Ik zet altijd 2 bakjes klaar: (A) “Snap ik niet” en (B) “Snap ik wel, maar ik weet hem nergens bij in te delen”. Ik heb liever dat gebruikers meteen een kaartje zo wegleggen, dan dat ze het na lang piekeren ergens zonder overtuiging bij indelen.

Page 20: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Tips

Sta toe dat gebruikers iets aan een kaartje veranderen als het daarmee meer betekenis voor ze krijgt.

Sta toe dat gebruikers één of meer kaartjes tussen 2 groepen in leggen, als ze bv. vinden dat de kaartjes wel dicht tegen het groepje aanliggen, maar er net niet onder vallen.

Werk met twee- of drietallen. Die denken vanzelf hardop door met elkaar te overleggen over de rationale. (Het indelen gebeurt wel wat minder intuïtief)

Page 21: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Verwerking en analyse

Meest tijdrovende gedeelte van de test. Bij usability test kun je al

aanbevelingen doen o.b.v. een enkele waarneming. Bij cardsorting zoek je de gemene deler.

Streef niet naar een wetenschappelijke analyse; weeg inspanning af aan budget, tijd en complexiteit.

Page 22: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Veel tijd?

Page 23: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Veel tijd?

Page 24: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Weinig tijd?

Focus eerst op de gemaakte groepen. Zoek naar de indeling die de meeste resultaten dekt. Dan heb je in principe al een mooie basisstructuur om verder mee te gaan.

Vervolgens zou je nog kunnen kijken welke kaartjes over de verschillende sessies duidelijk binnen zo’n groep vallen en welke niet.

Ten slotte kun je gaan bedenken wat je gaat doen met de nog zwevende kaartjes.

Page 25: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Meer lezen over card sorting

http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide

http://www.rosenfeldmedia.com/books/cardsorting/blog/card_sort_analysis_spreadsheet/

http://www.den-dopper.com/2009/04/06/cardsorting-gebruikers-betrekken-bij-je-nieuwe-informatiestructuur/

http://www.den-dopper.com/2007/05/21/de-kracht-van-cardsorting-case-study/

http://www.den-dopper.com/2009/03/11/tu-delft-redesign-1-de-weg-naar-een-nieuwe-informatiearchitectuur/

Page 26: IAD 2 - les 2 - Cardsorting

Interaction Design 102 Vragen of feedback? @ferrydendopper

Vragen? Feedback?

[email protected]

@ferrydendopper