İstilik xəritəsi (heatmap) nə göstərir — və nəyi göstərmir

Saytınıza istilik xəritəsi (heatmap) quraşdırdınız, bir neçə gün gözlədiniz, sonra ekrana baxdınız: bir düymənin üstü qıpqırmızı, aşağıdakı blok isə tamam mavi. Nəticə göz qabağındadır kimi görünür — qırmızı yaxşıdır, mavi pisdir, mavi bloku səhifədən çıxarmaq lazımdır. Bir neçə gündən sonra dizaynı dəyişdirirsiniz, amma satış rəqəmi yerindən tərpənmir.

Problem xəritədə deyil, onu necə oxumağınızdadır. İstilik xəritəsi güclü alətdir, amma sizə yalnız bir sualın cavabını verir: ziyarətçi HARADA idi. NİYƏ orada olduğunu, nə hiss etdiyini, nəyə görə klikləmədiyini — bunu ayrı yolla tapmaq lazımdır. Aşağıda bu fərqi addım-addım açırıq: xəritə konkret olaraq nəyi ölçür, rəng nə vaxt aldadır, qırmızı ləkəni real qərara necə çevirmək olar.

İstilik xəritəsi konkret olaraq nəyi ölçür

"İstilik" sözü tək bir ziyarətçinin hərəkətini yox, minlərlə ziyarətin üst-üstə düşməsini göstərir. Alət hər klikin, hər skrolun yerini yazır, sonra bütün ziyarətləri bir şəkil üzərində toplayır — rəng nə qədər isti (qırmızıya yaxın), o nöqtədə bir o qədər çox hərəkət baş verib. Bu toplama üç əsas formada gəlir.

Klik xəritəsi — kim hara vurur

Klik xəritəsi hansı elementə neçə dəfə toxunulduğunu göstərir, üstəlik təkcə düymə və linklərə deyil — Microsoft Clarity-nin öz sənədləşməsinə görə, istifadəçilərin link zənn edib vurduğu, əslində link olmayan elementlərə də. Bu, dizaynın harada aldatdığını görməyin ən sürətli yoludur. Eyni sənəd klikləri özü də təsnif edir: "qəzəbli klik" (rage click) — istifadəçi qısa müddətdə eyni yerə dəfələrlə vurur, adətən nəsə işləmədiyi üçün; "ölü klik" (dead click) — vurulur, amma heç nə baş vermir; "xəta kliki" (error click) — kliklədikdən dərhal sonra JavaScript xətası baş verir. Bunların hər biri ekranda qırmızı rəng kimi görünə bilər, amma mənası tamam fərqlidir — biri məmnuniyyət deyil, əksinədir.

Skroll xəritəsi — kim nə qədər aşağı düşür

Skroll xəritəsi göstərir ki, ziyarətçilərin neçə faizi səhifənin hansı hissəsinə qədər enib. Buradan çıxan faydalı ölçü "orta qatlanma xətti" (average fold) — ziyarətçilərin əksəriyyətinin skrol etmədən əvvəl gördüyü orta sərhəddir. Əsas təklifiniz bu xəttdən aşağıdadırsa, ziyarətçilərin böyük hissəsi onu heç görmür, nə qədər yaxşı yazılmış olsa da.

Diqqət və sahə xəritələri — vaxt harada keçir

Diqqət xəritəsi (attention map) klikdən fərqli olaraq, ziyarətçinin ekranın hansı hissəsində nə qədər VAXT keçirdiyini göstərir — bəzən ən çox baxılan yer ən çox klikə düşən yerlə üst-üstə düşmür. Sahə xəritəsi (area map) isə seçdiyiniz bir blokun — məsələn, bütün naviqasiya panelinin — daxilindəki bütün klikləri cəmləyir; tək-tək elementə yox, blokun ümumi çəkisinə baxmaq istəyəndə faydalıdır.

Rəngin özü heç nə demir — kontekst lazımdır

Qırmızı ləkə "buranı çox sevirlər" demir, sadəcə "burada çox hərəkət olub" deyir. Yuxarıdakı qəzəbli klik nümunəsi bunun ən aydın sübutudur: eyni qırmızı rəng, tamam əks məna. Eyni məntiqlə, formanın ilk sahəsi həmişə ən "isti" görünür — çünki hər kəs formanı ordan başlayır, o sahə xüsusi maraq doğurduğu üçün yox. Naviqasiya menyusu da adətən istidir, çünki hər səhifədə görünür, təkrar-təkrar klik alır — bu, məzmununun uğuru demək deyil, sadəcə yerləşdiyi yerin nəticəsidir. Xəritəni açanda ilk sual "bura niyə isti oldu" olmalıdır, "bura isti oldu, deməli yaxşıdır" yox.

