Modern haritalar artık sadece statik görüntülerden ibaret değil: bugün haritaları üst üste bindirebilirsiniz. özel katmanlar, ısı haritaları ve gelişmiş görselleştirmeler Verilerinizi net ve eyleme geçirilebilir bilgilere dönüştüren katmanlar. İster müşteri konumları, suçlar, teknik olaylar veya bir web sitesindeki kullanıcı davranışı ile çalışıyor olun, bu katmanların iyi bir şekilde uygulanması, izole veri noktaları görmek ile gerçek kalıpları tespit etmek arasındaki farkı yaratabilir.
Bu makalede, oldukça detaylı ve pratik bir yaklaşımla, nasıl olduğunu göreceğiz. Farklı harita türlerinde özel katmanlar ve ısı haritalarıGoogle Maps, QGIS ve Azure Maps gibi harita API'lerinden, Hotjar ve WordPress eklentileri gibi web analizi ısı haritalarına kadar, bunların ne işe yaradığını, avantajlarını, doğru şekilde nasıl yapılandırılacağını ve ne zaman kullanılması veya kaçınılması gerektiğini öğreneceksiniz.
Isı haritası nedir ve kartografide ne için kullanılır?
Coğrafi ısı haritası bir yöntemdir. Verilerin yoğunluğunu veya şiddetini bir harita üzerinde görselleştirmek Renkler kullanılarak, nokta yoğunluğunun daha yüksek olduğu alanlar daha sıcak tonlarla (kırmızı, turuncu) gösterilirken, daha az yoğunluğa sahip alanlar daha soğuk renklerle (tarza bağlı olarak yeşil, mavi veya gri) temsil edilir.
Bu tür görselleştirme, aşağıdakilerle çalışırken idealdir: çok yoğun, örtüşen noktalardan gelen verilerSuç mahallerinin, trafik kazalarının, evlerin, saha olaylarının, IoT sensörlerinin, müşterilerin vb. konumları. Size hiçbir şey anlatmayan binlerce ayrı işaretleyici yerine, olayların nerede yoğunlaştığını bir bakışta netleştiren renkli yamalar görürsünüz.
Şimdi, ısı haritası esas olarak bir görsel bir araç, hassas bir yoğunluk analizi değil.Verileri incelemek veya teknik bilgisi olmayan kişilere hızlıca sunmak için mükemmeldir, ancak kesin nicel sonuçlara ihtiyaç duyduğunuzda genellikle daha resmi bir yoğunluk hesaplamasına (örneğin, raster üzerinde çekirdek yoğunluğu tahmini) geçmek daha iyidir.
Google Maps API'si ile ısı haritalarının uygulanması
Google ekosistemi içinde, JavaScript için Haritalar API'si yıllardır sunmaktadır HeatmapLayer'ın belirli bir katmanı Isı haritalarını doğrudan etkileşimli bir harita üzerinde görüntülemek için. Bu işlevsellik eski olarak işaretlenmiş ve Mayıs 2026'da artık kullanılamayacak olsa da, kullanımı ve kavramları hala çok faydalıdır ve bugün kullanılarak tekrarlanabilir. deck.gl gibi üçüncü taraf kütüphaneler.
Görüntü kitaplığı yükleniyor
Google Haritalar ısı haritası katmanı varsayılan olarak yüklenmez: kütüphanenin bir parçasıdır. google.maps.visualizationBunu kullanmak için, haritayı başlatan geri çağırma işlevi de dahil olmak üzere, Haritalar JavaScript API yükleme URL'sine ilgili parametreyi eklemeniz gerekir.
Genel fikir, API betiğini aşağıdakine benzer bir şeyle yüklemektir: libraries=visualization parametresine sahip bir URL ve bir initMap fonksiyonu Geri çağrı fonksiyonu olarak. Kütüphane yüklendikten sonra, ısı haritanızı oluşturmak için HeatmapLayer sınıfına erişebileceksiniz.
Isı haritası katmanının temel oluşturulması
API kullanarak ısı haritası oluşturmanın tipik akışı oldukça basittir: önce temel haritayı başlatırsınız, ardından bir nokta listesi oluşturursunuz ve son olarak ısı katmanını oluşturup haritayla ilişkilendirirsiniz.
Pratikte, bir nesne dizisi tanımlarsınız. google.maps.LatLng koordinatlarıyla Belirlediğiniz noktalardan (örneğin, San Francisco'daki birkaç konum) yola çıkarak, haritayı merkez, yakınlaştırma düzeyi ve harita türü ile yapılandırabilir ve yeni bir nesne oluşturabilirsiniz. google.maps.visualization.HeatmapLayer, noktaların listesini iletiyor Bu, bir veri özelliği olarak tanımlanır. Son olarak, bu katmanın haritada görüntülenmesi için setMap(map) fonksiyonunu çağırırsınız.
Sonuç olarak, uydu veya sokak haritası üzerine renkli bir katman eklenir. Nokta yoğunluğunun daha yüksek olduğu alanlar daha "sıcak" görünecektir.Varsayılan renk geçişini veya sizin tanımladığınız geçişi takip eder.
Ağırlıklı Veriler: LatLng ve WeightedLocation
JavaScript için Google Haritalar API'si, ısı haritası katmanının yalnızca basit LatLng ile değil, aynı zamanda başka parametrelerle de çalışmasına olanak tanır. nesneler Ağırlıklı Konumİkisi de haritada bir noktayı temsil eder, ancak WeightedLocation, bu noktanın ısı haritasına katkıda bulunma "gücünü" kontrol eden bir ağırlık özelliği ekler.
Varsayılan olarak, her LatLng sanki bir şeye sahipmiş gibi davranır. 1'in örtük ağırlığıAynı enlem ve boylam noktasını üç kez eklemek yerine, ağırlığı 3 olan tek bir Ağırlıklı Konum (WeightedLocation) kullanırsanız, harita üzerindeki etkisi eşdeğer olur, ancak özellikle veri işleme söz konusu olduğunda performans açısından daha verimli olur. büyük veri hacimleri tek bir yerde.
Bu ağırlıklandırma aşağıdaki gibi durumlarda faydalıdır: belirli olayların büyüklüğünü vurgulamak (örneğin, daha şiddetli depremler), aynı konumda birden fazla gözlemi tekrarlayan noktalar olmadan temsil eder veya küçük olaylara kıyasla kritik olaylara daha fazla önem verir.
Ayrıca, bunları aynı dizide karıştırmak da mümkündür. LatLng ve WeightedLocation nesneleriBu şekilde, çoğu noktayı standart ağırlıkta bırakabilir ve yalnızca birkaç önemli olayın ağırlığını artırarak onları vurgulayabilirsiniz.
Isı haritası katmanı özelleştirme seçenekleri
HeatmapLayer sınıfı çeşitli seçenekler sunmaktadır. görünümünü ve davranışını ayarlamak Katmanın özelliklerinden bazıları şunlardır:
- dağılanBu ayar, yakınlaştırma yapıldığında ısı haritasının "dağılıp dağılmayacağını" gösterir. Değer true (varsayılan) olarak ayarlandığında, piksel cinsinden yarıçap sabit kalır ve yakınlaştırdıkça yamalar daha az coğrafi alan kaplar. False olarak ayarlanırsa, belirli bir konumdaki renk yoğunluğunu korumak için yarıçap yakınlaştırma ile artar.
- eğimBu özellik, renk geçişini bir CSS dizeleri dizisi (örneğin, RGBA değerleri) olarak tanımlamanıza olanak tanır. Bu sayede, uygulamanızın görsel kimliğine uygun daha yumuşak, daha agresif veya özelleştirilmiş ısı haritaları oluşturmak için tam kontrol sahibi olursunuz.
- maksimum yoğunlukVarsayılan olarak, renkler bir pikseldeki maksimum nokta yoğunluğuna göre dinamik olarak ölçeklendirilir. Bu seçenekle, bir maksimum statik yoğunlukÖzellikle haritanın tamamını bozan çok yüksek aykırı değerler olduğunda çok kullanışlıdır.
- yarıçap: Her noktanın etki yarıçapını piksel cinsinden tanımlar. Küçük yarıçaplar yüksek yoğunluklu sıcak noktaları gösterirken, büyük yarıçaplar haritayı düzleştirerek daha geniş alanlar oluşturur.
- donukluk: Isı katmanının genel opaklığını kontrol eder, değerler 0 ile 1 arasındadır. Opaklığı düşürmek şunları sağlayabilir: Ana harita ve diğer unsurlara daha iyi bir bakış açısı elde edin. Bu, altta olan şey.
Bu parametreler birlikte, ısı haritasının görselleştirmesini özelleştirmenize olanak tanır. Tam olarak neyi vurgulamak istediğinizi belirtin.: yüksek nokta yoğunluğu, çok geniş desenler, alanlar arasında küçük farklılıklar vb.
deck.gl ile ilgili destek ve alternatifler sona erdi.
Unutmamak gerekir ki Google Maps JavaScript API'sinin HeatmapLayer katmanı kullanımdan kaldırılmıştır.Bu özellik Mayıs 2025'te destekten kaldırıldı ve Mayıs 2026'da planlanan bir sonraki API sürümünde tamamen kaldırılacak.
Alternatif olarak, Google şunu kullanmanızı önerir: deck.gl gibi üçüncü taraf kütüphanelerle entegrasyonlar.Bu çözümler, HeatmapLayer ve diğer gelişmiş katmanların uygulanmasını içerir. Haritalar üzerinde yüksek kaliteli görselleştirmeler oluşturmayı mümkün kılarlar ve şu özellikleri desteklerler: ... karmaşık veriler, büyük hacimler ve animasyonlarve modern web geliştirme çerçeveleriyle iyi bir şekilde entegre olurlar.
QGIS'te gelişmiş ısı haritaları ve özel katmanlar
Bir adım daha ileri gitmeniz ve yapmanız gerektiğinde daha eksiksiz ve doğru mekansal analizQGIS bir referans aracıdır. Nokta katmanlarını "canlı" bir ısı haritası oluşturucu ile biçimlendirmenize ve daha resmi analizler için çekirdek yoğunluk rasterleri oluşturmanıza olanak tanır.
Nokta katmanını ısı haritası olarak stilize edin.
Bir CSV dosyasıyla çalıştığınızı hayal edin. Surrey'deki (Birleşik Krallık) suç mahalliQGIS'teki iş akışı genel olarak şu şekilde olacaktır:
Öncelikle bir temel harita yüklersiniz, örneğin... XYZ Döşemeleri bölümünden OpenStreetMap katmanıDosyayı ana tuvale sürükleyin. Ardından, Veri Kaynağı Yöneticisi'nden, sınırlı metin sekmesini kullanarak ve indirilen dosyayı belirterek (örneğin, 2019-02-surrey-street.csv) CSV verilerini içe aktarın.
QGIS, sütunları otomatik olarak algılar. Geometriyi tanımlamak için boylam ve enlem kullanılır.Referans sistemi genellikle EPSG:4326 – WGS 84 olarak ayarlanır. Katmanı ekledikten sonra, temel haritada olay noktalarını göreceksiniz, ancak bu kadar yüksek yoğunlukta suçların yoğunluğunu anlamak zor.
Bu nokta bulutunu ısı haritasına dönüştürmek için şunu açarsınız: Katman Stili paneli Nokta katmanını seçin ve grafik türünü "Isı Haritası" olarak değiştirin. Katman daha sonra bir renk skalası (genellikle varsayılan olarak gri) kullanılarak görüntülenecek ve değişiklikleri gerçek zamanlı olarak izlerken ayarları değiştirebileceksiniz.
Renk skalası seçimi ve etki alanı
Tipik bir ısı haritasında, insanlar genellikle bir ölçek kullanırlar. sarı-kırmızı veya beyaz-kırmızı Böylece en yoğun alanlar görsel olarak daha belirgin hale gelir. QGIS'te, örneğin, stil panelindeki renk skalası açılır menüsünden "Kırmızılar" skalasını seçebilirsiniz.
Temel parametre şudur: radyoBu, her noktanın etkisini gösterdiği dairesel alanı tanımlar. Suçlar veya olaylar gibi verilerde bu değerin çok fazla fiziksel anlamı vardır: örneğin, bir olayın konumunun 5 km yarıçapındaki bir alanda etki yarattığını varsayabilirsiniz.
Eğer projeniz EPSG:3857 (Web Mercator) gibi bir sistemde ise, birimler metre cinsindendir, bu nedenle belirtmeniz gerekir. 5000 radyo olarak Bu 5 km'lik alan için. Bu parametreyi değiştirmek, haritanın düzgünlüğünü açıkça değiştirir: çok küçük yarıçaplar çok yerelleşmiş yamalar oluştururken, büyük yarıçaplar daha geniş ve daha yaygın alanlar oluşturur.
Bu hesaplamanın ardında bir şey yatıyor. çekirdek fonksiyonu Bu, etkinin noktanın merkezinden yarıçapın kenarına doğru nasıl azaldığını tanımlar. QGIS'in ısı haritası oluşturucusu varsayılan olarak dördüncü dereceden bir çekirdek kullanır, ancak çekirdek yoğunluğu işleme algoritması aracılığıyla ısı haritaları oluştururken kullanabileceğiniz Üçgen, Tekdüze, Üç Ağırlıklı veya Epanechnikov gibi başka çekirdekler de vardır.
Şeffaflığı ayarlama ve ağırlık alanlarını kullanma
Hem temel haritayı hem de ısı katmanını aynı anda görüntülemek için, büyütme oranını azaltabilirsiniz. ısı haritası katmanı opaklığı Örneğin, katman gösterimi bölümünden %60'a kadar. Bu şekilde sokakları, binaları veya idari sınırları hala görebilirsiniz.
Bazı analizlerde sadece şunu dikkate almak yeterlidir: nokta yoğunluğu olarakAncak diğer durumlarda, her bir noktanın farklı bir ağırlığa sahip olması şarttır. Örneğin, şiddet içeren bir suç, önemsiz bir hırsızlıkla aynı ağırlığa sahip olmamalıdır veya bir nokta, birikmiş birkaç gözlemi temsil edebilir.
QGIS, bir şey eklemenize olanak tanır. sayısal ağırlık alanı Bu verileri özellik tablosuna ekleyin ve ısı haritası gösteriminde kullanın. Bunu yapmanın zarif bir yolu, Alan Hesaplayıcı ile sanal bir alan oluşturmaktır: yeni bir alan oluşturma seçeneğini seçin, adını "ağırlık" olarak belirleyin, tamsayı türünü seçin ve suç türüne göre farklı ağırlıklar atamak için bir CASE ifadesi kullanın ("Suç türü" alanını kullanarak).
Bu ifadeyi uygulamak, orijinal verileri değiştirmeden yeni bir sanal öznitelik oluşturur. Stil panelinde, noktaların nasıl olacağını belirtebilirsiniz. ağırlık alanı tarafından ağırlıklandırılmışSonuç olarak, yalnızca olay sayısını değil, aynı zamanda bunların göreceli ciddiyetini de yansıtan bir ısı haritası elde edilir.
Çekirdek yoğunluğu tahmini ile raster ısı haritaları oluşturun.
Analiz veya raporlama için daha sağlam bir sonuca ihtiyaç duyduğunuzda, yalnızca ekrandaki görselleştirmeye güvenmek yerine, aşağıdaki algoritmayı kullanabilirsiniz. Isı haritası (Çekirdek Yoğunluk Tahmini) QGIS işlem araçları bölümünde yer almaktadır. Bu algoritma, hesaplanan yoğunluk değerleriyle bir raster katmanı oluşturur.
Algoritmayı çalıştırmadan önce, nokta katmanını yeniden yansıtmanız önerilir. SRC'nin bölge için uygun olduğu öngörülmüştür.Çünkü coğrafi koordinatlar kullanarak mesafeleri hesaplamak uygun değildir. Örneğin, Birleşik Krallık'taki veriler için yaygın bir seçenek EPSG:27700'dür (OSGB 1936 / İngiliz Ulusal Şebekesi).
Yeniden projeksiyon işleminden sonra ("Katmanı Yeniden Projeksiyon" işlemi kullanılarak), karışıklığı önlemek için yeni katmanı oluşturur ve orijinal katmanı devre dışı bırakırsınız. Ardından, Isı Haritası algoritmasını (çekirdek yoğunluğu tahmini) arar ve tanımlarsınız. yarıçap (örneğin, 5000 metre), ağırlık alanı (ağırlık (Eğer siz oluşturduysanız) ve X ve Y eksenlerindeki piksel boyutlarını (örneğin, 50 metre) girin. Varsayılan dörtgen çekirdeği bırakabilir veya analizinizin ihtiyaçlarına göre ayarlayabilirsiniz.
Algoritmanın çalıştırılması yeni bir raster katmanı oluşturur (örneğin, ÇIKTI olarak adlandırılır). Başlangıçta, genellikle bir şekilde görüntülenir. tek bantlı gri tonlamalı oluşturucu Bu pek de çekici değil. Stil panelinden, oluşturmayı "Tek bantlı sahte renk" olarak değiştirebilir, "Kırmızılar" gibi bir renk geçişi seçebilir ve görsel olarak net ve kullanışlı bir ısı haritası elde edene kadar kontrastı ayarlayabilirsiniz.
İşletme mekansal analizinde ısı haritalarının kullanımı
Masaüstü CBS'nin ötesinde, birçok kurumsal ortam şunları içerir: etkileşimli panellerde ısı haritası görselleştirmeleri İşletme verilerini analiz etmek için kullanılır. Tipik bir örnek, bölgelere göre gelirlerin veya bir perakende zincirinin satış potansiyelinin incelenmesidir.
Bu ısı haritaları, aşağıdaki gibi soruları yanıtlamamızı sağlar: En çok harcama yapan müşteriler nerede yoğunlaşıyor? Olaylar en sık hangi bölgelerde meydana geliyor? Hangi bölgelerin büyüme potansiyeli en yüksek?Ancak bunlar genellikle görsel bir yardımcı araç olarak anlaşılır ve zaman serileri, karşılaştırmalı tablolar veya histogramlar gibi diğer grafiklerle desteklenmeleri önerilir.
Analiz platformları genellikle haritanın şu özelliklere sahip olması durumunda şunu önerir: 2000'den fazla puanDoğrudan ısı haritası göstermek yerine, yoğunluk hesaplaması veya başka bir tür toplama yöntemi kullanmak tercih edilir. Bu, performans sorunlarını önler ve daha istikrarlı bir gösterim sağlar.
Panellerle etkileşim: filtreler, seçim ve senkronizasyon
Birçok iş zekası veya mekansal veri analizi aracında, ısı haritaları şu şekilde eklenir: bir kontrol panelindeki kartlar veya widget'larBu bileşenler, görselleştirmeden en iyi şekilde yararlanmak için çeşitli kontroller sunar:
- Panel Katman seçenekleri Bu özellik, göstergeleri genişletmenize, sembololojiyi değiştirmenize, alanları düzenlemenize ve görünüm, filtre veya öznitelikler gibi parametrelere erişmenize olanak tanır.
- Sekme efsane Renk geçişini ve uç değerlerle ilişkili değeri göstererek, "yüksek" ve "düşük" olarak kabul edilen şeylerin anlaşılmasını kolaylaştırır.
- sekmesinden semboloji Isı haritasını oluşturmak için kullanılan alanı değiştirebilir veya görselleştirmeyi başka bir harita türüne (örneğin, kloroplet, basit nokta vb.) dönüştürebilirsiniz.
- Sekme görünüm Görsel ayarlamalar sunar: arka plan rengi, ön plan rengi, kart kenarlığı, harita döndürme, temel harita katmanlarının dahil edilmesi veya hariç tutulması ve kuzey oku.
- Sekmede nitelikleri Seçilen kuruluşların detaylarına bakılır; bu, genel bakıştan belirli detaylara geçmek istediğinizde idealdir.
Ayrıca, genellikle şu işlevler için özel düğmeler bulunur: Kartın içindeki verileri filtreleFarklı araçlarla (tek tıklama, dikdörtgen, kement) nesneleri seçin, seçime yakınlaştırın, ters çevirin, görüntüleme türünü değiştirin (haritadan çubuk grafiğe, tabloya vb.), birden fazla haritanın kapsamını senkronize edin, kartı büyütün veya çapraz filtreleri etkinleştirin (böylece bir kartta seçtiğiniz öğeler diğerlerini de filtreler).
Azure Haritalar'daki ısı haritası katmanları ve coğrafi referanslı görüntüler
Azure Haritalar, çalışma için gelişmiş işlevler sunar. ısı haritası katmanları ve görüntü katmanları Azure ekosisteminde çözümler geliştiren yazılımcılara yönelik, web üzerindeki etkileşimli haritalar hakkında.
Isı haritası katmanlarıyla yoğunluğun görselleştirilmesi
Azure Maps'teki ısı haritası katmanları, aşağıdakileri temsil etmek için kullanılır: renk aralığı kullanılarak nokta yoğunluğuDiğer sistemlerde olduğu gibi, olayların veya değerlerin yoğunluğunun daha yüksek olduğu "sıcak noktaları" tespit etmeye olanak tanırlar.
Bu katmanlar destekler ağırlıklı veri noktalarıBu, her bir varlığın göreceli önemini gösteren bir değer taşıyabileceği anlamına gelir. Bu sayede, örneğin, aşırı değerlere sahip sensörleri, en yüksek satın alma hacmine sahip müşterileri veya aynı veri katmanındaki daha ciddi olayları vurgulayabilirsiniz.
Azure Haritalar, bu katmanları ekleme ve yapılandırma konusunda ayrıntılı dokümantasyon ve kod örnekleri sunar; bunlar arasında şunlar yer alır: Renk geçişlerinin, yarıçapların, yoğunlukların ve stillerin ayarlanmasıAzure veri API'leriyle entegre edilerek, gerçek zamanlı bilgi izleme için güçlü bir araç haline gelirler.
Planları, eski haritaları veya drone görüntülerini üst üste bindirmek için görüntü katmanları.
Azure Haritalar görüntü katmanı, üst üste bindirme işlemine olanak tanır. hareket eden ve ölçeklenen coğrafi referanslı görüntüler Yakınlaştırma ve kaydırma yaparken temel haritayla birlikte kullanılır. Bu işlev, modern kartografiyi özel katmanlarla birleştirmeniz gerektiğinde çok kullanışlıdır, örneğin:
- Kat planları Binalar veya endüstriyel tesislerde, belirli bir alanda ekipman, tahliye yolları veya sensörlerin yerini tespit etmenizi sağlayan cihazlar.
- tarihsel haritalarBölgenin zaman içinde nasıl değiştiğini karşılaştırmak için mevcut haritacılıkla uyumlu hale getirilmiştir.
- Drone'lar tarafından çekilen görüntülerÖrneğin, ekinleri, altyapıyı veya afet bölgelerini denetlemek için.
Azure Maps dokümantasyonu ve örnekleriyle, bu görüntüleri uygun koordinatlarla nasıl kaydedeceğinizi ve diğer vektör veya ısı katmanlarıyla nasıl birleştireceğinizi öğrenebilirsiniz. çok zengin ve özel görselleştirmeler her senaryo için.
Web analizinde ısı haritaları: Kullanıcı deneyimi, tıklamalar ve kaydırma
Coğrafi haritaların yanı sıra, ısı haritalarının bir başka çok popüler ailesi daha vardır: web sitelerindeki kullanıcı davranışı ısı haritalarıGerçek dünyadaki konumları temsil etmek yerine, kullanıcıların nereye tıkladıklarını, ne kadar aşağı kaydırdıklarını veya farelerini sayfada nasıl hareket ettirdiklerini gösterirler.
Bu araçlar iyileştirme için çok önemlidir. kullanıcı deneyimi (UX) ve dönüşümÇünkü soyut ölçütleri net görüntülere dönüştürüyorlar. Sıçrama oranları ve oturum süresiyle sınırlı kalmak yerine, sayfanın hangi alanlarının aktivite açısından "alev alev" olduğunu ve hangilerinin soğuk kaldığını kelimenin tam anlamıyla görebiliyorsunuz.
Web sitelerinde ısı haritalarının başlıca kullanım alanları
En yaygın kullanım alanları arasında birkaç önemli alan öne çıkmaktadır:
Bir yandan kimlik tespiti yapılmasına olanak sağlıyorlar. en çok kullanılan düğmeler ve harekete geçirici mesajlarHer tıklama kaydedilir ve bir renkle gösterilir, böylece en sık tıklanan öğeler daha sıcak tonlarda görünür. Bu, harekete geçirici düğmelerin gerçekten görsel odak noktası olup olmadığını veya tam tersine dikkatin diğer öğelere dağılıp dağılmadığını belirlemeye yardımcı olur.
Bunlar aynı zamanda ölçüm için de kullanılır. Kullanıcılar ne kadar aşağıya kaydırıyor?Kaydırma ısı haritaları, ziyaretçilerin sayfanın hangi bölümüne ne kadarının ulaştığını gösterir. Eğer çoğu ziyaretçi belirli bir noktayı geçmiyorsa, önemli içerik çok aşağıda olabilir veya sayfa çok uzun olabilir; bu, tek sayfa tasarımlarında sık karşılaşılan bir sorundur.
Bir diğer önemli kullanım alanı ise şudur: Kullanıcı deneyimi sorunlarının tespitiKullanıcılar genellikle düğme gibi görünen ancak düğme olmayan resimlere veya metinlere tıklarlar. Tıklama ısı haritaları bu yanlış anlamaları vurgular: etkileşimli olmayan bir öğede çok fazla etkileşim görüyorsanız, hayal kırıklığını ve terk edilmeyi önlemek için muhtemelen yeniden tasarlanması gerekir.
Ek olarak, ısı haritaları şu konularda yardımcı olur: Mobil ve masaüstü sürümler arasındaki davranışı karşılaştırın.Çoğu araç, cihaza göre filtreleme yapmanıza olanak tanır; bu da mobil cihazlarda hangi öğelerin gereksiz olduğunu, nelerin çok fazla gizli kaldığını veya büyük ekranda çok iyi çalışan ancak telefonda o kadar iyi çalışmayan şeylerin neler olduğunu görmeyi kolaylaştırır.
Son olarak, onlar mükemmel müttefiklerdir. Tasarımların veya içeriklerin A/B testiAynı açılış sayfasının iki farklı sürümünü yayınlayabilir ve tıklama, hareket ve kaydırma verilerinin ısı haritalarına bakarak hangisinin dikkati dönüşüm noktalarına daha iyi yönlendirdiğini görebilirsiniz.
Kullanıcı deneyiminde (UX) yaygın olarak kullanılan ısı haritası türleri
Web siteleri için ticari ısı haritası çözümleri genellikle üç temel tür sunar:
- Dikey yer değiştirme (kaydırma) haritalarıBu ölçümler, sayfanın her bölümüne ulaşan ziyaretçi yüzdesini gösterir. Bir bölüm ne kadar sıcaksa, o bölümü o kadar çok kullanıcı görüntülemiştir. Bu, harekete geçirici mesajların, formların veya kritik bilgilerin nereye yerleştirileceğine karar vermede ve neredeyse hiç kimsenin okumadığı bölümleri belirlemede yardımcı olur.
- Haritalara tıklayınBunlar, sayfadaki tıklamaların nerede yoğunlaştığını gösterir. En yoğun tıklama alanları, (iyi ya da kötü anlamda) çok fazla ilgi çeken unsurları işaret eder. Kullanıcıların doğru bağlantılara tıkladığını doğrulamak ve insanların herhangi bir yanıt almadan tıkladığı "tuzak bölgeleri"ni tespit etmek için kullanışlıdırlar.
- Hareket haritalarıBu sensörler, kullanıcılar okurken veya internette gezinirken imlecin hareketini izler. Fare hareketi her zaman göz hareketleriyle mükemmel bir şekilde eşleşmese de, okuma alışkanlıkları hakkında ipuçları sunar ve karar vermede yardımcı olur. Başlıkların, ana görsellerin ve düğmelerin nereye yerleştirileceği.
Web sitenizde ısı haritalarını nerede kullanmanız önerilir?
Her yeri ısı haritalarıyla doldurmaya gerek yok: mantıklı olan seçim yapmaktır. Kullanıcı deneyimi veya dönüşüm iyileştirmesinin en büyük etkiyi yaratacağı stratejik sayfalarİşte bazı uygun adaylar:
- La başlangıç sayfasıBu genellikle ilk izlenimi oluşturan ve kullanıcıların sitenin geri kalanına yöneldiği merkez noktadır.
- W ürün veya hizmet açılış sayfalarıÖzellikle yeni bir kampanya başlatıyorsanız ve tasarımın ve metnin işe yarayıp yaramadığını doğrulamak istiyorsanız bu çok önemlidir.
- Blog yazıları ile yüksek organik trafikİçsel harekete geçirici mesajlarda, bannerlarda veya içerik yapısında yapılacak küçük bir değişiklik bile performansı artırabilir.
Bir web sitesi için ısı haritası nasıl oluşturulur (Hotjar örneğiyle)?
Sitenizin ısı haritalarını oluşturmak için şunlara ihtiyacınız var: davranış analizi aracı Kullanıcı etkinliğini kaydeden bir araçtır. Piyasada Hotjar, Clicktale ve Crazy Egg gibi birçok bilinen seçenek mevcuttur ve bunların hepsi oldukça benzer şekilde çalışır.
Hotjar'ı örnek alacak olursak, süreç genellikle basittir: önce web sitelerine kaydolursunuz ve analiz etmek istediğiniz alanı belirtirsiniz. Ardından size bir çözüm sunarlar. Sayfaların başlığına eklenecek benzersiz komut dosyası İzlemek istediğiniz şeyi belirtebilirsiniz veya WordPress gibi bir CMS ile çalışıyorsanız bir eklenti kullanabilirsiniz.
Komut dosyası veya eklenti yüklendikten sonra, aracın kontrol panelinden her şeyin doğru şekilde yapılandırıldığını doğrulayın. Bundan sonra Hotjar, gerçek oturumlardan veri toplamaya başlar ve bir süre sonra sonuçları kontrol edebilirsiniz. Tıklama haritaları, kaydırma haritaları, hareket haritaları, oturum kayıtları ve daha fazlası.Bu platformların çoğu, potansiyellerini anlamak için yeterli olan birkaç günlük ücretsiz deneme süreleri sunuyor.
Isı haritaları için ücretsiz WordPress eklentileri
Eğer web siteniz WordPress üzerine kuruluysa ve her şey için harici hizmetlere bağımlı kalmadan hızlı bir şey istiyorsanız, işte size birkaç seçenek: ücretsiz ısı haritası eklentileri Bunlar doğrudan yönetim paneline entegre edilmiştir.
Örneğin, "Heatmap for WordPress" gibi bir eklenti, ücretsiz sürümünde aynı anda beş sayfaya kadar ısı haritası oluşturmanıza olanak tanır. Genellikle kullanımı çok kolaydır çünkü Giriş yaptığınızda sayfa önizlemesinden başlatılır.Bu özellik, IP adreslerini hariç tutmanıza olanak tanır (böylece kendi tıklamalarınız verileri kirletmez) ve en çok ziyaret edilen noktaları göstermenin yanı sıra, son günlerde sayfa başına tıklama ve görüntüleme sayılarının grafiklerini de gösterir.
Bir diğer örnek ise on binlerce aktif kurulumu olan "Aurora Heatmap"tir. Ücretsiz bir sürümü mevcuttur ve bu sürüm size şunları yapmanıza olanak tanır: Tıklama ısı haritasını mobil cihazınızda da görüntüleyin. Ve bu çözümler, sınırsız sayıda sayfaya uygulanabilir. Özellikle küçük projeler veya ilk günden itibaren ücretli araçlarla uğraşmak istemeyen ve kullanıcı deneyimini iyileştirmek isteyen bloglar için bu çözümler oldukça ilgi çekicidir.
Son değerlendirmeler
Ancak, izleme komut dosyaları ekleyen herhangi bir eklentinin... belirli bir performans maliyeti getirirBu nedenle, bu araçların yoğun olarak yalnızca analiz dönemlerinde (örneğin, bir kampanyanın başlatılması sırasında) kullanılması ve gereksiz yere aktif tutulmaması genellikle tavsiye edilir.
Akıllıca entegre edin özel katmanlar ve ısı haritalarıHem coğrafi hem de web davranış analizinde, ham verilerden herkesin bir bakışta anlayabileceği görsel kalıplara geçmenizi sağlar; Google Maps veya Azure Maps gibi API'lerin, QGIS gibi CBS araçlarının ve Hotjar veya WordPress eklentileri gibi UX çözümlerinin kullanımını birleştirerek, performansa, kullanım bağlamına ve renklerin neyi gösterdiğinin uygun şekilde yorumlanmasına dikkat ettiğiniz sürece çok güçlü görselleştirme ekosistemleri oluşturabilirsiniz. Bu bilgiyi diğer kullanıcıların da konu hakkında bilgi edinebilmesi için paylaşın.