Návrh produktu, webovej stránky alebo aplikácie je dlhý proces, ktorý si vyžaduje trpezlivosť, prehľad a množstvo nástrojov. Aby ste pochopili, čo skutočne funguje a čo nie, je dôležité vedieť, čo si používatelia myslia. Tu prichádza na rad používateľské testovanie.

Spojením síl sa UXPin, UserTesting a Optimal Workshop rozhodli opísať proces UX, ktorý nasledovali pre hypotetický Yelp:

Celý proces pripomínal skôr dizajn sprint, pozostávajúci z 1-3 týždňových projektov zameraných na riešenie konkrétnych problémov.

Stručný prehľad procesu návrhu UX

1. Definícia produktu

V počiatočnej fáze špecialisti definovali hodnotovú ponuku, nespravodlivú výhodu a celkový obchodný model. Keďže Yelp už zaznamenal výrazný úspech pri získavaní návštevníkov, mysleli si, že by bolo zaujímavé pochopiť, ako by mohli zvýšiť frekvenciu používania. Ďalej bol vyvinutý všeobecný testovací plán.

2. Testovanie a analýza

Počas fázy prieskumu tím podrobne prešiel plán testovania a prešiel k nemoderovaným reláciám. Boli určené demografické údaje používateľov a podrobne opísané konkrétne úlohy. Počas práce boli použité rôzne testovacie metódy, od analýzy záznamov interakcií používateľov so stránkou, vzdialeného triedenia kariet (triedenie kariet) až po testovanie prvým kliknutím (testovanie prvým kliknutím).

Podľa UserTesting je jedným z hlavných princípov testovania použiteľnosti používanie všeobecných a špecifických úloh. Prvé vám umožňujú zistiť, čo si používatelia myslia, zatiaľ čo druhé odhaľujú príčiny frustrácie.

Počas celého testovania sa vývojári držali nasledujúcich zásad:

• Spracovanie textu. S cieľom vyťažiť maximálny úžitok špecialisti niekoľkokrát upravili pokyny tak, aby bol jazyk čo najstručnejší a nabádal ku konkrétnym činnostiam. Toto je sine qua non pre vzdialené nemoderované testovanie, keďže písomné pokyny sú jedinými pokynmi pre účastníkov.
• Vykonávanie (pilotného testu). Keď boli pokyny pripravené, vykonal sa nemoderovaný vzdialený test s jedným používateľom z testovacej skupiny. Poskytol aj spätnú väzbu k samotným pokynom, aby tím mohol opraviť drobné chyby a zabezpečiť úplnú prehľadnosť.
• Poskytovanie úloh s relevantnými otázkami. Pri každej úlohe musel účastník testu odpovedať na otázku „Bola úloha dokončená?“ a tiež „Zhodnotiť úroveň jej jednoduchosti / zložitosti“. Odpoveď na prvú otázku objasnila, či je úloha realizovateľná; zatiaľ čo druhá vám umožnila ponoriť sa do možných vylepšení dizajnu.
• Vyhýbanie sa navádzajúcim otázkam. Pri testovaní sa používala napríklad otázka typu „Ako ľahké alebo ťažké bolo pre vás splniť túto úlohu?“. namiesto „Aká ťažká bola táto úloha?“, čo bráni možnosti zaujatej odpovede.

Na zber kvalitatívnych a kvantitatívnych údajov odborníci vykonali tri testy použiteľnosti na diaľku, z ktorých každý zahŕňal najmenej 5 ľudí. Po identifikácii bolestivých bodov vyvinuli toky úloh, simulujúce kroky každého používateľa na základe aktuálneho dizajnu. Po ich analýze a identifikácii nedostatkov použiteľnosti zlepšili toky, ktoré slúžili ako funkčné princípy redizajnu.

3. Dizajn a iterácia

Glen Lipka, viceprezident pre používateľskú skúsenosť, je presvedčený, že konzistentné (UI, používateľské rozhranie) je lepšie ako dokonalé používateľské rozhranie. Dôslednosť plodí rozpoznateľnosť, čo následne vedie k častejšiemu obráteniu. Nižšie uvádzame niekoľko pokynov:

• Dizajn pre informáciu.Ľudia nepoužívajú webové stránky na obdivovanie krásnych dizajnov, ale preto, že potrebujú obsah. V tomto prípade, vzhľadom na to, že Yelp je lokálna vyhľadávacia stránka, bolo potrebné prepracovať dizajn, aby bolo možné lepšie poskytovať správne informácie správnym ľuďom, a testovanie informačnej architektúry pomocou triedenia kariet bolo neoddeliteľnou súčasťou tohto procesu.
• Dodržiavanie princípu MAYA (najpokročilejšie a zároveň prijateľné), „najvyspelejší a zároveň zaznávaný“. Zatiaľ čo tím chcel poskytnúť lepší zážitok pre príležitostných používateľov Yelpu, nechcel vytvoriť niečo také cudzie, aby to odcudzilo skúsených používateľov alebo zmiatlo nových.
• Štúdium vzorov používateľského rozhrania.Študovali sa existujúce modely používateľského rozhrania na iných známych stránkach a zistilo sa, čo by sa z nich dalo prevziať.
• Urobte stránku príjemnou a jednoduchou na používanie (použiteľnú). Zážitok pre občasných používateľov Yelpu mal byť prehľadnejší. Špecialisti chceli zároveň zachovať príjemný vzhľad lokality.

Konečným cieľom bolo dosiahnuť lokálne maximum. Projekt bol ukončený hneď, ako náklady prevážili prínosy dodatočnej iterácie. Vzhľadom na obmedzený čas dizajnového šprintu vývojári nešli v cykloch pri získavaní globálneho maxima (globálneho maxima).

Pochopte svoje podnikanie pred testovaním

Predtým, ako začnete pracovať na UX, musíte najprv pochopiť svoje podnikanie. Aké problémy rieši, ako prináša peniaze? V čom je úspešná a v čom sa dá zlepšiť?

Prvým krokom v redizajne je teda analyzovať obchodný model, identifikovať potrebné vylepšenia UX a potom rozhodnúť o hypotézach a pláne testov.

Pre prvý krok si odborníci vybrali, pretože ide o jednoduchú a zároveň komplexnú podnikateľskú vizualizáciu:

Nebudeme vás nudiť celou dokumentáciou, takže sa pozrime, ako to môžete urobiť na účely UX pomocou Yelpu ako príkladu:

• Najväčší problém: Ľudia v konkrétnom meste chcú [najlepší / najrýchlejší / najlacnejší / najjednoduchší] [produkt / službu].
• 3 najzákladnejšie funkcie: Užívateľské recenzie, stream aktivít, vyhľadávanie mesta/kategórie.
• Jedinečná hodnotová ponuka: Možnosť vytvárať zoznamy firiem, pridávať recenzie a zobrazovať firmy odporúčané priateľmi a inými používateľmi.
• „Nespravodlivá výhoda“ (niečo, čo sa nedá skopírovať alebo kúpiť): Sieťové účinky veľkej používateľskej základne.

Najdôležitejšími bodmi sú funkcia vyhľadávania a informačná architektúra. Ak ľudia nenájdu to, čo chcú, nebudú písať recenzie. Redizajn by mal čo najlepšie organizovať a viesť ľudí k informáciám, ktoré potrebujú.

2. Definovanie objektov používateľského testovania

Vzhľadom na už tak obrovskú používateľskú základňu stránky sa rozhodlo, že najzaujímavejšie oblasti výskumu budú miera návštevnosti a udržanie používateľov. Podľa Neila Patela, generálneho riaditeľa spoločnosti QuickSprout, pridanie alebo odstránenie funkcií môže pridať hodnotu produktu. Na základe týchto úvah sme sa rozhodli pre potrebné otázky:

• Aké funkcie používajú ľudia pri výbere reštaurácie? (napr. fotografie, hodnotenie atď.)
• Môžu si používatelia vybrať reštauráciu na základe niekoľkých konkrétnych kritérií?
• Vedia používatelia, ako uložiť variácie?
• Môžu zistiť, či je konkrétne miesto momentálne otvorené?

3. Výber testovacích metód

Keďže opísaný projekt bol založený na dizajnových sprintoch, vývojári chceli, aby bol komplexný, ale aj nákladovo efektívny. Voľba bola urobená v prospech nemoderovaného vzdialeného testovania, ktoré zahŕňalo analýzu nafilmovaných triedení kariet, stromové triedenie (stromové triedenie) a testovanie prvým kliknutím. Prostredníctvom týchto testov sa odborníci mohli dozvedieť, ako účastníci testu používajú produkt vo svojom živote, aké informácie uprednostňujú a aké akcie sú najobľúbenejšie.

Plánovanie a zber kvalitatívnych údajov

