Aflați ce fac vizitatorii dvs. pe site-ul dvs. cu hărți termice
Publicat: 2021-11-04Ființele umane sunt curioase prin fire. Curiozitatea, din multe puncte de vedere, este una dintre caracteristicile care ne-a făcut să evoluăm cel mai mult. Informația este putere, iar a avea informații despre alții este foarte util în multe domenii diferite, inclusiv dezvoltarea paginilor web.
Fără a intra în partea întunecată a lumii confidențialității, există multe modalități de a gestiona o pagină web și de a folosi curiozitatea într-un mod etic pentru a-și îmbunătăți performanța și pentru a-i determina pe vizitatori să se bucure de paginile tale mai mult decât înainte.
Hărțile termice sunt o tehnică menită să descopere ce fac vizitatorii pe o pagină web și să vadă cum interacționează cu aceasta. Adică, hărțile termice ne permit să analizăm comportamentul vizitatorilor într-un mod agregat și anonim. Analizând mișcarea cursorului pe pagina web, hărțile termice sunt o reprezentare vizuală care arată punctele fierbinți ale paginii voastre pictate cu culori mai calde.
În plus, hărțile termice ne permit să obținem idei de îmbunătățire pe care să le aplicăm pe site-ul nostru. Trebuie doar să studiem datele pe care le vedem în harta termică pentru a trage concluzii despre ceea ce se întâmplă, ce fac vizitatorii, ce nu merge bine pe web și cum îl putem rezolva.
Cum se creează o hartă termică în WordPress
În zilele noastre, crearea unei hărți termice este extrem de simplă. În WordPress trebuie să folosim doar un plugin care ne permite să creăm hărți termice. De fapt, hărțile termice sunt una dintre caracteristicile cele mai solicitate de utilizatorii noștri Nelio A/B Testing.
Am creat hărți termice de mult timp pentru a continua să cercetăm posibile îmbunătățiri pe site-ul nostru. Ca exemplu, vă voi arăta aici cea mai recentă hartă termică pe care am creat-o pe pagina principală a lui Nelio.
Primul lucru este să creați o nouă hartă termică. Pentru a face acest lucru, selectăm noul test în Nelio A/B Testing și alegem pagina care ne interesează, așa cum puteți vedea în următoarea captură de ecran:

Apoi, trebuie doar să începem testul, astfel încât pluginul să urmărească vizitatorii dvs. și să agregă informațiile automat. Din acest moment, o nouă hartă termică va fi generată progresiv și vom putea vedea rezultatele grafic.
Rezultatele hărții termice
Odată ce am urmărit un număr reprezentativ de vizitatori, putem observa în detaliu rezultatul hărții termice. Rețineți că există viziuni diferite ale acestor date extrase de la vizitatorii noștri.
Cel mai comun tip de vizualizare este harta termică în sine, care arată o serie de pete colorate calde afișate în partea de sus a paginii analizate. Acele puncte fierbinți sunt plasate peste elementele care au primit cea mai mare interacțiune.
Pe de altă parte, avem scrollmap, care arată cu culori mai calde cât de departe au ajuns vizitatorii derulând în jos înainte de a pleca.
În sfârșit, ultima reprezentare pe care o putem găsi de obicei constă în a vedea clicurile care s-au făcut pe pagină ca un nor de puncte, sau confetti.
Harta termică a paginii principale a site-ului nostru. Harta de defilare a paginii principale a site-ului nostru. Confetti de pe pagina principală a site-ului nostru.
În galeria anterioară aveți harta termică completă, scrollmap și cofetti pe care pluginul nostru le-a creat atunci când analizăm pagina principală a site-ului nostru. În continuare, să aruncăm o privire mai atentă la câteva detalii ale informațiilor pe care le putem extrage din toate aceste trei reprezentări.
Detalii hartă termică
Harta termică arată că o mare parte din activitatea celor care vizitează pagina noastră de start are loc în prima parte a paginii. Găsim multă interacțiune pe butoanele care ne duc la paginile specifice fiecărui plugin-uri, ceea ce ne dorim să se întâmple:


Dar am constatat, de asemenea, că o mulțime de oameni fac clic pe semnul săgeată din primul pliu care le indică să deruleze în jos. Din păcate, această săgeată este doar un indicator și nu este un element pe care se poate face clic. Deci, cu siguranță ne derutează publicul, care încă dă clic pe el.
Ca o soluție, am putea alege să transformăm săgeata într-un buton care derulează automat pagina în jos. Făcând acest lucru, aliniem așteptările utilizatorilor cu realitatea.

Pe de altă parte, este curios să vedem cum și subsolul primește multă atenție. Acest lucru este important, deoarece sugerează că unii utilizatori nu găsesc ceea ce caută până la sfârșitul paginii. În special, cea mai tare zonă este linkul de contact. Prin urmare, o idee bună de testare ar fi să mutați acest link într-o zonă mai proeminentă a paginii, doar pentru a vă asigura că nimeni nu pleacă fără să găsească ceea ce are nevoie.
Detalii scrollmap
Harta de defilare arată că majoritatea vizitatorilor noștri nu văd nimic dincolo de jumătate de pagină. Cu aceste informații, principala concluzie pe care o putem trage este că conținutul din acel punct va fi ratat și, prin urmare, nu ar trebui să fie relevant.
Pentru a face conținutul nostru mai atractiv pentru publicul nostru și a împiedica astfel să plece, o posibilitate este să arătăm secțiuni mai vizuale și mai dinamice. Conținutul static nu iese în evidență suficient și pierdem atenția vizitatorilor noștri. Din acest motiv, propunerea de modificări în aceste secțiuni poate fi o bună posibilitate de testare într-un viitor test A/B.
Detalii confetti
În ceea ce privește confetti, ne arată un nor de puncte cu toate clicurile pe care le-am primit când se derula testul. În comparație cu o hartă termică obișnuită, confettiurile includ mai multe informații despre fiecare clic individual.
Vedem cum majoritatea vizitatorilor care fac clic au luat între 5 și 10 secunde pentru a face acest lucru. Cunoașterea acestor date este foarte interesantă, deoarece avem o măsură destul de aproximativă a timpului pe care îl avem pentru a le atrage atenția.
Cu cât pagina este mai complexă și cu cât pare mai dificil de înțeles, cu atât vom pierde mai mulți vizitatori. Aceste informații ne pot ajuta să propunem o versiune mult mai simplă și mai radicală a paginii. De exemplu, am putea afișa mai puține informații și am putea merge direct la obiect. Acesta este un alt posibil test A/B pe care l-am putea încerca în continuare.

În plus, putem vedea că există vizitatori care dau clic pe elemente pe care nu se poate face clic. O secțiune deosebit de relevantă aici este lista logo-urilor companiilor care folosesc produsele noastre, sau mărturiile clienților noștri:

În aceste secțiuni nu avem elemente pe care se poate face clic, dar ele primesc totuși clicuri. Din nou, acest lucru poate fi confuz și, prin urmare, este important să ne asigurăm că comportamentul site-ului nostru se potrivește cu așteptările vizitatorilor noștri. Pentru a evita acest lucru, am putea decide să modificăm designul acestor secțiuni pentru a face mai clar că nu trebuie să faceți clic acolo. Sau chiar ștergeți secțiunile, ținând cont de informațiile din scrollmap, unde deja am văzut că pierdem oameni în această parte a webului.
Lucrul important despre hărțile termice este să obținem idei de îmbunătățire analizând modul în care vizitatorii noștri interacționează cu site-ul nostru. În acest fel putem corecta comportamentele nereușite și putem propune posibile îmbunătățiri ale paginii noastre pe care le putem testa cu teste A/B ulterior.
Permiteți-mi să vă reamintesc că versiunea gratuită a Nelio A/B Testing vă permite să creați hărți termice pe paginile dvs. WordPress la fel de simplu așa cum am explicat aici. Continuă și încearcă. Și apoi spune-ne experiența ta și ce informații poți extrage prin această reprezentare vizuală a comportamentului vizitatorilor tăi.
Imagine prezentată de Almos Bechtold pe Unsplash.