Proqram analitikasında istilik xəritələri: bu nədir, növləri və iş prinsipi

Istilik xəritəsi nədir?

Istilik xəritəsi (heatmap) — metrik dəyərlərin rənglə göstərildiyi məlumatların vizuallaşdırılması üsuludur: mavidən və ya yaşıldan (minimum aktivlik) sarı vasitəsilə qırmızıya (maksimum aktivlik). Mobil analitika kontekstində heatmap istifadəçilərin interfeysin hansı elementlərinə daha çox kliklədiyini və hansılarının diqqətdən kənarda qaldığını göstərir.

Rəqəm hesabatlarından fərqli olaraq, istilik xəritəsi davranış nümunələrinin dərhal vizual anlaşılmasını təmin edir. NN Group (2024) məlumatlarına görə, heatmap cədvəl məlumatları ilə müqayisədə istifadəçi davranışının təhlil müddətini 60% azaldır. Bu, onu UX tədqiqatçıları və məhsul dizaynerləri üçün əvəzolunmaz alətə çevirir.

Analitikada istilik xəritələrinin növləri

Click Heatmap (klik xəritəsi)

Click Heatmap — ekranda toxunma və klik nöqtələrini göstərən ən geniş yayılmış növdür. Rəng nə qədər isti olarsa, bu zonada qarşılıqlı təsir bir o qədər çoxdur. Fərziyyələrin yoxlanılması üçün istifadə olunur: əgər “Al” düyməsi soyuq zonadadırsa, onu yuxarı qaldırmaq və ya dizaynını dəyişmək lazımdır. Click Heatmap həmçinin yalançı klikləri — istifadəçilərin reaksiya gözləyərək klik olunmayan elementlərə basmasını aşkar edir.

Scroll Heatmap (sürüşdürmə xəritəsi)

Scroll Heatmap istifadəçilərin neçə faizinin ekranın və ya səhifənin hər bir hissəsinə qədər sürüşdürdüyünü göstərir. Yuxarı hissə — 100%, aşağı — azalma. Ekran hündürlüyünün 50%-də 30%-dən az istifadəçi qalırsa, kritik vacib məzmunu yuxarı qaldırmaq lazımdır. Crazy Egg (2024) məlumatlarına görə, uzun formalı mobil proqramlarda istifadəçilərin 65%-i birinci ekrandan aşağı sürüşdürmür.

Move Heatmap (hərəkət xəritəsi)

Move Heatmap — siçan kursorunun hərəkət trayektoriyasını izləyir (masaüstündə). Nielsen Norman Group tədqiqatları kursor hərəkəti ilə istifadəçinin baxış istiqaməti arasında yüksək korrelyasiya (0.85–0.90) olduğunu göstərir. Mobil proqramlarda bunun analoqu toxunma xəritələridir ki, onlar təkcə klikləri deyil, həm də uzun basmaları və sürüşdürmələri göstərir.

Istilik xəritələri necə işləyir

Iş prinsipi — istifadəçinin ekranla hər qarşılıqlı təsirinin koordinatlarının toplanmasına əsaslanır. Analitik platformanın SDK-sı (Hotjar, Smartlook, UXCam) hər klik və ya toxunmanın X və Y koordinatlarını ekranın ayırdetmə qabiliyyəti və cihaz növü ilə birlikdə qeyd edir. Bu məlumatlar ümumiləşdirilir və ekran görüntüsünün üzərinə overlay şəklində yerləşdirilir.

Rəng göstəricisi qradiyentdən istifadə edir: mavidən (maksimum qarşılıqlı təsir sayının 0–5%-i) yaşıl və sarı vasitəsilə qırmızıya (95–100%). Hər nöqtə bir və ya bir neçə qarşılıqlı təsirdir. Müasir platformalar zonanın üzərinə gələndə kliklərin mütləq sayını da göstərir.

Etibarlı məlumat əldə etmək üçün bir səhifə və ya ekran üçün minimum 100–200 seans tələb olunur. Hotjar (2025) məlumatlarına görə, 500 seans 5%-dən az xəta verir və dizayn qərarlarının qəbulu üçün statistik əhəmiyyətli hesab olunur.

Istilik xəritələrinin məlumatlarından necə istifadə etməli

Istilik xəritələrinin məlumatları üç ssenaridə tətbiq olunur: konversiyanın optimallaşdırılması, istifadəyə yararlılığın yaxşılaşdırılması və dizayn qərarlarının validasiyası. Birinci halda heatmap istifadəçilərin CTA düyməsini klikləyib-klikləmədiyini göstərir — əgər yoxsa, düymə yuxarı qaldırılır və ya rəngi dəyişdirilir. Ikincidə — istifadəçilərin səhvən interaktiv hesab etdiyi elementlər müəyyən edilir.

Validasiya ssenarisində ekranın yenidən dizayn edilməsindən əvvəl və sonra istilik xəritələrini müqayisə edin. Istı zona hədəf elementə (məsələn, “Səbətə əlavə et” düyməsi) keçibsə, yenidən dizayn uğurludur. VWO (2024) məlumatlarına görə, heatmap məlumatlarına əsaslanan A/B testlərinin 70%-i statistik əhəmiyyətli konversiya yaxşılaşması göstərir.

Yalnız istilik xəritələrinə etibar etməyin — onları seans yazıları və kəmiyyət analitikası ilə birləşdirin. Heatmap “harada” olduğunu göstərir, amma “niyə” sualına cavab vermir — bunun üçün keyfiyyət davranış təhlili lazımdır.