Niyə "niyə" sualının cavabını vermir

İstilik xəritəsi minlərlə ziyarəti bir şəklə sığdırır — məhz bu onun gücüdür, amma eyni zamanda sərhədidir. Cəmləmə fərdi niyyəti silir: eyni nöqtəyə klikləyən yüz nəfərdən biri maraqlanıb, biri səhv düşüb, biri qiyməti axtarır, biri sadəcə ekranı sınayır. Xəritədə bunların hamısı eyni qırmızı piksel kimi görünür, aralarında heç bir fərq qalmır.

Bu fərqi görməzdən gəlmək real vaxt və pul itirir: bir bloku "işləmir" deyə çıxarırsınız, əslində problem orada deyil, ziyarətçini oraya çatdıran əvvəlki addımdadır. Yeni dizayn hazırlamaq iki-üç həftə aparır, nəticə isə dəyişmir — çünki əsl səbəbə heç toxunulmayıb.

İstilik xəritəsi sizə HARA sualının cavabını verir, NİYƏ sualının cavabını vermir — bunu tapmaq ayrı, amma vacib bir addımdır.

Qırmızı ləkəni hipotezə necə çevirmək

İstilik xəritəsi tək başına qərar mənbəyi deyil, sualın başlanğıc nöqtəsidir. Aşağıdakı dörd addım onu real dəyişikliyə çevirir.

1. Əvvəlcə sual yazın, sonra xəritəyə baxın

Xəritəni açmadan öncə "bu səhifədə nəyi bilmək istəyirəm" sualını bir cümlə ilə yazın — "ziyarətçilər qiymət blokuna çatırmı", "əsas düymə görünürmü". Sualsız baxış təsadüfi rəngə görə qərar verməyə aparır, çünki gözünüz həmişə ən qırmızı yerə ilişir.

2. Segmentlərə görə süzün

Bütün ziyarətçini bir xəritədə qarışdırmaq yanlış nəticə verir. Mobil və masaüstü ayrı baxılmalıdır — ekran ölçüsü klik nöqtəsini tamam dəyişir. Yeni gələn ilə geri qayıdan ziyarətçi də fərqli davranır; ikisini ayırmaq, hansı auditoriyanın harada dayandığını göstərir.

3. Sessiya qeydi ilə yoxlayın

Qırmızı nöqtəni tapdıqdan sonra, elə həmin nöqtədəki bir neçə real sessiya qeydinə baxın. Rəqəm əvəzinə hərəkəti izləyəndə, "niyə" sualının çox hissəsi özü aydınlaşır — məsələn, ziyarətçi düyməni görüb, üstünə gəlib, sonra geri çəkilib, çünki yanındakı qiymət mətni oxunmur.

4. Kiçik dəyişikliklə sınayın

Hipotez formalaşandan sonra bütün səhifəni deyil, yalnız o bir dəyişikliyi tətbiq edin — düymənin yerini, mətnini, yaxud rəngini. Trafik icazə verirsə A/B testi ilə, verməzsə əvvəl-sonra müqayisəsi ilə nəticəni ölçün. Nəticə fərq yaratmasa da, bu boş iş deyil — hansı hipotezin doğru olmadığını bilmək, növbəti addımı daraldır.

Ən çox edilən səhv: bir xəritəyə görə bütün səhifəni yenidən qurmaq

Tək bir heatmap görüntüsünə əsaslanıb bütün səhifə strukturunu dəyişmək, ən bahalı yanlışlıqdır — çünki nəticəsi görünənə qədər həftələr keçir, əvvəlki datayla müqayisə çətinləşir, əsl səbəb isə çox vaxt heç toxunulmamış qalır. İstilik xəritəsi araşdırma mərhələsidir, son qərar özü deyil — tapılan hər itki nöqtəsini kiçik, ölçülə bilən addımla təsdiqləmək, bir dəfəyə hər şeyi dəyişməkdən həm ucuz, həm sürətlidir.

İstilik xəritəsini özünüz oxumaq istəyirsinizsə, Microsoft Clarity kimi alətlər — öz sənədləşməsinə görə — həmişəlik pulsuzdur və quraşdırmaq bir neçə dəqiqə çəkir. Amma toplanan qırmızı-mavi şəkli sıralanmış, konkret təkmilləşdirmə siyahısına çevirmək ayrı bir işdir: hansı itki nöqtəsi əvvəl həll olunmalı, hansı hipotez sessiya qeydi ilə təsdiqlənib, hansı dəyişiklik test tələb edir. Bu ardıcıllığı sizin əvəzinizə aparan komandamız həssas sahələri maskalayır, kifayət qədər data toplanana qədər izləyir, tapıntıları prioritetli siyahı kimi təqdim edir.