Diaľkové testovanie použiteľnosti pomocou špeciálneho softvéru (napríklad UserTesting) na zaznamenávanie obrazovky a hlasu účastníka vám umožňuje vidieť akcie používateľa a počuť jeho myšlienky počas vykonávania určitej úlohy.

Ak chcete vykonať testovanie používateľov, musíte najprv určiť, ktoré publikum vyhovuje vašim cieľom výskumu.

V našom prípade to boli súčasní používatelia Yelpu, ktorí túto stránku príležitostne navštívili.

Kritériá výberu ako vek, pohlavie, úroveň príjmu alebo znalosť internetu neboli dôležité. Keďže táto štúdia bola vykonaná výhradne za účelom kvalitatívnej analýzy, experti nepotrebovali (štatistická významnosť) potvrdiť získané údaje. Riadili sa osvedčenými postupmi v odvetví a vykonali svoj výskum s 5 používateľmi. A nakoniec, kvôli jednoduchosti dizajnového sprintu testovali web Yelp iba na počítači.

Cieľom testovania bolo zistiť, ako si títo používatelia počínajú pri niekoľkých všeobecných úlohách (na určenie najdôležitejších funkcií) a aspoň pri jednej menej bežnej úlohe (s cieľom zistiť, či môžu používať pokročilejšie funkcie).

Všeobecné úlohy zahŕňali:

• Zameraná úloha – nájdite firmu na základe konkrétnych parametrov
• Otvorená úloha – nájdite firmu s veľmi malým počtom smerníc
• Veľmi špecifická úloha – nájsť konkrétne miesto a zistiť o ňom konkrétne informácie

Vývojári mali záujem zistiť, ako používatelia interagujú s filtrami a na základe čoho si vyberajú jednu alebo druhú spoločnosť.

Pokiaľ ide o menej bežné úlohy, poskytovali rôzne možnosti pre každú skupinu používateľov. Keďže sa od registrovaných používateľov Yelpu vyskytlo niekoľko sťažností týkajúcich sa funkcií „Záložka“ a „Zoznamy“, odborníci požiadali registrovaných používateľov (skupina 1), aby si spoločnosť uložili pre budúce použitie. Pre používateľov bez účtov (Skupina 2) bolo úlohou nájsť udalosť. Dôležité bolo zistiť, či v tejto úlohe využijú funkciu vyhľadávania alebo nie a ako sa rozhodnú, na ktorú udalosť sa zúčastnia.

Na konci každej úlohy mali účastníci napísať, či boli schopní úlohu splniť a ohodnotiť úroveň obtiažnosti alebo ľahkosti jej dokončenia.

Po výbere predmetov a príprave testových otázok prišlo na rad samotné užívateľské testovanie a o hodinu neskôr boli prijaté videozáznamy na ďalšiu analýzu.

Kvalitatívna analýza používateľského výskumu

Po dokončení výskumu je čas analyzovať výsledky a identifikovať hlavné problémy, s ktorými sa používatelia na stránke Yelp stretli. A tu je to, čo sme zistili:

1. Funkcia vyhľadávania bola hlavným východiskovým bodom pre akúkoľvek úlohu.

Všetci piati účastníci využívali vyhľadávací panel aj pri úlohách, kde sa to bez neho dalo ľahko zaobísť.

4 z 5 účastníkov sa okamžite obrátili na funkciu vyhľadávania, aby našli reštauráciu. Iba jeden používateľ začal prechádzať kategórie, čo sa mu okamžite zdalo príliš nepríjemné a nakoniec sa uchýlil aj k vyhľadávaciemu panelu.

2. Karta Udalosti nebola dostatočne nápadná.

V jednej z úloh mali účastníci bez účtov Yelp nájsť počas nadchádzajúceho víkendu zaujímavú udalosť vo svojom meste. Tím chcel vedieť, či by použili kartu Udalosti v hornej časti stránky:

Napodiv nikto nepoužíval kartu „Udalosti“. Jeden z účastníkov testu sa obrátil na vyhľadávací panel, zatiaľ čo druhý prešiel do kategórie Arts and Entertainment.

3. Funkcia záložky bola neprehľadná a nikto nepoužíval zoznamy.

Vývojári chceli zistiť, aký spôsob by si používatelia vybrali, aby ušetrili miesto na neskorší prístup. V Yelpe to možno urobiť dvoma spôsobmi: pridať miesto do záložiek alebo vytvoriť zoznam.

Z troch členov:

• Jeden použil záložky na záchranu spoločností, ale lamentoval, že tento proces trvá dlho.
• Jeden začal ukladať firmy záložkami, no prestal z toho istého dôvodu ako používateľ vyššie.
• Jeden používateľ vôbec nerozumel tomu, ako zachrániť spoločnosti na stránke a opustil túto úlohu.

Dvaja účastníci, ktorí používali záložky, povedali, že by bolo pekné, keby ste to mohli urobiť aj zo stránky s výsledkami vyhľadávania, namiesto toho, aby ste museli
prejdite na stránku každej spoločnosti na tento účel.

4. Nájsť konkrétne miesto sa ukázalo ako veľmi rýchla a jednoduchá úloha.

Všetci piati používatelia, ktorí mali za úlohu nájsť konkrétne miesto a či je momentálne otvorené, úlohu úspešne splnili a hodnotili ju ako veľmi jednoduchú.

5. Používatelia sa riadili fotografiami, aby určili atmosféru reštaurácie.

Keď boli požiadaní, aby našli reštauráciu s konkrétnou atmosférou, žiadny z piatich účastníkov sa nepokúsil použiť vyhľadávací panel. Namiesto toho si traja prezreli fotografie reštaurácie na Yelpe, jeden navštívil webovú stránku reštaurácie a posledný usúdil, že hodnotové symboly ($, $$, $$$, $$$$) sú dostatočným ukazovateľom toho, či má reštaurácia tú správnu atmosféru.

6. Členovia používali filtre, ale mohli by sa zlepšiť.

V úlohe nájsť reštauráciu pre skupinu 15 ľudí traja z piatich účastníkov použili filter „Dobré pre veľkú skupinu“, ďalší použil funkciu „Rezervovať“ a potom roloval nadol po stránke s výsledkami, kým nenašiel reštauráciu, ktorá zodpovedal požiadavke.

Posledný používateľ sa pokúsil vybrať dve kategórie na filtrovanie výsledkov, no keď klikol na jednu z možností, druhá v tom momente zmizla.

Keď účastníci hľadali reštauráciu podľa určitých parametrov, jednou z požiadaviek bolo nájsť reštauráciu do 20 USD/osoba. Dvaja z piatich používateľov boli zmätení, do ktorej kategórie by mala reštaurácia s týmto rozpočtom spadať: do kategórie $, $$ alebo $$$. Jeden z nich uviedol, že nevie, čo tieto symboly znamenajú, a druhý si vybral zlú kategóriu. Ostatní traja používatelia si správne vybrali kategóriu $$.

Hodnoty symbolov sa nezobrazujú počas výberu filtra, ale iba vtedy, keď osoba prejde na stránku konkrétnej reštaurácie. Keďže cenové očakávania sú vysoko subjektívne, účastníkom nebolo jasné, ktorú kategóriu by si mali vybrať.

Zhromažďovanie kvantitatívnych údajov o správaní používateľov

Ďalším cieľom bola podrobnejšia analýza. K tomu odborníci otestovali prvé kliknutie a testovanie so zatvorenými kartami.

1. Triedenie s uzavretými kartami pomocou nástroja OptimalSort.

Osobné triedenie zahŕňa vydávanie účastníckych kariet obsahujúcich mená, ktoré potom účastníci musia priradiť k existujúcim kategóriám (na rozdiel od triedenia podľa otvorených kariet, kde si používatelia musia vytvárať kategórie sami). Pri pomenovávaní kariet by ste sa mali držať zásady „čím jednoduchšie, tým lepšie“. Niekoľko pokynov, ktoré sa vzťahujú na triedenie s uzavretými aj otvorenými kartami:

• Nemiešajte rodičovské a podradené kategórie. Inými slovami, používajte kategórie rovnakej úrovne, inak účastníkov zmiatite.
• Uistite sa, že po testovaní máte otvorené formuláre pre ďalšiu spätnú väzbu.
• Majte na pamäti, že používatelia niekedy údaje nezoskupujú. Neprítomnosť zoskupenia môže byť rovnako informatívna ako jeho prítomnosť. V tomto prípade všetkými prostriedkami zistite od účastníka dôvod.

Triedenie kariet použité v tomto teste malo tri jednoduché ciele:

• Zistite, ako často ľudia používajú filtre vyhľadávania na webe Yelp
• Zistite, ktoré filtre sú najdôležitejšie
• Zistite, ktoré filtre sú najmenej dôležité

