Elhangzott a UX Meetup Budapesten, 2012. szeptember 4-én.

1. Távoli UX kutatás
ClickTale, Verify
Varga Csaba

2. TÁVOLI KUTATÁS
Típusok és trendek

3. Távoli kutatás típusok
• Split testing (konverzió optimalizálás): élesben, valódi
látogatókon, azok tudta nélkül, alternatívák tesztelése.
Eszközök: Google Analytics – Content Experiments (korábban GWO),
Visual Website Optimizer
• Élő felhasználói analitika: élesben, valódi látogatók
viselkedését rögzítjük, majd elemezzük.
Eszközök: GA, ClickTale, CrazyEgg, ClickHeat, Mouseflow, GhostRec, …
• Feladat-központú felhasználói kutatás: klasszikus módon
feladatokat adunk ki, válaszokat várunk, de a válaszokat
online eszközzel gyűjtjük és aggregáljuk.
Eszközök: Verify, Usabilla, OptimalSort, Treejack, Loop11, Navflow, …

4. Gyorsan változó piac
• Ha ezt a prezit 2013 Q2 után nézed, mindennek
nézz utána újra
• Rengeteg új eszköz folyamatosan
• Meglévő eszközöket fejlesztik, redesignolják,
funkciólista bővül
• Két jövőkép:
1. Mindenki magának gyárt eszközt, csak aztán
release-eli, nem dőlnek be a nagy profit hiányában
2. Az egész egy hatalmas lufi: GWO visszafogása,
látványosan túlfújt értékígéretek, rengeteg
versenyző eszköz egy niche szakértői piacon,
fennmarad kevés jó eszköz

5. CLICKTALE
A heatmapek donja és godzillája

6. Hogyan működik?
• Integrálod a site-ba (mint egy mérőkódot)
• Látogatók minden rezdülését riportolja
magának (egérmoccanás, kattintás,
gördítés stb.)
• Visszajátszhatod emulálva az egyes
látogatói sessionöket
• Aggregálva a gyűjtött adatok alapján
hőtérképeket rajzol, mutatószámokat ad

7. Mit ígér?
• Hőtérképes in-page analitika piacvezetője
• Mindent felvesz, amit a user a site-on
csinál, és azt pixelre visszajátssza
• Rengeteg mért adat, sok aggregált mutató
• Űrlap mélyanalitika
• Copy-paste telepítés
• Integráltan működik együtt más
eszközökkel (pl. GWO, Omniture T&T)

8. Mit tapasztaltunk?
• Valóban a legrobosztusabb a piacon
• Borzasztó nehézzé tud válni a telepítése
• .NET már nem jó jel
• Egyedi és régi keretrendszerek szintén
• Bizonyos esetekben “fura” alternatívákat gondolnak
megoldásnak (pl. user töltse fel a saját cache-ét)
• Olyan sok infó, hogy végül nem használod mind ki
• Integrálás (pl. GWO) igazából a te feladatod
• Ami megér 300 USD-t:
• Űrlap analitika
• Egyedi címkézés (és szegmentálás)

9. FHB.hu analitika

10. FHB.hu analitika
• Pilot jelleggel néhány kulcs oldal vizsgálata:
• Főoldal
• Legforgalmasabb elosztó oldal
• Legnagyobb látogatottságú aloldal
• Kapcsolatfelvételi űrlapok
• Hőtérképek, űrlap vizsgálat, “fun facts”
• Partnerek:
• FHB (megrendelő)
• Sense/Net (fejlesztő, implementáló)

11. FHB.hu főoldal – egérmozgás

12. FHB.hu főoldal – egérmozgás

13. FHB.hu főoldal – egérmozgás

14. FHB.hu főoldal – kattintások

15. FHB.hu főoldal – gördítés

16. FHB.hu visszahívás – egérmozgás

17. FHB.hu visszahívás – form report

18. FHB.hu visszahívás – time report
• Átlagos
felhasználó
timeline-ja
• Ha egy nagy form
az oldal, mindent
egybe mér
• Van még:
• Drop
• Blank field
• Refill

19. Fun fact rovat
Egérmozgások
eloszlása: a
pageview-k hány
százalékában
mennyiszer
moccant az egér
Heatmapre vetítve:
• Time to click (hesitation)
• Hover to click conversion
• Hover order
• Click ranking (order)

