Termékválasztó mobilon: így teszteld valódi vásárlói feladatokkal
Találja meg, értse meg, tudjon javítani: ezt kell ellenőrizned a mobilos termékválasztóban. Kész feladatsor, megfigyelési szempontok és javítási sorrend.

Az, hogy a termékválasztó elfér egy telefon kijelzőjén, még kevés a bevezetéshez. A látogatónak meg kell találnia és értenie kell a kérdéssort. Arra is szüksége van, hogy kijavíthassa a tévesen megjelölt válaszát. Az eredménynél pedig azt is látnia kell, miért érdemes megnéznie az ajánlott terméket. Konkrét feladatokkal végig tudod követni, hol akad el. A „tetszik az oldal?” kérdésből ez aligha derül ki.
A következő próbaterv egy kisebb webshopban is megszervezhető. A termékválasztást vizsgálja a belépéstől a termékoldalig. A feladatokat írd át a saját kínálatodra, az elakadásokból pedig készíts javítási listát. A teszt résztvevőinek nem kell rendelést leadniuk vagy fizetési adatokat megadniuk.
Előbb döntsd el, mit szeretnél megtudni
Először írd le, mit szeretnél megtudni. Megtalálja-e a látogató a választót a kategóriaoldalon? Megérti-e a használati helyzetre vonatkozó kérdést? Felismeri-e az eredménynél, melyik feltételét teljesíti a termék? Mindhárom kérdésre megfigyelhető viselkedés alapján válaszolhatsz. A „jó-e a mobilos élmény?” túl általános ahhoz, hogy egy rövid próba végén érdemi javításokat tudj kijelölni.
Válassz a vásárlóidhoz hasonló embereket. Legyen közöttük olyan, aki ismeri a terméktípust, és olyan is, aki ritkábban vásárol belőle. A saját csapatod előtesztje hasznos a hibás hivatkozások kiszűrésére, de a belső elnevezéseket ismerő munkatárs másképp olvassa a kérdéseket, mint egy új érdeklődő.
Olyan telefonon és böngészőben tesztelj, amelyet a vásárlóid is használnak. Ha lehet, a résztvevő saját készülékén dolgozzatok. Jegyezd fel a készüléket, a böngészőt és a szövegméret beállítását. Ezek segítenek később megismételni egy megfigyelt elakadást. A próba elején ellenőrizd, hogy minden szükséges teszttermék és oldal elérhető.
Írd meg előre a feladatot és a bevezető mondatokat
A GOV.UK moderált használhatósági tesztekről szóló útmutatója világos, hihető feladatokat javasol, amelyek nem árulják el a megoldáshoz vezető lépéseket. A saját próbádban ezért vásárlói célt adj meg, a megnyomandó gombok felsorolását hagyd ki.
A bevezetőt mondhatod így: „A felület érthetőségét vizsgáljuk. Kérlek, használd úgy, ahogy otthon tennéd, és közben mondd el, mire gondolsz. Ha valami bizonytalan, azt is jelezd. A feladat végén a termékoldalnál megállunk.” Ha képernyő- vagy hangfelvételt készítenél, ezt előre egyeztesd. Egyszerű jegyzeteléssel is dolgozhatsz.
Ha megoldható, egyikőtök vezesse a beszélgetést, a másik jegyzeteljen. Egyedül is elvégezheted a próbát, ilyenkor kevesebb szempontot figyelj egyszerre. Röviden rögzítsd, mit tett a résztvevő. A hosszú magyarázatok írása közben könnyen lemaradhatsz a következő lépéséről.
Használható mintafeladat és két folytatás
Íme egy kitalált feladat egy hátizsákokat áruló webshophoz: „Hetente három nap tömegközlekedéssel jársz dolgozni. A táskába egy 32 × 22 × 2 centiméteres laptopot, egy kulacsot és kisebb személyes tárgyakat tennél. Legfeljebb 30 000 forintot szánsz rá. Keress egy olyan modellt, amelyet érdemes lenne részletesebben megnézned.”
A résztvevőt a kategóriaoldalról indítsd. Figyeld meg, észreveszi-e a választási segítséget, vagy a szűrőkkel próbálkozik. Mindkét indulást jegyezd fel: ebből derül ki, milyen segítséget választ magától. Ha kifejezetten a kérdéssort akarod vizsgálni, az önálló indulás után külön kérd meg a választó kipróbálására, és a jegyzetben különítsd el a két szakaszt.
Amikor eljutott az eredményhez, adj egy új helyzetet: „Közben kiderül, hogy a rendelkezésre álló keret 25 000 forint. Nézd meg, hogyan változtatnál a választáson.” Ebből láthatod, megtalálja-e a módosítás lehetőségét, tudja-e, mely válaszai maradtak érvényben, és meg tudja-e mondani, változott-e az ajánlás.
A következő feladat legyen az összehasonlítás: „Válassz ki két szóba jövő modellt, és mondd el, melyiket miért néznéd meg előbb.” Ezután kérd meg, hogy nyissa meg az egyik termékoldalát, ellenőrizze a laptop elhelyezéséhez szükséges méretet, majd térjen vissza. Ehhez elegendő lehet egymás után megnyitni a két terméket. Ha valamelyik lépést a felület nem teszi lehetővé, rögzítsd ezt fejlesztési igényként.
Figyelj, és csak a szükséges ponton kérdezz
A teszt vezetőjeként elsősorban figyelj. Ha a résztvevő megáll, kérdezheted: „Most mit keresel?” vagy „Mire számítasz ennél a lehetőségnél?” A válaszból kiderülhet, milyen jelentést tulajdonít a feliratnak. A „Látod ott lent a gombot?” típusú segítség már megmutatja a megoldást, ezért ezt segítséggel elvégzett lépésként kell feljegyezned.
Ha teljesen elakad, rövid segítséggel továbbengedheted, hogy a későbbi lépésekről is legyen tapasztalat. Írd fel, hol avatkoztál közbe és mit mondtál. Így elkülönül az önállóan elvégzett rész attól, amelyhez útmutatás kellett. Az eredeti elakadást akkor is őrizd meg a jegyzetben, ha később sikerült továbblépnie.
A végén azokra a helyzetekre kérdezz rá, amelyeket láttál. „A két árhatár között sokáig váltottál. Mit próbáltál tisztázni?” Ez több használható információt adhat, mint egy számszerű elégedettségi kérdés. A résztvevő javaslatát jegyezd fel, majd vizsgáld meg a mögötte álló problémát. A javítás kialakítása a csapat feladata marad.
A mobilos hibákat pontosan rögzítsd
Minden elakadásnál négy rövid adatot írj: milyen feladaton dolgozott, mit tett, mi történt a felületen, és mi akadályozta a folytatást. A „rossz a gomb” helyett például: „A második válaszra érintett, az első jelölődött ki; ezt csak az eredménynél vette észre.” Ebből a fejlesztő már tudja, melyik lépést kell megismételnie.
Külön nézd meg az érintési területeket. A WCAG 2.2 célméretre vonatkozó magyarázata alapesetben legalább 24 × 24 CSS-képpontos célterületet ír le, meghatározott kivételekkel, például megfelelő térköz esetén. Ez minimális követelmény; a saját fontos gombjaid kényelmes használatát tényleges érintéssel is ellenőrizd.
Nagyított szövegnél, elfordított készüléken és visszalépés után is próbáld megismételni a problémás lépést. Ha egy magyarázat csak rámutatáskor jelenik meg, nézd meg, hogyan érhető el érintéssel. Az eredmény alján lévő információt is ellenőrizd: a résztvevő eljutott hozzá, vagy úgy fejezte be a feladatot, hogy észre sem vette?
Először azt javítsd, ami rossz választáshoz vagy elakadáshoz vezet
Előre kerüljenek a rossz termékhez vezető hibák, az eltűnő válaszok és a folyamatot megakasztó állapotok. Ezután foglalkozz az ismétlődő félreértésekkel és a fölösleges lépésekkel. Egy elcsúszott feliratot is érdemes rendbe tenni. A hibás méret alapján adott ajánlás viszont rossz termékhez vezetheti a vásárlót, ezért előbb foglalkozz vele. Minden feladat mellé írd oda, milyen következménye van a hibának.
A kijavított részt ugyanazzal a feladattal ellenőrizd újra. Kis létszámú próbából ne állapíts meg általános konverziós eredményt. Azt viszont pontosan leírhatod, hogy egy adott hiba megszűnt-e. A DG Döntéstámogató bemutatója alkalmas arra, hogy átgondold a saját kérdéssorod használati feladatait; a végső ellenőrzés a saját kínálatoddal, a saját webshopodban történjen.