Celkovo mali vývojári 47 kariet zobrazujúcich všetkých 47 filtrov vyhľadávania Yelp (cena, vzdialenosť atď.). Účastníci boli požiadaní, aby ich zoradili do kategórií dôležitosti: „veľmi dôležité“, „celkom dôležité“, „nie dôležité“ a „Neviem, na čo slúži tento filter“:

2. Testovanie prvého kliknutia pomocou nástroja Chalkmark

Toto testovanie zachytáva oblasť webu, na ktorú používateľ klikne, aby dokončil konkrétnu úlohu. Tu je niekoľko tipov, ako na to:

1. Jasne si zapíšte úlohy. Uistite sa, že účastník premýšľa o tom, ako problém vyriešiť, nielen o tom, kam kliknúť.
2. Určte najlepšie spôsoby dokončenia úlohy. Začnite na domovskej stránke a vytvorte všetky možné cesty na dosiahnutie každého cieľa.
3. Vyhraďte si čas na dokončenie úloh.

Tento test mal:

• Zistite, či informačná architektúra umožňuje rýchle dokončenie úlohy
• Zistite, či sú navigačné štítky jasné

Odborníci požiadali používateľov, aby dokončili určité úlohy tým, že im poskytli snímky obrazovky stránok Yelp. Potom účastníci analyzovali výsledky (teplotná mapa) a rýchlosť týchto úloh.

Kvantifikácia používateľského prieskumu

Po kvalitatívnej analýze boli údaje z dvoch vzdialených štúdií analyzované pomocou nástroja Optimal Workshop.

Obrázok 1. Výsledky testu filtra Yelp Search s uzavretým triedením kariet

92,5 % účastníkov uviedlo, že pravidelne používa vyhľadávacie filtre na tejto stránke.

Najdôležitejšie filtre pre používateľov boli „Otvoriť teraz“, „Prijímať kreditné karty“ a „Špeciálne ponuky“.

Viac ako 88 % účastníkov sa rozhodlo, že 7 filtrov nie je vôbec dôležitých.

Výsledkom tohto výskumu boli tri kľúčové ciele pre redizajn domovskej stránky Yelpu:

• Zviditeľnite najobľúbenejšie filtre vyhľadávania.
• Odstráňte nepoužívané filtre vyhľadávania alebo ich upravte tak, aby mali prednosť bežnejšie filtre a aby boli menej bežné filtre ľahko dostupné.
• Zoradenie uzavretých kariet do existujúcich kategórií, aby ste určili, ktoré filtre by mali patriť do jednotlivých kategórií podľa používateľov. Ak budú medzi účastníkmi veľké nezhody, bude potrebné prebudovať informačnú architektúru.

Výsledky testu prvého kliknutia na domovskej stránke Yelpu

2. 30 % účastníkov považovalo stránku za „presýtenú“ alebo „mätúcu“.

Tepelná mapa vykazovala výrazné rozdiely v tom, kde používatelia klikli. Účastníci boli požiadaní, aby našli reštauráciu za rozumnú cenu, ktorá by mohla ubytovať až 20 osôb. Úloha trvala v priemere 15 sekúnd, čo je na internete veľa. Na obrázku nižšie môžete vidieť, že 55 % kliklo na položku ponuky „Reštaurácie“ v pravom hornom rohu. Zvyšných 45 % kliklo na úplne iných miestach. Možnosť odpovedí na viacerých miestach na stránke zvyšuje kognitívnu záťaž používateľov a pravdepodobnosť nesprávneho prvého kliknutia:

24 % účastníkov využilo vyhľadávací panel pri hľadaní mechanika z ich mesta (jedna z úloh). Väčšina účastníkov sa presunula do kategórií služieb umiestnených na ľavej strane stránky. Ale druhou najobľúbenejšou akciou bolo stále používanie vyhľadávacieho panela.

Karta Udalosti zavádzala používateľov, keď boli požiadaní, aby sa dozvedeli viac o nadchádzajúcom festivale v ich meste. Karta Udalosti v hornom navigačnom paneli presmeruje ľudí na stránku s hlavnými udalosťami (nie na tie, ktoré si vybrali). Ak chcete vidieť udalosti, ktorých sa plánujú zúčastniť, musia kliknúť na spodnú kartu „Udalosti“.

Výsledkom bolo, že 37 % ľudí ignorovalo obe tieto karty a prešlo rovno do vyhľadávacieho panela. 37 % ľudí kliklo na požadovanú záložku „Udalosti“. 18 % kliklo na kartu umiestnenú v hlavnom navigačnom paneli.

Na základe získaných kvantitatívnych údajov boli identifikované nasledovné úlohy pre redizajn:

• Znížte neporiadok na stránkach, aby používatelia ľahšie absorbovali informácie a konali.
• Vytvorte jasné, jednoznačné názvy kariet a odstráňte nejednoznačné názvy, ktoré vedú používateľov na nesprávnu cestu.
• Urobte otvorenú kartu hlavného obsahu, aby ste určili, ako chcú používatelia usporiadať informácie a ako pomenujú kategórie.
• Zviditeľnite kartu Udalosti.
• Prerobte zobrazenie „Účet“ tak, aby nedochádzalo k zámene medzi hlavným menu stránky a menu účtu.

Dizajn a iterácia zameraná na používateľa

Po dokončení analýzy používateľských údajov môžete začať vytvárať a prerábať dizajn.

Jakob Nielsen, spoluzakladateľ Nielsen Norman Group, klasifikuje väčšinu procesov návrhu, ktoré zahŕňajú testovanie použiteľnosti, do dvoch kategórií: iteračný dizajn a paralelný dizajn.

V iteračnom procese jednoducho prechádzame z jednej verzie návrhu do ďalšej na základe zistení testovania použiteľnosti. Každá šípka v nižšie uvedenom grafe predstavuje kolo testovania a analýzy:

1 schematický drôtový model, viacnásobné iterácie → papierový/interaktívny drôtový model, viacnásobné iterácie → vizuálne návrhy, viacnásobné iterácie

Pri tomto procese sa odporúčajú minimálne dve iterácie pre každú skicu, drôtový model a rozloženie. Tento proces je samozrejme možné predĺžiť v závislosti od veľkosti a zložitosti a pre každú fázu môžete ľahko vytvoriť 5-10 iterácií.

Tento proces navrhovania kladie dôraz na skoré kreatívne myslenie. Viaceré dizajnové verzie, ktoré sa od seba mierne líšia, pokiaľ ide o rozloženie, sú vhodnejšie ako iterácie.

3 rôzne návrhy vyrobené súčasne → Používateľské testovanie (skombinujú sa najlepšie nápady na dizajn) → 1 dizajn → Iteračný proces návrhu

Výsledkom jedného veľkého kola používateľského testovania je jeden jednotný dizajn. Na jeho ďalšie vylepšenie je lepšie použiť iteračný proces, pri ktorom malé zmeny testujú malé skupiny 5-10 používateľov, kým nie je návrh finálny.

Opísaný proces redizajnu Yelpu bol v podstate paralelný proces s testovaním UX, ktoré sa vykonávalo na začiatku. Keďže išlo len o hypotetický redizajn, vývojári po kroku 1 návrh zastavili. Ak by to bol skutočný redizajn, ďalším krokom by bolo vykonať ďalšie testovanie na zlepšenie prototypu.

Skicovanie

Na účely redizajnu Yelpu bolo skicovanie prvým krokom pri prepracovaní domovskej stránky Yelpu a stránky s výsledkami vyhľadávania.

Načrtnutie domovskej stránky Yelpu trvalo dve iterácie a tím sa zameral výlučne na štruktúru.

Náčrt bol vytvorený s prihliadnutím na niektoré z hlavných problémov s použiteľnosťou identifikovaných počas testovania domovskej stránky:

• Zvýšenie viditeľnosti vyhľadávacieho panela
• Zviditeľnite kartu Udalosti
• Optimalizovať kategórie

Okrem toho bola pridaná päta a „Recenzia dňa“ bola presunutá z pravej strany stránky do spodnej časti.

2. Stránka s výsledkami vyhľadávania Yelp

Pretože stránka s výsledkami obsahuje menej informácií ako domovská stránka, načrtnutie nového dizajnu trvalo iba jednu iteráciu.

V tomto náčrte boli zohľadnené tieto body:

• Fotografie by mali byť lepšie viditeľné
• Označte cenové kategórie

Vytváranie drôtených modelov

Pokiaľ ide o drôtové modely s nízkou a vysokou presnosťou, existuje pomerne veľa kontroverzií. Vývojári uprednostnili prvý, pretože sa v tejto fáze chceli zamerať výlučne na štruktúru.

Vzhľadom na zložitosť aktuálnej domovskej stránky Yelpu to trvalo 4 iterácie. Okrem odstraňovania problémov s použiteľnosťou chceli tiež zachovať
SEO aspekty (napríklad zoznam ďalších miest). Nižšie sa zameriame na najnovšiu iteráciu.

• Vylepšenia vyhľadávacieho panela

