Praktické skúsenosti s viacerými

analytickými nástrojmi na webe

Pricemania.sk

Michal Král Web Analytics Wednesday, 26.1.2011, Bratislava

Obsah prezentácie

1. Predstavenie projektu Pricemania.sk

2. Čo je to použiteľnosť webu (Web Usability)?

3. Prečo sa vôbec zaoberať použiteľnosťou webu

4. Predstavenie vybraných nástrojov na testovanie použiteľnosti webu

(CrayzEgg, Clicktale, Live testovanie, gemiusHeatMap

5. Q&A

2

3

Predstavenie projektu Pricemania.sk

• portál spustený: 4.12.2007

• aktuálne 20-ty najnavštevovanejší SK portál podľa AIMmonitor

(122010)

• výkonný predajný kanál a marketingový nástroj pre emarketérov

• porovnanie cien 500 000 produktov z ponuky vyše 1 900 e-shopov

• hodnotenie kvality e-shopov ich reálnymi zákazníkmi

• darčekový poradca pre výber darčeka

• denne stovky realizovaných objednávok v e-shopoch

4

55

Čo je to použiteľnosť webu (Web Usability)?

• „Prístup a postup činností, ako uľahčiť použitie webu jeho užívateľovi, bez toho aby musel podstúpiť nejaký špecializovaný tréning.“ (Wikipedia)

• intuitívnosť• jednoduchosť• jednoznačnosť• predvídateľnosť akcií na webe• logické usporiadanie informácií na webe

66

Jakob Nielsen definuje použiteľnosť webových sídiel prostredníctvom piatich kvalitatívnych zložiek:

• Naučiteľnosť Ako rýchlo sa dokážu používatelia naučiť vykonať základné úlohy, ak sa prvýkrát stretnú so stránkou?

• Výkonnosť Ak sa používatelia oboznámili s dizajnom, ako rýchlo dokážu vykonať dané úlohy?

• Zapamätovateľnosť Ak sa používateľ vráti po čase na stránku, pamätá si usporiadanie a ovládanie webu.

• Chybovosť Koľko a aké chyby robia používatelia? Dokážu sa s nimi rýchlo vysporiadať?

• Spokojnosť Ako príjemné je využívanie dizajnu webu?

7

Prečo sa zaoberáme testovaním použiteľnosti webu

v Pricemanii?

• lepšie pochopenie správania užívateľov na webe

• zvýšenie spokojnosti a lojálnosti užívateľa webu

• identifikovanie trendov v používaní webu (obsah, spôsob

použitia webu)

• zníženie Bounce Rate

• predĺženie doby užívateľa na webe

• zvýšenie miery konverzie a tým pádom obratu a zisku

8

Aké nástroje využívame na testovanie použiteľnosti

webu:

• CrazyEgg

• ClickTale

• gemiusHeatMap

• Live testovanie (externe)

9

CrazyEgg

• absolútna jednoduchosť (niekedy až prílišná)

• obmedzená funkcionalita

• manuálne zadávanie trackovaných stránok

• vhodný pri obmedzenom budgete (cena už od 9 USD / mesiac)

• 4 typy náhľadov (Overlay, List, Heatmap, Confetti)

10

11

Vyhľadávanie pred zmenou

12

13

14

15

16

CrazyEgg – zobrazenie Overlay

17

18

19

20

21

22

ClickTale

• zaznamenanie návštevy užívateľa formou videa

• analýza formulárov (nákupný proces, registračný formulár apod.)

• scroll-mapy (analýza browsovania po webe)

• click-heatmapy a analýza linkov

• conversion funnels

23

25

Ukážka videa z ClickTale

26

ClickTale – Mouse Move Heatmap

27

ClickTale – Mouse Click Heatmap

28

ClickTale – Attention Heatmap

29

ClickTale – Scroll-Reach Heatmap

30

31

3232

gemiusHeatMap

• funkcie: Click Mapy a Heat Mapy

• výsledky prakticky v reálnom čase (posledná hodina)

• jednorazová implementácia

• cena?

33

34

35

Výhody Live testovania oproti automatizovaným

nástrojom

• osobná prítomnosť na testovaní

• možnosť prepojiť charakteristiku (vek, profesiu, pohlavie apod.)

testovaného s výsledkami testu

• mimika, gestikulácia testovaného

• interaktivita – priestor na otázky testovanému (prečo

postupoval, ako postupoval, čo si všimol ako prvé apod.)

36

Live testovanie použiteľnosti webu (Jakob Nielsen)

37

Live testovanie v Ui42

• jednodenné testovanie na vzorke 6 ľudí

• na tejto vzorke sa odhalí až 75 % problematických miest

• záznam vo forme videa z testovania

• vyhodnotenie a odporúčania

• cena cca 800 EUR za jednodňové testovanie

38

39

40

Príklad záverov z Live testovania

• participanti využívali často navigáciu a kategórie produktov,

vyhľadávanie prišlo iba keď tieto cesty zlyhali

• problémy s vyhľadávaním

• delenie obchodov podľa kritérií Pricemanie bolo úplne

nepochopiteľné pre návštevníkov

• používatelia scrollujú, ale treba brať do úvahy dôležité elementy

nad zlomom stránky (page fold)

• filter funguje nad očakávania (až kým nedôjde k rozšírenému

filtrovaniu)

41

• registrácia je problémový proces (4x upozorňovací dialóg)

• „Strážny pes – čo to je?“ (najčastejšia reakcia)

• problémy so stránkovaním

• rôzne spôsoby zobrazenia sú ideálne pre geekov

• lišta „Filtrovaných položiek“ je neviditeľná

42

Príklad odporúčaní z Live testovania

• záložku „Porovnanie cien“ zmeniť názov/funkcionalitu

• dorobiť funkcionalitu „Porovnanie produktov“

• grafické zvýraznenie jednotlivých eshopov

• skryť taby, ktoré nie sú aktívne

• sprehľadniť tabuľku obchodov (stĺpec dodávka?)

• vyladiť vyhľadávanie

• používať litebox funkcionalitu pre:

obrázok produktu a rozšírený filter (použiť viac stĺpcov bez scrollu)

43

Záverečné tipy k testovaniu použiteľnosti webu

• experimentujte

• testujte pravidelne pred a po každej zmene

• kombinujte jednotlivé nástroje a live testovanie

• kvalitné testovanie je časovo a finančne pomerne náročné, avšak

výsledky stoja za to

44

Priestor pre vaše otázky

Michal Králmichal.kral@pricemania.sk+421 904 665 488