Elhangzott a UX Meetup Budapesten, a World IA Day keretében, 2013. február 9-én.

1. Kártyarendezés a gyakorlatban
Esettanulmányok
Varga Csaba

2. Miről lesz szó
• Card sorting alapok
• Háttér
• Tippek
• Használati esetek
• Esettanulmányok
• Startlap.hu
• Vodafone.hu

3. Miről lesz szó
• Sok tartalom
• Nagy forgalom
• Kvantitatív megközelítés

4. KÁRTYARENDEZÉSES TESZT
Mi ez, hogyan működik

5. Mi is ez, mire való

6. Mi is ez, mire való

7. Mi is ez, mire való

8. Mi is ez, mire való

9. Mi is ez, mire való
Tu#
jó?

10. Hogyan működik
• Kártyákat készítünk
• Résztvevő tetszőleges csoportokat alkot
• Csoportosításokat elemezzük

11. Szoftverek

12. Teszt menete

13. Teszt menete

14. Teszt menete

15. Megjegyzések, tanácsok
• Probléma à Cél à Feltevés
• Reprezentatív panel
• 2 fázis: 1. Nyílt à 2. Zárt
• Van-e elvárt kategóriaszám?
• Felhasználás ésszel

16. HASZNÁLATI ESETEK
Sitemapen innen és túl

17. Oldaltérkép meghatározása
Főmenü:
• Elemek
• Neveik

18. Oldaltérkép meghatározása
Struktúra,
hierarchia

19. Tartalmi kategóriák
Hírportálon rovatok, alrovatok, témák

20. Tartalmi kategóriák
Webshopban termékcsoportok

21. Egy oldalon belül
Mi tartozik
össze

22. Egy oldalon belül
Címsorok,
labeling

23. Egy folyamat lépései
Pl. checkout, wizard:
• Hány lépés
• Mi a lépések neve
• Mi van egy lépésben
• Hogyan jönnek egymás után
1
2
3
4

24. STARTLAP NYITÓ REDESIGN
Esettanulmány

25. Probléma
5050 pixel magas

26. Probléma

27. Probléma

28. Probléma
• Rengeteg tartalom
• Nagyon hosszú oldal
• Hogyan legyen élhetőbb?
1. Alacsonyabb oldal
2. Rendszerezett tartalom

29. Inspiráció

30. Cél
Amit szeretnénk:
• Dobozokat rendezzük tematikus csoportokba
• Oldal tetejére Vezess.hu stílusú tartalomjegyzék
csoportnevekkel és kiemelt dobozcímekkel
Amit a card sortingtól vártunk:
• Mi kerüljön egy csoportba?
• Mi legyen a csoportok neve?

31. Teszt setup
• Kb. 50 kártya (dobozok)
• Open sort
• Minden kártyát használni kell
• Nem lehet kártyát módosítani
• Minden csoportnak nevet kell adni

32. Résztvevők
• Összesen 230 fő
• Jól rekrutált, reprezentatív panel
(Startlap használat, város-vidék, iskolai végzettség
egyenletes arányban)
• Megjegyzés: magas női résztvevő arány
(ellenőrizzük, hogy torzítja-e az eredményt)

33. Szófelhő

34. Hasonlósági mátrix
!

35. Hasonlósági mátrix
!

36. Dendrogram
!

37. Dendrogram
Homogenitás növelése kilógó kártyák kezelésével,
pl. gazdaság csoport:
30%
50%

38. Manuális feldolgozás
Analysis
Spreadsheet
Donna Spencer

39. Manuális feldolgozás
• Adattisztítás
Kivesszük: ragok, elírások, marginális elemek
• Sztenderdizálás
Összevonások homogenitás megtartása mellett
• Alternatív lehetőségek
Azonos homogenitással másik jó megoldás

40. Eredmény v1.0
• Van valamink
• Kutattunk, emberek mondták
• User központú
• Elégedettek lehetnénk

41. Eredmény v1.0
• Van valamink Tu#
jó?
• Kutattunk, emberek mondták
• User központú
• Elégedettek lehetnénk

42. Kontroll analízis 1: férfiak
UserPoint Cluster Analysis Tool

43. Kontroll analízis 1: férfiak
Érdekességek a férfiakról:
• Autó és mobil = apróhirdetés
à nőknek magazin
• Külön világ a tech-tudományt
à nők beolvasztják
• Szétválik a család-otthon (úm. ház,
barkács) és egészség-életmód (úm.
fitness-saláta)
à nőknél ez egy

44. Végeredmény
1. Hírek, napi aktuális Hírek
2. Pénzügyek, gazdaság Pénzügyek
3. Szórakozás, Szórakozás
kikapcsolódás
4. Utazás Utazás
5. Életmód, család, hobbi Életmód
6. Hirdetések, tanulás, Hasznos dolgok
hasznos dolgok

45. Végeredmény
Ezt gondoltuk: Ez lett:
• Hasznos • Hírek
• Olvasnivaló VS.
• Pénzügyek
• Vásárlás • Szórakozás
• Szabadidő • Utazás
• Szórakozások • Életmód
• Hasznos dolgok

46. Végeredmény
Ezt gondoltuk:
Tu#
jó?
Ezt lett:
• Hasznos • Hírek
• Olvasnivaló VS.
• Pénzügyek
• Vásárlás • Szórakozás
• Szabadidő • Utazás
• Szórakozások • Életmód
• Hasznos dolgok

47. Kontroll analízis 2: zárt teszt
• Kb. 50 kártya (dobozok)
• Closed sort
• Minden kártyát használni kell
• Nem lehet kártyát módosítani

48. Kontroll analízis 2: zárt teszt
95%-­‐os
elégede:ség
!

49. Kontroll analízis 2: zárt teszt
96%-­‐os
elégede:ség
!

50. Startlap.hu ma

51. Startlap.hu ma

52. VODAFONE ÜZLETI OLDALAK
Esettanulmány

53. Teszt célja
• Panel: 237 fő
• Kártyák száma: 45

54. Hasonlósági mátrix

55. Hasonlósági mátrix
Alap
minták

56. Hasonlósági mátrix
AlternaFv
megoldások

57. Hasonlósági mátrix
A
“mindenhova
való”
kártyák

58. Dendrogram

59. Dendrogram
A
“sehova
sem
illő”
kártya

60. Automatikus csoportképzés

61. Automatikus csoportképzés
Egyetért: 42 résztvevő
Egyetértés: 37%

62. Eredmény
1. Készülékek és akciók 2. Tarifák
1. Eszközök 1. Telefon tarifák
1. Okostelefon 1. Elfizetses mobil tarifa
2. Tablet 2. Oszthat tarifa
3. Netbook 3. Tarifaajnl
2. Kiegészítők 2. Internet
1. Tartozekok 1. Elfizetses internet
1. Micro USB kabel 2. Kiegszt adatgalom internet elizetshez
2. Mobiltelefon tolto
3. Tablet tarifk
2. Wifi router
4. Kiegszt internet mobil tarifhoz
3. Keszulekbiztositas
5. Oszthat elfizetses internet
3. Aktuális ajánlatok 6. Egynapos internet elfizets
1. MobilNet felaron dupla 7. Mobil email postafik
adatforgalommal
3. Roaming és nemzetközi
2. Dell netbookok nyarig felAron
1. Nemzetkzi hvsok belfldrl
3. Januari kiemelt ajanlatok
2. Telefonls klfldn
4. Online Shop 3. Internet klfldn
És a többi…

63. Eredmény

64. Köszi a figyelmet!
Varga Csaba
cs.varga@mito.hu
UX Fetish
uxfetish.com