Aktuálny dizajn:

Vyhľadávací panel sa nachádza v hornej časti stránky.

Upravený rámec:

Vývojári pridali väčšiu presnosť a tiež poskytli voľný priestor okolo panelu, aby viac vynikol. Keďže písanie recenzií je pre Yelp kľúčovou interakciou, pridali aj tlačidlo „Napísať recenziu“ do ľavého horného rohu.

• Optimalizujte zoznam kategórií

Aktuálny dizajn:

Upravený rámec:

Nový dizajn je vizuálnejší a predstavuje iba 8 kategórií naraz. Ak chcete vidieť viac, používatelia jednoducho musia kliknúť na tlačidlo „Iné spoločnosti“, ktoré sa presunulo bližšie k hornej ⅓ stránky, aby bol vizuálny dojem silnejší.

• Uľahčite hľadanie karty Udalosti

Aktuálny dizajn:

„Udalosti“ sú buď skryté v pravom hornom rohu horného navigačného panela (tu sa nezobrazujú), alebo sú presunuté na bočný panel uprostred rolovania.

Upravený rámec:

Zmenené rozloženie umiestni "Udalosti" do stredu posúvača. Môžete buď vložiť funkciu fotografie naľavo od textu, alebo pridať video, ktoré sa prehráva na pozadí.

• Zníženie celkového chaosu

Aktuálny dizajn:

Upravený rámec:

Akékoľvek sekundárne prvky ako "Populárne udalosti" alebo "Zoznamy" (ktoré podľa testovania použiteľnosti neboli nikdy použité) sa presunuli do päty.

2. Stránky s výsledkami vyhľadávania Yelp

Keďže stránky s výsledkami vyhľadávania boli menej zložité, redizajn si vyžadoval iba dve iterácie. Nižšie sa zameriame na najnovšiu iteráciu.

Aktuálny dizajn:

Filtre Yelp a triedeniu chýba hierarchia.

Upravený rámec:

Nový rámec zdôrazňuje najdôležitejšie filtre a prestavuje celú oblasť na štvorce. Každá kategória filtra obsahuje iba štyri možnosti, čo dáva vizuálny poriadok. Keďže 90 % používateľov považovalo filter „Otvoriť teraz“ za dôležitý, vývojári ho vybrali ako samostatný prvok. Ceny sú objasnené podľa dolárových rozsahov a 7 nedôležitých filtrov je skrytých.

• Vylepšenia rozloženia výsledkov vyhľadávania

Aktuálny dizajn:

Väčšina používateľov sa pri určovaní atmosféry miesta spoliehala na fotografie, ale ikony obrázkov v záznamoch sú príliš malé. Neexistuje ani spôsob, ako si firmu uložiť ako záložku.

Upravený rámec:

Zväčšili sme miniatúry a tlačidlo „Uložiť na neskôr“ sme presunuli hore pre jednoduché vytváranie záložiek. Zmenilo sa aj usporiadanie a oddelila sa adresa a telefónne číslo.

Prototypovanie: nízka a vysoká vernosť

Zatiaľ čo rámovanie je o štruktúre, prototypovanie je o skúsenostiach. Prototypovanie môže mať tiež nízku alebo vysokú presnosť.

1. Prototypovanie s nízkou presnosťou

Keďže takéto prototypy sú vo svojej podstate nedokončené, ľudia poskytujú objektívnejšiu spätnú väzbu o hlavných vlastnostiach a celkovom dizajne.

Vývojári z UXPin, UserTesting a Optimal Workshop chceli, aby prehliadanie kategórií, výber filtrov a prepínanie medzi domovskou stránkou a stránkou s výsledkami vyhľadávania boli pre účastníkov bezproblémové. Ak by to bol skutočný redizajn, ich ďalším krokom by bolo užívateľské testovanie tohto prototypu a následné opakovanie.

2. Prototypovanie s vysokou presnosťou

Vysoko verné prototypovanie je ideálne v neskorších fázach návrhu a iterácia sa dotýka vecí, ako je vzhľad, značka a ďalšie detaily.

Špecialisti zvýšili presnosť použitím svojej knižnice prvkov používateľského rozhrania. To, čo sa nedalo urobiť v prehliadači, bolo vytvorené vo Photoshope alebo Sketchu a následne importované priamo do UXPinu pomocou drag & drop. Vrstvy sa uložili, takže stačilo kliknúť na prvky a pridať interakcie.

Opäť, ak by to bol skutočný redizajn, tím by testoval nový prototyp pre rovnaké úlohy a podľa potreby by ho opakoval.

Záver

Najväčšou výzvou, ktorej čelia dizajnéri a produktoví manažéri, nie je to, ako funguje trh alebo rôzne technológie, ale to, ako sa človek správa. To, čo používatelia hovoria a čo robia, sú dve úplne odlišné veci a jediný spôsob, ako to otestovať, je otestovať to.

Testovanie použiteľnosti je viac než len zaškrtnutie v zozname požiadaviek. Toto je najpresvedčivejší základ pre vaše rozhodnutia o dizajne. Koniec koncov, ak nenavrhujete pre používateľov, navrhujete pre seba.

Mimochodom, dizajn webovej stránky Yelp popísaný v tomto článku prešiel niekoľkými zmenami a teraz vyzerá takto:

Je možné, že jeho vývojári použili vyššie uvedené princípy, aby dosiahli výsledok trochu pripomínajúci ten, ktorý prišiel z UXPin, UserTesting a Optimal Workshop.

) existuje fáza hodnotenia dizajnu, v ktorej je možné vykonať vysokokvalitné testovanie použiteľnosti.

K napísaniu tohto článku ma prinútili problémy, ktoré sa vyskytli počas môjho testovania použiteľnosti. Dúfam, že môžem niekomu pomôcť presnejšie určiť, kedy použiť testovanie použiteľnosti a ako sa pri tom vyhnúť niektorým otázkam.

Redizajn webstránky

Kedy by ste mali vykonať test použiteľnosti a čo mu predchádza?

V prípade už vyvinutej stránky vyvstáva otázka vykonania testovania použiteľnosti, keď cítite alebo zistíte, že na stránke niečo nie je v poriadku. V každom prípade je potrebné nainštalovať Google analytics (kniha: Google Analytics. Profesionálna analýza návštevnosti webu) alebo inú službu na analýzu návštevnosti webu. Nebudem hovoriť o tom, prečo by mala byť takáto služba nainštalovaná, pretože téma je už dávno vyčerpaná a iba leniví ľudia neodporúčajú inštaláciu takýchto služieb. Po nainštalovaní služby Google Analytics už máte konkrétne údaje o štatistikách návštev, vstupných a výstupných bodoch pre návštevníkov stránok a ďalšie informácie.

Ďalším krokom by malo byť definovanie KPI (Wikipedia: Key Performance Indicators). Je potrebné analyzovať, čo je dôležité pre podnikanie, určiť ciele, ktoré musia stránky dosiahnuť.

Príklad: pre niekoho to môžu byť objednávky tovaru, pre niekoho odvolanie cez formulár spätnej väzby s akýmikoľvek otázkami atď.

Ak boli doteraz odporúčania povinné, to znamená, že tieto kroky v každom prípade pomôžu pri rozvoji a propagácii stránky, potom existujú odporúčania, ak skutočne chápete, že stránka nie je efektívna.

Tretím krokom je priama identifikácia problematických stránok a funkcií. Samotné testovanie použiteľnosti nie je efektívne, musíte pochopiť, kde sa vyskytujú problémy, na ktorej stránke, s ktorou funkciou a potom vykonať testovanie, aby ste zistili, čo presne je na stránke nesprávne a ako to vyriešiť. Opäť vám pomôže Google analytics, tu môžete určiť, ktoré stránky používatelia opúšťajú, ktoré stránky sú ignorované a ktoré funkcie sa nepoužívajú.

Príprava na testovanie použiteľnosti

Takže v momente, keď už bolo rozhodnuté, že web potrebuje redizajn, našli sme stránky a funkcie, s ktorými majú používatelia problémy. Zostáva len pochopiť, prečo majú používatelia problémy a ako ich opraviť.

Štvrtým krokom by malo byť vytvorenie hypotéz o tom, čo je na stránke zlé a na základe toho je potrebné určiť metriky (Wikipedia: ISO 9126 - Hodnotenie softvérových produktov), ​​voči ktorým budú funkcie testované (existuje peer recenzná metóda, pri ktorej odborník predkladá hypotézy na zlepšenie rozhrania stránky a na ich základe je stránka redizajnovaná, či je však táto hypotéza skutočne pravdivá, je možné overiť až na základe výsledkov implementácie zmien , čo má za následok veľkú chybovosť).