Mobil və masaüstü proqramlar üçün istilik xəritələri

Mobil istilik xəritələri bir neçə parametrə görə masaüstülərdən fərqlənir. Mobil cihazlarda kursor yoxdur, buna görə Move Heatmap Touch Heatmap ilə əvəz olunur — toxunma xəritəsi, əlavə olaraq təzyiq gücünü (3D Touch) və müddəti qeyd edir. Mobil cihazlarda Scroll Heatmap kritik əhəmiyyət daşıyır, çünki ekranın məhdud ölçüsünə görə “qatlanmanın altındakı” (below the fold) məzmunu istifadəçilərin 70%-i görməyə bilər.

Masaüstü istilik xəritələri kursor hərəkətindən diqqət proksisi kimi istifadə edir — kursorun mövqeyi ilə baxış diqqəti arasında korrelyasiya Nielsen Norman Group məlumatlarına görə 0.85-ə çatır. Mobil cihazlarda belə korrelyasiya yoxdur, buna görə diqqətin təhlili üçün göz izləmə (eye-tracking) və ya uzun basma xəritələrindən istifadə olunur. UXCam (2024) məlumatlarına görə, mobil heatmap-lər ekran ölçülərinin dəyişkənliyi səbəbindən statistik əhəmiyyətlilik üçün 40% daha çox seans tələb edir.

Çapraz platforma proqramı üçün istilik xəritələri qurarkən iOS və Android üçün ayrıca heatmap-lər yaradın — naviqasiya fərqi (jestlər vs düymələr) klik paylanmasını köklü şəkildə dəyişə bilər. Həmçinin ƏS versiyasına görə filtr edin: Android 12+-da Material You ilə interfeys elementləri Android 11-dəkindən fərqli görünə və yerləşə bilər.

Istilik xəritəsinin tətbiqi nümunəsi

Android-də mobil proqramda klikləri izləmək üçün aşağıdakı Kotlin kodundan istifadə edin. O, toxunma koordinatlarını ələ keçirir və istilik xəritəsi qurmaq üçün analitik sistemə göndərir.

class HeatmapTracker {
    fun trackEvent(activity: Activity) {
        activity.window.decorView.setOnTouchListener { _, event ->
            if (event.action == MotionEvent.ACTION_UP) {
                val bundle = Bundle().apply {
                    putFloat("x", event.x)
                    putFloat("y", event.y)
                    putInt("screen_width", resources.displayMetrics.widthPixels)
                }
                Firebase.analytics.logEvent("touch_heatmap", bundle)
            }
            false
        }
    }
}

Məlumatları topladıqdan sonra BI alətində istilik xəritəsi qurun və ya avtomatik vizuallaşdırma üçün UXCam kimi hazır platformadan istifadə edin.

Istilik xəritəsi platformalarının müqayisəsi

Istilik xəritəsi platformaları funksionallıq, qiymət və mobil SDK-larla inteqrasiya dərinliyinə görə fərqlənir. Hotjar — sadə interfeysi və gündə 35 seansa qədər pulsuz tarifi olan ən məşhur veb istilik xəritəsi alətidir. Lakin Hotjar mobil proqramları dəstəkləmir — yalnız veb versiyaları və PWA. Mobil proqramlar üçün Smartlook və ya UXCam-dan native SDK-larla istifadə edin.

UXCam — mobil istilik xəritələrində liderdir: Android və iOS-u, cihaz sinfinə görə avtomatik filtrasiyanı, A/B testləri üçün overlay rejimini və ML anomaliya aşkarlamanı dəstəkləyir. Smartlook Growth tarifində limitsiz sayda yazı təklif edir və bir layihədə həm mobil, həm də veb istilik xəritələrini dəstəkləyir. Microsoft Clarity — limitsiz trafiklə veb layihələr üçün pulsuz alternativdir, lakin mobil SDK dəstəyi yoxdur.

Platforma seçərkən məlumatların yenilənmə tezliyini, filtrasiya dərinliyini və fərdi analitika üçün xam klik koordinatlarının ixrac imkanını nəzərə alın. G2 Reviews (2025) məlumatlarına görə, UXCam mobil heatmap həlləri arasında ən yüksək reytinq (4.6/5), Hotjar isə veb həllər arasında (4.4/5) alır.

Istilik xəritələrinin təhlilində tipik səhvlər

Birinci səhv — istilik xəritəsinin cihaza görə filtr edilmədən təhlil edilməsi. Ekran ayırdetmə qabiliyyəti elementlərin yerləşməsinə güclü təsir edir: iPhone 15 Pro-da yuxarıda olan, büdcə Android-də ortada ola bilər. Həmişə heatmap-i cihaz modelinə və ya ekran ölçüsünə görə filtrləyin.

Ikinci səhv — mütləq və nisbi klik sayının qarışdırılması. Qırmızı zona yüksək konversiyaya görə deyil, elementin ekranın 50%-ni tutması səbəbindən isti ola bilər. Rəngin element ölçüsünə nisbi faiz nisbətini göstərdiyi normallaşdırılmış istilik xəritələrindən istifadə edin.

Üçüncü səhv — ekranda keçirilən vaxta məhəl qoymamaq. Istifadəçilər ekranda az vaxt keçirirsə, istilik xəritəsi pis dizayna görə deyil, aşağı maraq səbəbindən “soyuq” olacaq. Heatmap-i nişan metrikaları — Time on Screen və Session Duration ilə birlikdə təhlil edin.