Homepage » UI / UX » Hogyan tesztelhetjük a webes navigációt a kártya rendezésével és a fa teszteléssel?

    Hogyan tesztelhetjük a webes navigációt a kártya rendezésével és a fa teszteléssel?

    Weboldalak, alkalmazások, szoftverek, bármely termék menüvel kell rendelkeznie ahhoz, hogy megkerülje. Míg a navigáció lehet szórakoztató, kreatív vagy néha nem szokványos, először mindig működőképesnek kell lennie. Az információs architektúra használhatósági vizsgálatának megvitatásakor gyakran hallani fog a két leghatékonyabb tesztről: a kártyák válogatása és a fa tesztelése.

    Mindkét teszt egyszerű és könnyen elvégezhető, és mindkét teszt a webhely szervezésének maximalizálása érdekében létfontosságú adatokat hozhat létre. A kártyák rendezése a szerkezet létrehozása előtt történik, így megértheti, hogy a felhasználók természetesen hogyan szervezik meg webhelyét. A fák tesztelése utána sikerül érvényesíteni a sikert, vagy javítani lehet.

    További információ a Hongkiatról:

    • Használhatósági tesztelés: mit kell tudni?
    • 7 lépés a jobb visszajelzéshez
    • A / B teszt eredményei és esettanulmányok felhasználói élménytervezéshez

    Kártya rendezése

    A kártyák rendezésének szépsége egyszerű. Csak annyit tesz írja a termék különböző elemeit a jegyzetkártyákra vagy a Post-It jegyzetekre, akkor a résztvevőket rendezzük úgy, hogy a leginkább érthető legyen számukra.

    Ha ez még túl sokat kezel, akkor egy olyan használhatósági vizsgálati eszközzel is járhat, mint az OptimalSort, amely elemzi az adatokat az Ön számára. Akárhogy is, az eredmény szilárd megértést ad a célfelhasználókra vonatkozóan ösztönösen navigáljon a terméken.

    KÉP: Smashing Magazine

    Kártya rendezési variációk

    Van néhány különböző stratégia a kártyák rendezésére, az Ön igényeinek megfelelően. Donna Spencer, a kártya-válogató szakértő és a Maadmob alapítója osztja meg személyes tapasztalatait a dobozok és nyilak című cikkében. Egy ilyen egyszerű tevékenységhez rengeteg variáció és vezérlés érinti a kapott adatok típusát és érvényességét.

    A kezdeti különbség az nyisd ki vagy zárva, alább ismertetett:

    Szortírozás megnyitása - A felhasználók csak az elemek kártyáival rendelkeznek, majd a csoportok csoportosítására maradnak, de úgy látják, hogy alkalmasak. A csoportosítást követően a felhasználókat meg kell adni maguknak a csoportoknak. Ez az új ötletek létrehozásához ajánlott, mivel visszafelé tud dolgozni a felhasználók természetes gondolkodási folyamataiból.

    Zárt rendezés - A nyílt válogatáshoz hasonlóan a felhasználók megkapják az elemek kártyáit; azonban felkérik őket, hogy csoportosítsák őket előre meghatározott csoportokba. Ez akkor ajánlott, ha a már létező kategóriák korlátain belül dolgozik, mint a már kifejlesztett webhelyszerkezet frissítése.

    Nyitott és zárt az elsődleges döntés, de más módszerek is vannak az eredmények megváltoztatására:

    Csoportok és egyének - A csoportok lehetővé teszik a felhasználók számára, hogy együttműködjenek, hogy jobb vagy rosszabb legyen, és segíthet egyszerre több felhasználó megismerésében; a csoportdinamika azonban befolyásolhatja az eredményeket.

    Távoli és helyszíni - Az online szoftvereszközök lehetővé teszik, hogy gyorsabban tesztelje a felhasználókat, de nem tudja közvetlenül megfigyelni a döntéshozatali folyamatokat. A helyszínen teljesebb megértést adhat arról, hogy a felhasználók hogyan hoztak döntéseket, de több tervezést és ütemezést igényel.

    Kártya rendezési irányelvek

    Természetesen van lehetőség a kártya rendezésének testreszabására, de William Hudson, az UX stratégia és tanácsadó felsorol néhány általános referenciaértéket, amelyek bármely kiválasztott módszerre vonatkoznak. A leghasznosabb, hogy felsorolja azokat a körülbelüli időket, amelyekre az emberek számíthatnak egy bizonyos számú elemre:

    • ~ 20 perc 30 elem esetén
    • ~ 30 perc 50 elem esetén
    • ~ 60 perc 100 elem esetén

    Ezzel az időstruktúrával előre megtervezheti, hogy mennyi ideig tartanak a tesztek az adminisztrációhoz, miután a kártyákat vagy a szoftvert létrehozták. Személyes tapasztalatunk szerint azonban ezek az iránymutatások egy kicsit nagyvonalúak - zárt kártyánk egyike 47 kártyát és négy kategóriát foglal magában, de csak átlagosan szükséges három perc teljesíteni.

    Egy másik univerzális szabály az, hogy elkerüljük a kártyák összetett nyelvét. Nagy szavak - legalábbis szavak sok szótaggal - és a technikai zsargon kockázata zavarja a tesztvevőket, vagy őket félreértelmezte a jelentés. Jóllehet az egyszerű megfogalmazás általában jó tanács a termék nyelvhasználatában, elengedhetetlen a kártya rendezéséhez, mivel a túl bonyolult címkézés zavarja a természetes gondolkodási folyamatokat.

    Sok szakértő egyetért a kártya rendezés érdemeivel. A Pierre Croft, az IA és az UX szakértője a Decibel Digital-nak támogatja a kártyák válogatását, mivel segíthet a HIPPOS rossz elképzeléseinek (a legmagasabb fizetésű emberek a szobában) eltolásában, akik nem tudják, hogyan kell építeni egy jó weboldalt. Azt is felsorolja néhány mutatót, amelyeket szem előtt kell tartani a teszt elkészítésekor:

    (1) Ne keverje össze a szülő és a gyermek kategóriákat - Más szavakkal, ugyanolyan szintű kategóriákat használjunk, vagy megzavarod a résztvevőket.

    (2) Az üres kártyák és tollak praktikusak - Bár ez a szabványos eljárás a nyílt kártyák rendezésére, ez szintén nagyon hasznos a zárt kártyák rendezéséhez. A formális tesztelés után pár üres kártyát adhat a résztvevőknek további kategóriák felírásához. Míg az információ lehet “jegyzőkönyvön kívül,” ez segíthet néhány hasznos betekintést.

    (3) Ne beavatkozz - A beavatkozás elrejti az adatokat, így elkerülhető a kísértés. Természetesen adjon útmutatást a tesztelőknek, ha zavarodnak, de csak az eredményekkel nem kapcsolatos kérdésekben.

    (4) OK, ha a felhasználók nem csoportosítanak mindent - A csoportosulás hiánya éppúgy lehet, mint egy teljesen teljes. Ha ez megtörténik, győződjön meg róla, hogy megkérdezi a felhasználót, hogy miért. Ha zárt fajtát futtat, és nem mindent rendez, akkor üres kártyákat is megadhat, hogy lássa, miért nem választották ki a meglévő kategóriákat.

    (5) Határozza meg a határidőket - Ez megkönnyíti az ütemezést általában, és ötletet ad a résztvevőknek arról, hogy mennyi időt töltenek a feladataikra.

    (6) Korlátozza kártyáit - Ha webhelye több száz vagy akár több ezer oldallal rendelkezik, csak az első és a második szintű oldalakat választhatja ki, hogy a dolgok kezelhetőek legyenek. Például, “Lépjen kapcsolatba velünk,” “Szerződési feltételek,” és más segédprogram-oldalak elhagyhatók, mivel ezek szinte az összes webhelyen megtalálhatók (így nem igazán tesztelne semmit, ami egyedülálló a webhelyén).

    Fa tesztelés

    A kártya-válogatás ellentétes spektrumánál a fa tesztelése lehetővé teszi, hogy a tervezett után tesztelje az információs architektúrát. A fa tesztelése a navigációs rendszer vizuális elemeinek eltávolítása hogy megértsük, hogy az alapszerkezet milyen áron számít. Fa teszt segítségével csak a címkézés és hierarchia tartalmát.

    Martin Rosenmejer a Webcredible hívásai közül a fa tesztelésének egyik legfontosabb lépése a tervezési folyamat korai szakaszában. Dióhéjban egy fa tesztben résztvevők vesznek részt különböző információk keresése egy kattintható webhelytérképen (vagy “fa”).

    Ezután egy használhatósági vizsgálati eszközzel, mint például a Treejack segítségével rögzítheti feladat sikeres (a megfelelő helyre kattintva) és feladatirányosság (a felhasználók biztonsága, hogy megtalálták, ami szükséges). Ez egy bolond módszer a felhasználók számára megkeresi a termékét.

    Amint fentebb látható, a Yelp webhelyének újratervezésénél a támogatási oldalat ábrázoló fát adtunk, majd a felhasználónak 10 feladatot adtunk meg (például információkat találtunk a rossz véleményekkel kapcsolatban). Mivel a teljes feladat sikeressége 53% volt, a közvetlen irányultság pedig 46% volt, tudtuk, hogy a hatásvizsgálatnak megváltoznia kell - de tudtuk pontosan hová kell változtatni.

    Egyszerűen fogalmazva, egy webhelykereső sáv (vagy egy háromsoros hamburger menü) nem elég, ha a navigáció rossz, mert a felhasználók nem tudják, hogy mi érhető el a keresésre. A webdesign hüvelykujjszabályának célja, hogy a felhasználó a lehető legkevesebbet gondolkodjon, mert a keresés megköveteli a felhasználóktól, hogy emlékezzenek a memóriából, ami negatívan befolyásolja az UX-et..

    Ha már el is adtuk az Önök számára a fa tesztelés ötletét, Jeff Sauro, a MeasuringU alapítója, részletesen elmagyarázza, hogyan kell őket megfelelően futtatni. Elmagyarázza, hogy a fák tesztelését elsősorban két okból használják:

    (1) Határozza meg a termék kereshetőségét - Mennyire tudnak a felhasználók navigálni a webhelyen, és milyen területeket okoznak a leginkább a navigáció?

    (2) Érvényesítse a változást - Egy frissítés helyesen javította a problémát, vagy további módosítások szükségesek?

    A fák tesztelése a statisztikai teszt. A többi kvantitatív teszthez hasonlóan az adatok pontosabbak lesznek több résztvevővel. Mennyire pontos? Nézze meg ezt a táblázatot, hogy megtalálja a legkisebb hibaarányt az eszközökön belül; javasoljuk a 20% -os vagy annál jobb hiba elérését.

    Következtetés

    Nem tudjuk eléggé hangsúlyozni az információs architektúra fontosságát - ha a tartalom nem logikusan egyszerű struktúrával van strukturálva, akkor talán nem is létezik. Ezért lehet ezek a korai tesztek segítsen azonosítani és megoldani a problémákat, mielőtt ténylegesen problémáik lennének.

    Az ilyen tesztek erőssége az, hogy az adatokat a felhasználók természetes viselkedése után modellezzük, és amikor az IA tesztelésére van szükség, a tesztek nem teszik jobban, mint a kettő.

    A szerkesztő megjegyzése: Ezt a Hongkiat.com-nak írta Jerry Cao. Jerry egy tartalomstratista az UXPin-nél, ahol az alkalmazáson belüli és online tartalmakat fejleszti a drótváz és prototípus platform számára. A 30 különböző típusú használhatósági vizsgálatról szóló tanácsok és esettanulmányok tekintetében olvassa el a Használati tesztelési útmutatót.

    Most olvassa el: 7 lépés a jobb honlap visszajelzéséhez