Príklad: Pomocou služby Google Analytics sme zistili, že používatelia vstupujú na registračnú stránku, ale neprejdú ňou. Možno, že používatelia nerozumejú, aké informácie majú zadať do polí, alebo nevedia, čo robiť ďalej po vyplnení polí. Túto stránku teda musíme otestovať z hľadiska zrozumiteľnosti systémových správ a prevádzkovej postupnosti.

Po určení metrík, ktorými budeme testovať problémové oblasti na stránke, je potrebné určiť charakter a scenár práce (kniha: Alan Cooper na rozhraní. Základy interakčného dizajnu), podľa ktorých sa bude testovanie použiteľnosti realizovať. . Tento krok je potrebný na prilákanie správnych respondentov a výber úlohy na testovanie použiteľnosti. Ak tento bod prehliadnete, potom respondent, ktorý nie je cieľovým používateľom, môže úspešne prejsť problémovou oblasťou a používateľ, ktorý túto stránku skutočne používa, bude mať naozaj veľké problémy. Výsledkom bude redizajn rozhrania bez zohľadnenia údajov, ale problém zostane. Presné definovanie scenára pomôže dať respondentovi správnu úlohu. Totiž, ak je úlohou kúpiť si mobil, a respondent sa vôbec nezaregistruje (a my registráciu testujeme), tak je testovanie použiteľnosti zbytočné.

Poznámka: Vyberte scenár tak, aby sa otestovalo čo najviac problémových oblastí.

Nasleduje výber respondentov na základe zvoleného charakteru. Čím viac sa respondent zhoduje s portrétom postavy, tým lepšie. Dostatočný počet respondentov je 5-8 osôb. Pri výbere množstva vychádzam z odporúčania Jakoba Nielsena a vlastných skúseností.