20. Mire figyelj oda?
• Ne becsüld le a setup időt, pilottal indulj
Napoktól hónapokig tarthat a telepítés, egyedi fejlesztés
lesz, 100-200 USD a belépés
• Pontosan találd ki, hogy mit szeretnél megtudni
Pilot erre is jó, de utána is tervezz előre
• Alaposan tesztelj élesbe menetel előtt
• Minden oldaltípuson és környezetben jó eredményt
mutat-e a visitor recording
• Elfogadható-e a mérési hiba, vagy ki tudod-e szűrni
• Szenzitív adatok környékén szuperóvatosan!
• Jogi kötelezettségeknek tegyél eleget
EU jogszabályok, EULA/T&C kiegészítés

21. Aknák még…
• Mindig limitált a vizualizált userek száma
Random minta az összesből
• Interstitial/roadblock bannerek
• Folyamatosan változó oldalak
Jegyezd a verziókat
• Dinamikus oldalfelületek
Mindent le kell követned a ClickTale felé is
• Telefonos support a biztos
Jól beszélnek angolul, de írásban össze tudnak zavarodni

22. VERIFY
Design tesztelési svájci bicska

23. Hogyan működik?
• Választasz egy teszt típust
• Feltöltesz egy design tervet
• Megadod a teszt alanynak megjelenő
kérdést
• Kiküldöd a teszt URL-t
• Beérkező válaszokat megnézed egyesével
vagy aggregálva, és letöltheted csv-ben

24. Mit ígér?
• Designt tesztelhetsz még implementálás
előtt
• Egyszerű setup, teljesen perszonalizálható
• Gyors és hasznos eredmények,
használható riport
• Olcsó
• Sok teszt típus = sokrétű
felhasználhatóság

25. Teszt típusok
• Preference test (A/B design teszt)
• Yes/No test (kattintási teszt “jó válasz” pontokkal)
• Click test (sima kattintási teszt)
• Memory test (5mp után mire emlékszik)
• Annotate test (keretezd be a designon…)
• Label test (szerinted ez micsoda…)
• Mood test (boldog-frusztrált-mérges jelzés)

26. Mit tapasztaltunk?
• Szeretjük. (Az egyik állandó előfizetésünk.)
• Nagyjából minden igaz: egyszerű, okos, gyors,
sokrétű és jól (fel)használható
• 19 USD/hó alap csomag elég napi használatra, de
nagyobb tervezett tesztre megéri a 49 USD/hó a
linked test miatt
• Ne várjunk tőle többet mint ami:
• Csak egy screen tesztelésére jó
• Kis felbontású kattintási “hőtérképet”, mini riportot ad
• Nem túlelemzésre, hanem praktikus felhasználásra

27. Wizzair.com redesign

28. Wizzair.com redesign
1. Eredeti (régi) design tesztelése
2. 2 új design koncepció
3. 1 nyertes vizuál
4. Kidolgozott új design tesztelése
5. Teszteredmények összevetése, riport
6. További iteráció

29. Wizzair.com redesign
• 40 feladatból álló teszt (az sok)
• Panel: nemzetközi 100+ fő
• Ugyanaz a feladatsor régi és új designon
• Kattintás, annotáció, memory
• Teszt-specifikus eredmények mellett
átlagos kattintási idő
• Annotációból kvalitatív visszajelzések

30. Wizzair.com redesign – példák
Memory: mire emlékszel a főoldalból?

31. Wizzair.com redesign – példák
Labeling: mit nem értesz a főoldalon?

32. Wizzair.com redesign – példák
Click: hova kattintanál, hogy biztosítást adj a foglaláshoz?
Átl. katt idő:
58 mp
Átl. katt idő:
9 mp

33. Mire figyelj oda?
• Tervezze előre: tudd, mit kezdesz az
eredményekkel, vonj konklúziókat
• Fontos, nagy paneles tesztnél valami
egyszerűvel indíts, van tanulási görbe
• Nagyon fáradékonyak a repetitív teszteknél,
legyél változatos
• Kösd az instrukciókat (mi volt előtte)
• Csinálj teszt tesztet: magadon és +1-2 emberen
• Van kattintási pont, ami tényleg hülyeség
• Ha gondod van à support, akár termékfejleszt is

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