Bezprostredne pred samotným testovaním použiteľnosti nechajte respondenta vyplniť dotazník, aby si overil, či vybraná postava a respondent zodpovedajú požadovaným vlastnostiam. Urobte úvodný brífing, počas ktorého opíšte kontext používania stránky a úlohu (knihy: Web Design: Kniha od Steva Kruga alebo Don't Make Me Think!).

Príklad úlohy: pri hľadaní nového mobilného telefónu ste sa na túto stránku dostali cez vyhľadávač. Nájdite telefón, ktorý hľadáte (požiadajte tiež respondenta, aby opísal telefón, ktorý hľadá).

Samotné vykonávanie testovania použiteľnosti (program: Usability Studio) nie je také ťažké, ako sa zdá. Potrebujete notebook s kamerou a nejakým softvérom na zachytenie pohybu používateľa a snímanie obrazovky. Požiadajte respondenta, aby sa vyjadril ku všetkým svojim činom a emóciám. Ako ukazuje prax, urobí to aj tak (a to nie je prekvapujúce, pretože aj doma používatelia často radi nadávajú alebo naopak upravujú rôzne formy a iné prvky na stránkach).

Po dokončení testu sa opýtajte respondenta na jeho skúsenosti, s akými ťažkosťami sa stretol a čo mu bolo nepríjemné. Neodporúčam používať údaje z prieskumu ako zákon na zmenu všetkého, čo sa mu nepáči. Musíte počúvať používateľov, ale byť veľmi nedôverčiví k jeho subjektívnemu názoru. Je lepšie, ak sa na základe výsledkov prieskumu objaví hypotéza o potrebe zmeniť rozhrania, pridať do zoznamu problémových oblastí ešte jednu položku a otestovať ju v ďalšej iterácii.

Spracovanie údajov testovania použiteľnosti

Ďalej si musíte prezrieť zozbierané video materiály, analyzovať výsledky testovania použiteľnosti a určiť požiadavky na rozhranie pre redizajn (kniha: Web Design. Usability of Web Sites). Zmeny, ktoré sa vykonajú na základe určitých požiadaviek, by sa mali skontrolovať pri ďalšom teste použiteľnosti. Počet takýchto iterácií by mal do značnej miery závisieť od cieľov a rozpočtu prideleného na prepracovanie stránky.

Príklady: pridanie tipov do registračného formulára, zvýraznenie tlačidla nákupu, pridanie poľa „platforma“ do formulára na výber telefónu podľa parametrov atď.

Dizajn webových stránok

Ak bol návrh vykonaný podľa normy ISO 9241-210, potom by testovanie použiteľnosti nemalo byť nákladným a časovo náročným procesom v spojení s pripraveným analytickým základom. Hlavné fázy testovania použiteľnosti pri navrhovaní lokality od začiatku zostávajú rovnaké, ako je opísané vyššie, s výnimkou niektorých aspektov:

1. Tvorba hypotéz
2. Definovanie metrík na testovanie
3. Definovanie postáv a scenárov
4. Výber respondentov
5. Vyplnenie dotazníka
6. Zaškolenie
7. Vykonávanie testovania použiteľnosti
8. Prieskum respondentov
9. Analýza výsledkov
10. Stanovenie požiadaviek na dizajn lokality

Hlavným problémom, na ktorý som pri testovaní použiteľnosti v tomto prípade narazil, je testovanie statického návrhu, nie plnohodnotného webu. V skutočnosti je lepšie otestovať rozloženie a dokonca aj naprogramovanú stránku, ale náklady na iteráciu do dizajnu už budú vysoké. Čím skôr sa problém v rozhraní nájde, tým nižšie sú náklady na jeho odstránenie. Ako vykonať úplné testovanie použiteľnosti statického obrázka? Riešením tohto problému bol program Axure. Najlacnejším a najúspešnejším spôsobom bolo umelo umiestniť odkazy na statický obrázok dizajnu stránky a vygenerovať ho do HTML stránky. Táto metóda umožňuje testovať stránku bez vynaloženia prostriedkov dokonca aj na rozloženie. Samozrejme, vo vygenerovaných stránkach nie je takmer žiadna funkcionalita, zobrazuje sa len v určitej forme, no na identifikáciu viacerých problémov to stačí.

Neberiem do úvahy možnosť kvantitatívneho testovania použiteľnosti, pretože vám umožňuje určiť celkovú ergonómiu rozhrania, ale neumožňuje určiť, aké problémy vznikajú, prečo a ako ich opraviť.

P.S. Čakám na konštruktívnu kritiku k navrhovanému riešeniu kvalitného testovania použiteľnosti dizajnu, keďže som takéto riešenie nikde nevidel. Ak existujú návrhy, ako lacno a veselo uskutočniť plnohodnotné kvalitné testovanie použiteľnosti, rád si ich prečítam.

Vykonáva sa s cieľom nájsť problémové oblasti na mieste alebo v produkte. Jeho hlavným cieľom je následne vykonať zmeny na stránke a predložiť nové hypotézy pre A/B testovanie.

Potrebujete zvýšiť konverzný pomer na vašom webe? Spúšťate nový web alebo produkt a potrebujete spätnú väzbu od potenciálnych zákazníkov? Potom je tento článok určený práve vám. Dnes budeme hovoriť o tom, z akých fáz pozostáva proces testovania a ako ho správne vykonávať.

6 krokov testovania použiteľnosti

Krok 1. Určite kľúčové ciele štúdie

Kvalita a konečný výsledok testovania použiteľnosti bude závisieť od toho, ako správne a presne sformulujete ciele štúdie. V jednom teste by ste nemali preskúmať všetko naraz. Odporúčame vám vybrať jeden cieľ pre každý test, pomôže vám to správne zostaviť úlohy pre používateľov a získať viac údajov na analýzu.

Zlý príklad:

• Účelom štúdie je identifikovať všetky problémy lokality.

Dobrý príklad:

• Účelom štúdie je zistiť, aké ľahké je pre používateľa nájsť správny produkt a zadať objednávku.

Krok 2. Vyberte cieľové publikum

Musíte vykonať testovanie použiteľnosti na skutočných ľuďoch, čo najbližšie k vašej cieľovej skupine. Okrem toho musia prvýkrát použiť vašu stránku (alebo prvýkrát otestovať novú aktualizáciu). Ak sa človek už naučil používať stránku, bude mať oveľa menšie ťažkosti ako nový kupujúci a nájde menej chýb a problémov.

Kde hľadať testery?

Ak máte B2c spoločnosť a predávate tovar alebo služby širokému publiku (obuv, domáce potreby atď.), odporúčame vám využiť našu online službu testovania použiteľnosti užívateľský bod. en, kde je veľká základňa testerov, medzi ktorými si môžete vybrať cieľové publikum podľa veku, pohlavia a akýchkoľvek ďalších parametrov:

Samozrejme, ak máte veľmi úzke publikum (napríklad ak máte internetový obchod pre drevorubačov Čukotka), musíte viesť cieľovú skupinu staromódnym spôsobom, organizovať proces testovania sami, vo vhodnej miestnosti, alebo využiť služby agentúr. Tradičné testovanie je samozrejme oveľa drahšie a zaberie desaťkrát viac času.

Koľko používateľov je potrebné prilákať na testovanie?

Vo vedeckých kruhoch je to stará téma diskusie. Podľa výskumu Jakoba Nielsena a Thomasa Landauera 5 užívateľov nájde 85% problémov s použiteľnosťou, 15 užívateľov 100% problémov. Obrázok ukazuje matematický model na hľadanie problémov použiteľnosti, ktorý predstavil Nielsen.

Najnovší a solídnejší výskum ukazuje potrebu zapojiť viac účastníkov. Doktorka Gitte Lindgaart z Carleton University ukázala, že percento zistených problémov závisí viac od kvality problémov na testovanie ako od vzorky. Skupiny 5-6 používateľov v jej výskume nachádzajú 30-50 % problémov s použiteľnosťou v rôznych prístupoch k formulácii problémov. S chronológiou výskumov a sporov sa môžete zoznámiť na odkaze - História magického čísla 5 v testovaní použiteľnosti.

Odporúčame vykonať test použiteľnosti zahŕňajúci oboje minimálne 10 ľudí, pričom treba pripomenúť, že rovnako dôležitým ukazovateľom okrem vzorky je aj kvalita úloh a otázok.

Ak plánujete spustiť viacero iterácií počas procesu vývoja lokality, budete musieť naverbovať novú skupinu pre každý test. To je dôležité pri výpočte rozpočtu.

Krok 3: Vytvorte skript a úlohy

Scenár – cesta, ktorú používateľ prejde od začiatku do konca, aby dosiahol cieľ štúdie. V každom kroku skriptu musíte vytvoriť úlohy, ktoré umožnia ľuďom premýšľať nahlas pri interakcii s vašou stránkou alebo produktom.

Ako sme už povedali, nemali by ste v jednom teste preskúmať všetko naraz. Ideálnou možnosťou je vykonať vlastný výskum pre každý cieľ a vytvoriť preň špecifický scenár so súborom úloh. Pamätajte, že pre testovanie kvality je 15-20 minút optimálny čas, kedy používateľ dokončí jeden scenár. Taktiež neodporúčame robiť viac ako 4-5 úloh v jednom scenári.

V skriptoch používajte rôzne typy úloh

ŠirokýÚlohy sú užitočné pri skúmaní použiteľnosti a obsahu stránky, na pozorovanie prirodzeného správania používateľov.

Príklady širokých úloh:

• Nájdite si tašku, ktorá sa vám páči.
• Nájdite si budúci mesiac ten správny hotel pre vašu dovolenku v Soči. Podeľte sa o svoje myšlienky.

ŠpecifickéÚlohy môžu pomôcť identifikovať, s ktorými nástrojmi majú používatelia problémy a s ktorými majú ťažkosti.

Príklady konkrétnych úloh:

• Nájdite červenú tašku až do 10 tisíc rubľov.
• Pri objednávaní darčeka uveďte, že si ho chcete vyzdvihnúť na najbližšom odbernom mieste. Pozrite si stránku s výsledkami. Zoraďte položky podľa najlepších recenzií.

Nerobte zložité zložené úlohy

Zlý príklad:

• Pridať položku do košíka. Teraz vyberte ďalšiu položku a pridajte ju tiež. Potom zvýšte množstvo prvej položky v košíku. Teraz zadajte objednávku a vyberte doručenie.

Je lepšie urobiť 4 rôzne úlohy:

• Pridať položku do košíka.
• Nájdite iný tovar a vložte ho do košíka.
• Zvýšte množstvo prvej položky v košíku.
• Zadajte objednávku na doručenie.

Stanovte si ciele na porovnanie s konkurenciou

Samozrejme, cena a dodacie podmienky sú tými najdôležitejšími faktormi pri výbere obchodu. Ste si však istý, že klient kúpil produkt od konkurencie, pretože stojí o 1 % menej? Možno vaša stránka len vzbudzuje menšiu dôveru? Alebo možno nie je dostatok online chatu? Alebo je to problém s prepravou? Ak existuje podozrenie, že dôvod je v dodacích podmienkach, môžete vykonať úlohu „porovnať podmienky dodania a platby s konkurentom X“ alebo dokonca „s konkurentmi z 3 najlepších emisií Yandex“. Dôvodov na výber spoločnosti môže byť veľa a testovanie použiteľnosti je skvelou príležitosťou, ako zistiť, prečo sa zákazníci rozhodnú kupovať produkty zo stránok vašej konkurencie.

K úlohám sa pýtajte správne otázky

Úlohy v testovaní použiteľnosti sú potrebné na zobrazenie akcií vykonaných testermi a otázky pre úlohy sú potrebné na získanie spätnej väzby. V závislosti od typu otázky (jednoduchá otázka, otázka s viacerými možnosťami, hodnotiaca stupnica, spätná väzba) môžete získať rôzne výsledky. Pri každej úlohe musíte klásť správne otázky, aby ste čo najúplnejšie zhromaždili údaje pre následnú kvalitatívnu analýzu a hypotézy.

Príklad úlohy:

• Vyberte si darček pre priateľa v cenovom rozpätí od 5 do 10 tisíc rubľov na webových stránkach xxx.ru a yyy.ru.

Príklad otázky:

• Na ktorej stránke je vhodnejšie použiť produktové filtre?

Čoskoro zverejníme nový článok o tom, ako k nim správne zostaviť scenár, úlohy a otázky. Prihláste sa na odber aktualizácií blogu a nenechajte si ujsť užitočné informácie.

Krok 4: Otestujte svoj test

Samozrejme, je takmer nemožné prísť s dokonalým skriptom na prvýkrát, preto spustite pilotný test pre 1-2 používateľov. Tým sa odhalí a odstráni väčšina nedostatkov vo formulácii úloh a otázok.

Hlavným cieľom je uistiť sa, že testeri správne rozumejú vašim úlohám a otázkam, aby ich nenútili premýšľať a doplňujúce otázky.

Môžete urobiť nasledovné:

• Požiadajte niekoho, koho poznáte, aby urobil test (kto nie je veľmi oboznámený s vaším projektom).
• Pozrite sa, ako daná osoba pracuje s každou úlohou a problémom, všimnite si všetky ťažkosti, ktoré má.
• Vykonajte zmeny v úlohách a otestujte ich na inom používateľovi.

Testovanie použiteľnosti uľahčuje a zrýchľuje spustenie testu na 1 až 2 používateľoch z vašej cieľovej skupiny. Do 1-2 dní dostanete videá, budete môcť upravovať úlohy a spustiť nový test pre viac používateľov.

Pilotné testovanie zlepšuje kvalitu výskumu a z dlhodobého hľadiska vám ušetrí veľa času.

Krok 5: Test

Ak pracujete s UserPoint, potom celý proces (poskytnutie testerov s potrebným softvérom, nahrávanie videí zaznamenávajúcich všetky úvahy osoby v procese plnenia úloh) prebieha automaticky bez vašej účasti. Preto sa týmto krokom nebudeme podrobne zaoberať.

Ak sa rozhodnete pre tradičné testovanie, odporúčame vám oboznámiť sa s materiálmi jedného z priekopníkov tradičného testovania Nielsen Norman Group.

Krok 6. Analyzujte výsledky a predložte hypotézyA/ B— testovanie

Po testovaní je potrebné zapísať a štruktúrovať kvantitatívne (počet úspešne dokončených úloh, čas testovania, počet zistených chýb a problémov) a kvalitatívne dáta (aké problémy a ťažkosti mali testeri, pripomienky a odporúčania používateľov, odpovede na vaše otázky o úlohách). Pamätajte, že konečným cieľom testovania použiteľnosti je identifikovať zjavné problémy s cieľom vykonať zmeny na stránke alebo produkte a pripraviť hypotézy pre nové A/B testovanie.

Opravte všetky problémy

Presne a stručne zapíšte všetky problémy a ťažkosti, ktoré mali testeri v procese plnenia úloh.

Zlé príklady:

• Zmätený z navigácie.
• Klikli ste na nesprávny odkaz.

Dobrý príklad:

• Vo fáze nákupu som klikol na odkaz „Prihlásiť sa“ namiesto odkazu „Pokladňa“.

Označte dôležitosť problémov.

• kritický– ak sa neopraví, používatelia nebudú môcť úlohu dokončiť.
• vážne- väčšina používateľov bude sklamaná, ak problém nevyriešime.
• Menší- ľudia sú naštvaní, ale to im nebráni dokončiť úlohu bez väčších ťažkostí.

Formulujte závery, vykonajte zmeny, predložte hypotézy pre nasledujúceA/ B- testovanie

Každý záver by mal byť založený na získaných údajoch a mal by obsahovať odporúčania, ako ďalej postupovať. Ak je problém kritický, musíte okamžite vykonať zmeny na stránke alebo produkte. Na základe väčšiny problémov budete musieť na spustenie A/B testov predložiť hypotézy.

Nezabudnite, že nebudete môcť dodržiavať všetky odporúčania testerov a urobiť stránku alebo produkt čo najpohodlnejším pre každého bez výnimky. Najprv sa zamerajte na najväčšie problémy, ktoré priamo ovplyvňujú konverzie na vašom webe.

Od autora: netvárme sa: každá stránka je vytvorená za účelom zisku. Majitelia internetového obchodu „spi a vidí“, ako predať viac tovaru. Myseľ blogerov je neustále zaneprázdnená hľadaním. Dokonca aj stránky charitatívnych organizácií - a tie sú vytvorené s cieľom čerpať výhody, najmä pritiahnuť pozornosť sponzorov a spoločnosti k problému. Maximálnu návratnosť však možno dosiahnuť iba vtedy, ak je používanie stránky vhodné. Aký je najlepší spôsob, ako otestovať použiteľnosť webovej stránky? O tom si dnes povieme.

Súhlasíte, stránka s jednoduchou navigáciou, krásnym dizajnom, kvalitnými informáciami a dobrou funkčnosťou vás núti vracať sa znova a znova. To isté sa nedá povedať o nepohodlných webových zdrojoch, ktoré sa vôbec nestarajú o užívateľský komfort. A tí, ktorí zase pociťujú neúctu k sebe a svojim potrebám, z takejto stránky rýchlo ustúpia bez toho, aby si čokoľvek kúpili. Aby ste tomu zabránili, je potrebné skontrolovať použiteľnosť stránky.

Použiteľnosť webu (z angl. Usability) je pohodlie pri jeho používaní. Čím vyššia použiteľnosť, tým kvalitnejšia stránka, tým ľahšie a rýchlejšie môže návštevník dosiahnuť svoj cieľ – napríklad zadať objednávku alebo nájsť nejaké informácie.

Hlavné problémy, ktoré možno identifikovať pri kontrole použiteľnosti stránky, sú:

Prítomnosť čo i len jedného z vyššie uvedených problémov môže mať dosť žalostný vplyv na umiestnenie stránky vo výsledkoch vyhľadávania, jej návštevnosť potenciálnymi zákazníkmi a vo všeobecnosti ich lojalitu k zdroju.

Čo je testovanie použiteľnosti?

Ide o štúdiu zameranú na určenie miery použiteľnosti a vhodnosti webovej stránky alebo používateľského rozhrania na jej zamýšľané použitie. Tento proces, nazývaný aj testovanie použiteľnosti, zahŕňa použitie používateľov ako testerov na poskytovanie objektívnych údajov.

Ako prebieha testovanie v „laboratóriu“?

Príklad testovania použiteľnosti: používateľovi sa ponúkne, aby vyriešil niektoré úlohy, pre ktoré bol tento webový zdroj vytvorený, a v procese vykonávania testu zaznamenal svoje pripomienky. Poznámky sa zvyčajne zaznamenávajú pomocou videozáznamu alebo zvuku, aby sa potom mohli podrobne analyzovať.

Do procesu sa môžu zapojiť pozorovatelia, ktorí sledujú situáciu a robia si poznámky o priebehu testovania. Skontrolovať použiteľnosť a funkčnosť stránky je možné nasledujúcim spôsobom: vypracuje sa „ideálny“ scenár správania používateľa a jeho „cesty“ po stránke, následne sa zaznamenajú odchýlky od tejto trasy a s nimi súvisiace zmeny. vyrobené.

Po niekoľkých cykloch pekelných iterácií "test / spresnenie" môžete získať rozhranie, ktoré je prijateľné na riešenie konkrétneho problému, pohodlné pre klienta a ziskové pre vlastníka stránky.

Použitie cieľovej skupiny

Jednou z odrôd vyššie opísanej metódy je testovanie produktu pomocou cieľovej skupiny. Jeho podstata spočíva v tom, že na stránku vstupujú skutoční používatelia a vykonávajú rôzne akcie až po konverziu.

Vďaka tomu dostanete spätnú väzbu „zvonku“, zoznam otázok a ťažkostí, ktoré sa vyskytli, prípadne aj návrhy na zlepšenie. Takáto štúdia by mala zahŕňať zástupcov cieľovej skupiny, ktorá sa medzi sebou líši úrovňou počítačových znalostí, profesiou, sociodemografickými a inými charakteristikami.

Tento typ online kontroly použiteľnosti webových stránok vám umožní analyzovať produkt z pohľadu koncového používateľa a získať odpovede na nasledujúce otázky:

či štruktúra a dizajn rozhrania spĺňa obchodné ciele;

ktorým prvkom používateľ venuje najväčšiu pozornosť;

Je navigácia jednoduchá?

či sa používateľ dokáže rýchlo prispôsobiť rozhraniu a jeho funkčnosti;

či mechanizmus spätnej väzby funguje normálne;

Moderné trendy a prístupy vo vývoji webu

Naučte sa algoritmus pre rýchly rast od nuly pri vytváraní webových stránok

Pôsobí produkt správnym dojmom?

či existujú rozdiely v skutočných a konverzných používateľských trasách.

Kde môžem získať tieto cieľové skupiny? Na tento účel existuje veľa služieb na testovanie použiteľnosti pomocou cieľových skupín (askusers.ru, usabilla.com, sitepolice.ru atď.); môžete využiť aj pomoc špecializovaných firiem.

Nevýhodou tejto metódy je jej cena. Na získanie normálnej vzorky (nie od 2 ľudí) budete potrebovať značný rozpočet. Zapojením fokusových skupín do výskumu navyše s najväčšou pravdepodobnosťou získate len zoznam problémov, ktorých riešenie budete musieť hľadať buď sami, alebo s pomocou špecialistov.

Nástroje na hodnotenie použiteľnosti

Ako inak môžete skontrolovať použiteľnosť webovej stránky online? Na internete je obrovské množstvo rôznych nástrojov, platených aj bezplatných. Tu sú podľa môjho názoru najužitočnejšie:

Experimenty s obsahom Google Analytics. Je to bezplatný nástroj s otvoreným zdrojovým kódom, ktorý vám umožňuje otestovať takmer akúkoľvek zmenu na vašom webe, aby ste zistili, či to pomôže znížiť mieru odchodov alebo zvýšiť konverzie.

Ak chcete nástroj pripojiť, prejdite do služby Google Analytics a nájdite kartu „Správanie“ – „Experimenty“. Ak chcete nastaviť experiment, musíte vykonať niekoľko akcií:

nastaviť názov a účel experimentu. Cieľom môže byť návšteva webovej stránky, nákup produktu, prítomnosť používateľa na určitý čas. Môžete si vytvoriť svoj vlastný cieľ alebo si vybrať z tých, ktoré ponúka Google Analytics;

vyberte percento rozloženia návštevnosti. Toto je počet návštevníkov, ktorí uvidia jednu alebo druhú cieľovú možnosť;

nastavte minimálny čas experimentu. Zvyčajne sú to dva týždne;

nastaviť prah spoľahlivosti. Čím je vyššia, tým presnejšie sa určí víťazná možnosť, čím sa však predĺži čas experimentu.

Medzi nevýhody použitia tohto nástroja patrí nemožnosť kontroly viacerých úloh naraz, chýbajúce testovanie polyvariantnosti a segmentácia návštevnosti.

Visual Website Optimizer. Umožňuje vám efektívne zvyšovať konverzie, má jednoduchý online editor na nastavenie mnohých možností pre vašu vstupnú stránku a vytvára jedinečné balíky zacielenia. Môžete mu napríklad povedať: ak k nám prišiel návštevník z Vkontakte a používa OS Windows, tak mu láskavo ukážte túto webovú stránku, a ak pochádza z MacBooku, tak túto... Tiež Visual Website Optimizer sa môže pochváliť pohodlným systémom podávania správ a množstvom rôznych čipov.

Qualaroo. Bezplatný používateľský prieskum, ktorý vám umožní zistiť nezaujatý názor na webový zdroj. S ním budete môcť identifikovať problémy a zvýšiť svoje zisky. Tento nástroj spätnej väzby výrazne uľahčuje prácu analytikom použiteľnosti.

Yandex.Metrica. Umožňuje analyzovať fázy vyplnenia formulára a zistiť, ktoré z nich spôsobili návštevníkom najväčšie ťažkosti, ktorí používatelia nevyplnili túto alebo tú položku atď.

Tepelné mapy. Medzi ne patrí mapa kliknutí Yandex.Metrica, štatistiky webovej stránky Google Analytics, usabilitytools.com, feng-gui.com atď. Tieto nástroje vám umožňujú vyhodnotiť celkové správanie používateľov na stránke. Pomocou tepelných máp môžete vidieť, kam väčšina ľudí klikne a kam nie. V závislosti od výsledku sa vykonajú príslušné úpravy.

Kontrolný zoznam na overenie

Načítavajú sa webové stránky rýchlo? Preťaženie animáciami, ťažkými obrázkami a flashovými úvodmi môže ovplyvniť hodnotenie vašej stránky vo výsledkoch vyhľadávania a samozrejme aj lojalitu používateľov.

Je na každej stránke logo? Mal by obsahovať odkaz na hlavný zdroj.

Ako je organizovaný obsah? Text by mal mať dobrú štruktúru: nadpis, podnadpisy, zoznamy atď. A nemali by tam byť žiadne chyby. Nedostatočný text s chybami je zle čitateľný a vnímaný ľuďmi aj robotmi vyhľadávačov. Nadpisy a podnadpisy by mali byť priestranné a stručné, v súlade s reklamou, ktorá je zverejnená na sieti.

Dúfam, že tento článok bol pre vás užitočný pri hodnotení použiteľnosti stránky. Prihláste sa na odber aktualizácií nášho blogu a dozviete sa oveľa viac o použiteľnosti, webdizajne a ďalších oblastiach. Do skorého videnia!

Moderné trendy a prístupy vo vývoji webu

Naučte sa algoritmus pre rýchly rast od nuly pri vytváraní webových stránok

Väčšina vlastníkov stránok ich vytvára s cieľom buď propagovať svoje produkty na trhu s tovarom, alebo priamo zarobiť na speňažení svojej stránky. To znamená, že sa naň umiestňujú reklamy a za ich zobrazenia používateľmi získava vlastník stránky určitý zisk.

Preto majú správcovia záujem o vysokú návštevnosť. Čím je väčšia, tým väčší bude zisk z reklamy. Plnohodnotný rozvrh je zabezpečený vysokou úrovňou „použiteľnosti“ stránok. Čo je teda „použiteľnosť“? Akými spôsobmi môžete urobiť svoju stránku čo najatraktívnejšou pre používateľov a potenciálnych zákazníkov?

Úvod do konceptu

„Použiteľnosť“ je v skutočnosti mierou toho, ako pohodlne je pre návštevníka stránky interagovať s jej rozhraním. Týmto pojmom sa nazývajú aj metódy, ktoré vám umožňujú vylepšiť stránku vo fáze jej vývoja.

Povedzme, že používateľ otvorí konkrétnu webovú stránku. Čo očakáva, že uvidí? Samozrejme, v prvom rade zrozumiteľný jedálny lístok. A s tým - jasná štruktúra. To zahŕňa aj čitateľný obsah. Teraz však môžete nájsť veľa zdrojov, na ktorých je zmätok hypertextových odkazov, obrázkov a tlačidiel. Zdalo by sa, že sú tam všetky potrebné prvky. Ich správne používanie však môže chvíľu trvať.

Je nepravdepodobné, že niektorý klient bude chcieť venovať svoj drahocenný čas tomu. „Použiteľnosť“ je v dnešnej dobe dosť vážna. Forrester Research vykonal štúdiu na túto tému. Ukázalo sa, že takmer polovica kupujúcich opúšťa internetový obchod, ak v jeho sekciách nedokáže rýchlo nájsť ten či onen produkt. Navyše, po takejto skúsenosti so zdrojom sa polovica kupujúcich odmietla k nemu opäť vrátiť.

Výskum a súvisiaci s „použiteľnosťou“

Sociológovia tiež poznamenávajú skutočnosť, že v dnešnej dobe sú ľudia už príliš netrpezliví. Najmä používatelia internetového publika. Ďalšiu štúdiu vykonala skupina Nielsen Norman Group. Ukázalo sa, že typický priemerný používateľ je na stránke len asi pol minúty. Zistilo sa, že vo väčšine prípadov používatelia ani neprezerajú webovú stránku až do konca.

Jakob Nielsen sa domnieva, že dôvod tohto správania spočíva vo veľkom množstve skutočne zbytočných informácií. Ľudia teda neustále potrebujú filtrovať široký informačný tok, aby si z neho vybrali len tie fragmenty, ktoré ich skutočne zaujímajú.

Samozrejme, podrobné preštudovanie stránky môže zabrať toľko času, že na nič iné jednoducho nezostane. Zákazníci nechcú a nebudú čakať, ak sa stránka načítava pomaly, a nebudú ju používať, ak má zložité rozhranie. Tu vstupuje do hry „použiteľnosť“. Pomáha vyrovnať sa s mnohými problémami.

Mnoho odborníkov v tejto oblasti hovorí veľmi podobne. Napríklad hovoria, že medzi jednoduchou, pre každého používateľa zrozumiteľnou webovou stránkou a dobre osvetleným výkladom môžete nakresliť veľmi jasnú paralelu. „Použiteľnosť“ je v tomto prípade „stupeň osvetlenia“. Developer musí jasne pochopiť, že má len pár sekúnd na to, aby návštevníka zaujal a nenápadne dal najavo, že jeho stránka je lepšia ako ostatné.

Dá sa to dosiahnuť pomocou dobre premysleného rozhrania. V krátkom čase by mal používateľovi na intuitívnej úrovni ozrejmiť, čo a ako má ďalej robiť. Človek by mal mať o stránku záujem, mať pocit, že tu nájde to, čo potrebuje. Ak sa tak nestane, klient zo stránky odíde.

Testovanie

Tento proces je v každom prípade povinným krokom vo vývoji „použiteľnosti“. Jeho podstata je v zásade jednoduchá: niekoľko respondentov rieši súbor určitých úloh iba pomocou prototypu systému. Špecialista, ktorý je nablízku, zaznamenáva všetky akcie a slová. Po dokončení zberu údajov sa údaje analyzujú. V prípade potreby sa v projekte vykonajú úpravy.

Testovanie použiteľnosti sa vykonáva s cieľom nájsť chyby alebo problémy. Respondentom môžu napadnúť pri práci so stránkou a nemali by ste sa toho báť. Hlavná vec je urobiť správne úpravy.

Čo zahŕňa analýza stránok?

Analýza použiteľnosti vám umožňuje získať komplexný obraz o celej lokalite. Zvyčajne to zahŕňa závery návrhu, výsledky testov, porovnanie prototypov analyzovaných stránok, ako aj vydanie rôznych druhov odporúčaní, ktoré pomôžu odstrániť existujúce problémy.

Návrhový záver určuje takzvanú „použiteľnosť“ rozhrania. Teda ako pohodlne a zároveň pohodlne sa bude používateľovi s týmto webom pracovať. Príklady „použiteľnosti“ poskytujú mnohé služby, ktoré sú v tomto smere vždy pripravené poskytnúť svoje služby.

Rozdiely v úrovni zdrojov

Ak sú náklady na reklamu rovnaké, potom stránka s vyššou mierou „použiteľnosti“ získa viac potenciálnych zákazníkov. Budú tiež lojálnejšie k spoločnosti. A to je dôležité, pretože zákazníci budú stránku navštevovať a nakupovať priebežne.

Je celkom možné vyložiť manažérov spoločnosti, pretože s vysokou úrovňou „použiteľnosti“ môžu zákazníci nájsť odpovede na svoje otázky sami na stránkach zdroja. V dôsledku toho môže manažment znížiť náklady na udržiavanie manažérov, čo pozitívne ovplyvní podnikanie.

Čo sa študuje na získanie „použiteľnosti“?

Ide o celý komplex faktorov. Patria sem nasledujúce kritériá:

1. Efektívnosť použitia. Akou rýchlosťou bude klient schopný vyriešiť svoje problémy, ak sa naučia používať zdroj?
2. Jednoduchosť učenia. Ako rýchlo sa návštevník, ktorý navštívi zdroj prvýkrát, naučí používať rozhranie?
3. Zapamätateľnosť. Bude klient schopný reprodukovať vzor používania, ktorý sa prvýkrát naučil pri opätovnom otvorení stránok?
4. Chyby. Ako často robí návštevník chyby na stránke? Ako možno tieto chyby napraviť a do akej miery sú závažné?
5. Spokojnosť s vykonanou prácou. Páčil sa používateľovi zdroj? Ak sa vám to páčilo, koľko?

Záver a závery

Štatistiky ukazujú, že z 10 používateľov viac ako polovica (presnejšie 6) nevie okamžite nájsť potrebné informácie v medzinárodnej sieti. Dôvod spočíva v nesprávnej konštrukcii „použiteľnosti“. Internet bol vytvorený na výmenu totálneho toku informácií, ale mnohé stránky nedodržiavajú obvyklé pravidlá pre takúto výmenu. To vedie k tomu, že hľadanie užitočných informácií trvá oveľa dlhšie. Koeficient užitočnosti práce úmerne klesá.

Testovanie sa odporúča všetkým vlastníkom stránok. To je výhodné v prvom rade pre nich, pretože vďaka správnej formulácii „použiteľnosti“ je možné zvýšiť stálu sledovanosť stránky. A preto je úspešné ho speňažiť.