Hunnelinizde "kör noktalar" bulmak için ısı haritası ve oturum kaydı nasıl kullanılır.

"Web çok güzel ... reklam çekiyor ... ama neden müşteriler gitti?" Tüm web kişilerinin karşılaştığı sorun
Hiç böyle hissettin mi? Muazzam pazarlama bütçeniz var. Trafik web sitesine güzelce koşana kadar yeni müşteriler için çekim. Ancak satışlar veya kayıtlı kişilerin sayısı ... hiçbir şey olmamış gibi tamamen geri döndü. Google Analytics'teki numaralar sadece ne kadar insanın çıktığını söyledi, ama asla "neden" dediklerini söylemediler.
Bu duygu, görülemeyen bir tanka su dökmek gibidir. Yağın gittiğini biliyoruz. Ama nerede sızdığını bilmiyorum. "Sipariş" düğmemiz çok küçük mi? Yoksa form o kadar karmaşıktır ki, insanların cesaretini kırılır mı? Veya müşteriler önemli bilgileri bulamıyor mu? Bu sorular pazarlama bütçenizi yapan "kör noktalar" dır. Ve "kitle" ile "müşterileriniz" arasında engellenen bir duvar
İllüstrasyon istemi: İşletme sahibi, trafik grafiğini gösteren bilgisayarın önündeki tapınaklarda oturuyor, ancak satış grafiği pürüzsüz. Karışıklık ve görünmez sorunları iletmek için etrafta bir soru işareti (?) Var.
Analytics General neden asla "gerçek" e cevap vermiyor?
Google Analytics gibi veri analizi araçları çok güçlüdür. Bize "A Sayfası A gibi" Neler Oluyor "(Neler)," A Sayfası 1.000 kişiye ve 800 kişiye sahip, hemen dışarı çıkın "veya" ödeme sürecinde web sitesinden çıktığında "olduğunu söyleyebilir, ancak söylemediği şey" Neden olur? " (Peynir altı suyu), en önemli kısım.
Sorunun gerçek nedeni, beklemediğimiz küçük bir konu olabilir:
- Tasarımda Karışıklık: Kullanıcı görüntüyü veya bağlantıya tıklamaya çalışabilir. Çünkü "tıklayın" gibi görünüyor
- Ekipmanın belirli sorunları: Masaüstünde bazı düğmeler doğru görüntülenebilir, ancak cep telefonunda açıldığında menüyü basamaz, tuşuna basamaz
- Tereddüt ve kendinden emin değil: Kullanıcı fareyi 2 öğe arasında kaydırabilir veya tekrar tekrar politikayı okuyabilir. Çünkü hala karar veremiyor
- Sürtünme: Kullanıcı, çalışmayan düğmede "tıklamaları tıklayabilir". Veya istenen bilgileri bulamadıkları için hızlı bir şekilde ileri geri kaydır (U dönüşleri)
Bu sorunlar gerçek "davranış" dır. Ancak analitikte bir sayı olarak kaydedilmemiştir. Kullanıcının ne gördüğünü "görmemize" yardımcı olan araçlara sahip olmamız ve kullanıcının gerçekte ne yaptığını "anlamamıza" yardımcı olan araçlara sahip olmamızın nedeni budur. , ziyaretçileri müşterilere dönüştürmek için e-ticaret için UX analizinin kalbidir
İllüstrasyonlar istemi: Grafiğin sol tarafındaki her iki tarafındaki görüntüleri ve Google Analytics'ten sayıları "bize söyleyin" "bir mesajla karşılaştırın" "Web sitesi ekranına gerçekten bir mesajla bakan ancak 'neden" demeden "
Bu "kör noktaları" yayınlıyorsanız ... ne olacak?
Web sitenizdeki bu küçük "sızıntıları" rahatlatmak, teknenin sürekli sızmasına izin vermek gibidir. İlk başta fazla olmayabilir. Ancak uzun vadeli etki beklenenden daha korkutucu:
- Her gün reklam ücretini yaktı: Her baht, insanları web'e çekmek için ödediğiniz her Satang, kötü deneyimlerle karşılaşırlarsa hemen boşa harcanacak ve bu, ne yazık ki en çok YG'nin (yatırım getirisi) yok edilmesidir.
- Rakipler için Kayıp İş Fırsatları: Müşteriler web sitenizden hayal kırıklığına uğradığında bundan sonra ne yapıyor? "Kapat" ve kullanımı daha kolay rakipler bulmaya gidin! Sadece o müşteriyi kaybetmekle kalmazsınız. Ama aynı zamanda onu rakiplerinize itiyor
- Markanın güvenilirliğini kırın: Kullanımı zor ve sık sık sorunları olan web sitesi. Cehaletin ayrıntılı olarak yansıtılması, markanızın imajını ve tüketicilerin gözünde doğrudan yok eder.
- Yanlış karar verdiğinden, bilgi tam olmadığı için: "Sorunun birden olması gerekir" ve daha sonra onaylamak için gerçek bilgi olmadan düzeltin. "Değil" sorunun çözümüyle hem zaman hem de kaynakları kaybetmenize neden olabilir. Bu sorun genellikle SaaS işinde UX'in o kadar kötü olduğu ve müşterilerin kaçtığı o kadar kötü.
Bu sorunların kalmasına izin vermek, iş akışınızın "kârının" ve "büyümesinin" her gün sessizce izin vermesine izin vermek size eşittir
İllüstrasyonlar için bilgi istemi: Su borusu görüntüleri (huni yerine) birden fazla sızıntıya sahip ve borunun ucunun sadece birkaç altın sikkenin aktığı bu sızıntılardan altın madalya (müşteriler/para yerine) akıyor
Sorunlar Nasıl Çözülür: Heatmap ve oturum kaydı olan kullanıcıların davranışına bakın.
"Tahmin" durma ve "gerçek bilgileri" kullanma zamanı! "Kör noktanızı" kapatacak ve "neden" müşterilerinin dönüştürülmediği, ısı haritası ve oturum kablosu . Heatmap'in "sıcak" web sitesinin hangi kısmının veya en çok dikkat çektiğini söyleyen "kızılötesi kamera" olduğunu hayal edin.
Bugün en popüler araçlar Hotjar (ücretsiz ve para için mevcut) ve Microsoft Clarity (%100 ücretsiz), her ikisi de ana araçlarla genel davranışı görmenize yardımcı olacak:
- Haritalar'ı tıklayın (Harita'yı tıklayın): Kullanıcının "tıkladığını" gösterin, web sayfanızda lütfen soruyu cevaplayın:
- Kullanıcı istediğimiz CTA düğmesine tıklıyor mu?
- Herkes tıklamayan öğeyi tıklamaya çalıştı mı (ölü tıklamalar)? Tasarımlarımızın kullanıcıların kafası karışmasına neden olabileceğini gösterir
- Kaydırma Haritaları (hareket haritası): Bir renk çubuğu olarak gösterin, kullanıcı ekrandan ne kadar derin kayar lütfen soruyu cevaplayın:
- Önemli bilgiler veya CTA düğmemiz çoğu insanın hareket edemeyeceği bir konumda mı? (Katın altında)
- Kişinin hangi kısmı mümkün olduğunca uzun süredir okumayı ve okumayı bıraktı?
- Oturum Kayıtları (Video Kaydı): Bu bir vurgu! Kimlik değil, gerçek kullanım videosunu izleyeceksiniz. Gibi garip bir davranış yapın:
- Öfke Tıklamaları: Çalışmadığı için hayal kırıklığına uğradığı için aynı noktayı tıklamak.
- U-Turns: Kullanıcı bir sayfaya tıklar ve hemen geri basar, sayfanın beklediği gibi olmayabileceğini gösterir.
- Tereddüt: Fare, formda durdu veya ileri geri kaydırdı. Bu, kullanıcının soruyu tereddüt ettiği veya anlamadığı anlamına gelebilir.
Başlangıç çok kolay. Sadece araçları seçin Kodu web'e yükleyin. Ve trafik açısından yüksek, ancak açılış sayfası, ürün veya kontrol sayfası gibi düşük dönüşümden önemli sayfalardan veri toplamaya başlayın. , bir uzman gibi dönüşüm oranı optimizasyonunun (CRO) başlangıcıdır
İllüstrasyonlar istemi: Infographic 2 ana parçaya bölünmüş, ilk bölüm örnek tıklama haritası ve kaydırma haritası ile "ısı haritaları" dır. İkinci bölüm, fare ve öfke tıklamalarının görüntüleri ile "oturum kayıtları" dır.
Gerçek Şeyden Örnekler: One Düğme Düzenleme Satışları Hemen Artırma 15
Daha net olabilmek için kamp ekipmanı satan e-ticaret mağazasının davasını kaldırmak istiyorum. Google Analytics'ten insanların%75'e kadar ödeme sayfasında "araba terk etme" olduğunu fark ettiler, bu da şok edici bir numara.
Sayılardan karşılaşılan sorunlar: Birçok kişi kasaya girer, ancak ödeme yapmaz.
Oturum Kayıtlarını İzlemeden Keşfedilen: Ekip, Microsoft Clarity'yi yükledi ve kullanıcının kullanıcıyı ödeme sayfasından kullanmasını izlemeye başladı. Çok ilginç bir "ortak davranışı" buldular: "Adresi doldurmak için mobil ekran aşağı, ancak" Şimdi Öde "(şimdi ödeme) (şimdi ödeme). Düğmesi), kredi kartı bilgilerini doldurduktan sonra ödeme düğmesini göremedikleri ve kafa karıştırıcı bir sorunu olduğunu düşünüyorum.
Çözümler: Web geliştirme ekibi kodu kolayca düzeltti. Sadece "hemen ödeme" düğmesini yapın, mobil aracılığıyla izlerken her zaman ekranda yüzen bir yapışkandır.
Bulgular: CART terk oranının yenilenmesinden sadece bir hafta sonra% 75'ten% 60'a düştü ve toplam satışların diğer tasarımları veya hatta ek reklam bütçelerini değiştirmeden% 15 oranında artmasına neden oldu. Bu, büyük bir etkisi olan "kör noktaları" arama gücüdür. E-ticaret için verimliliği artırmak için denetimin kalbi olan
İllüstrasyonlar istemi: mobil ekranda ekran öncesi ve sonrası görüntü. İlk resim, kullanıcının ücretli bir ücret bulmak için alttan kayması gerektiğini ekranı gösterir. After, her zaman altında yüzen yapışkan çubuk olan "anında paylı" düğmesini gösterir. Kayda değer sonuçlar gösteren sayılarla
Takip etmek istiyorum, nasıl başlarsınız? Kontrol listesi el ele almak için 5 adım
Burada okuyun, muhtemelen kendi web sitenizi analiz etmeye başlamak istersiniz, değil mi? Hiç zor değil! Bu 5 kontrol listesini hemen takip edin:
- Araçları seçin ve yükleyin:
- Microsoft Clarity (ücretsiz ve güçlü nedeniyle yeni başlayanlar için önerilir) veya hotjar'a (temel kullanım için yeterli olan ücretsiz bir planla) gidin
- Üyelik için başvurun ve web siteniz için bir proje oluşturun.
- Web sitenizin web sitesinde elde edilen izleme kodunu kopyalayın (WebFlow veya WordPress kullanıyorsanız, kodu koymak için basit bir kod olacaktır).
- Hedefler belirleyin ve bilgi bekleyin:
- İlk sayfa, sayfa/ürün, reklamlardan açılış sayfası ve ödeme gibi en önemli web sayfasını seçin.
- Araçların 1-2 hafta veya güvenilir veri sağlamak için yeterli oturum (yüzlerce ila binlerce) olana kadar veri toplamaya başlamasına izin verin.
- Genel resmi görmek için ısı haritalarını analiz edin:
- Kaydırma haritasını açın. Çoğu insanın CTA'nızı görüp görmediğini görüyor musunuz? Büyük bir sorun olan düğmeyi görmeden önce kullanıcının% 80'i sönerse.
- "Ölü tıklamaları" görmek için tıklama haritasını açın mı? Karışıklığı azaltmak için ayarlanması gereken nokta budur.
- Oturum Kayıtları ile Matkap:
- Her videoyu izlemeyin! Filtreyi yalnızca "ilginç" oturumu filtrelemek için kullanın, örneğin kasada kullanıcının sayfadan çıkmadığı oturum gibi. Teşekkür ederim (bu ödeme yapmaz), öfke tıklamaları olan oturum veya olağandışı kısa oturumlar.
- Sorunları olan 10-20 kayıtlara bakın ve "desen" veya tekrarlanan katılım davranışı bulmaya çalışan.
- Hipotez oluşturun ve düzenleyin:
- Bir hipotez yapmak için gördüğünüz bilgilerden, "kullanıcının formu doldurmadığına inanıyorum çünkü çok uzun. Kanal sayısını 2 kanal haline getirirsem, insanlar formu dolduracaktır."
- Varsayımı tanıtın, daha sonra yaptığınız şeyin gerçekten etkili olup olmadığı orijinal araçla sonuçları tekrar ölçmek için geri gelin. , sonuçlara odaklanan B2B web sitesi için UX denetiminin temel sürecidir
İllüstrasyonlar istemi: 5 -adım infoxlist, her öğede simgeler. (Araçlar seçin, bilgi bekleyin, ısı haritasını analiz edin, kayıtlara bakın, düzenleme ve ölçün) hemen anlaşılmasını ve takip etmesini kolaylaştırmak için.
İnsanların merak ettiği sorular (SSS)
S: Bu araçların kurulumu web sitemi yavaşlatacak mı?
Cevap: Endişelenme. Clarity ve Hotjar gibi modern araçlar, eşzamansız olarak çalışmak üzere tasarlanmıştır, bu da web sitenizin ana içeriği yüklemeyi bitirdikten sonra kendini indireceği anlamına gelir. Web'in hızı üzerindeki etkisi o kadar küçük ki, hiç hissettiremiyor.
S: Kullanıcı verilerinin gizliliği (PDPA/GDPR) ne olacak?
Cevap: Bu çok önemli! Bu araçlar, şifreyi, telefon numarasını veya kredi kartı bilgilerini doldurma gibi "gizli" (maske) otomatik kişisel bilgiler olacaktır. Oturum kaydı videosunda bir Chan (****) olarak gösterilecek ve kullanıcıların gizliliğini ihlal etmeden davranışı görmenizi sağlayacaktır.
S: Isı haritası ve oturum kaydı arasında neye dikkat etmelidir?
Cevap: Önce "Heatmap" ile başlamalıdır. Heatmap, geniş ve hızlı bir "genel bakış" verecektir. Önemli bilgileri görmek için aşağı kaydırmayan insanlar gibi web sayfasında büyük sorunun nerede olduğunu görmenize yardımcı olur. Şüpheli bir nokta bulduğunuzda, o sayfadaki kullanıcıların "oturum kayıtlarını" izleyerek "derinlemesine". "Neden" cevabını bulmak için bu davranışa sahipler
Soru: Oturum kaydını kaç video izlemeliyim?
Cevap: Hepsini izlemek zorunda değilsiniz! Anahtar "desen aramak" her ayrıntı değildir. Bir sorunu olan bir sorun bulmak için filtre filtresini kullanmaya çalışın ve ardından 15-20 video izleyin. Sorunu tekrar tekrar görme eğilimindesiniz, bu da iyileştirilecek varsayım oluşturmak için yeterli. güvenilirliği doğrudan etkileyen kötü bir klinik web sitesi için gereklidir
İllüstrasyonlar istemi: İnsanlar soru soruyor. Net bir cevap kutusu ile çözümü iletir
Özet: Tahmin etmeyi bırakın ve müşterinin gördüğü gibi "görmeye" başlayın.
"Güzel" bir web sitesi oluşturmak zor değildir, ancak "gerçek şeyleri satabilecek" bir web sitesi oluşturmak başka bir konudur. Sorunun nerede olduğunu tahmin ederek satışları artırmaya çalışmak. Okyanusta bir iğne bulmaya çalışmak gibi, hem atık hem de bütçe israfıdır.
Heatmap ve oturum kaydı sizi "Guess" den "analist" olarak değiştirecek araçlardır. Müşterinin bakış açısıyla web sitenizi görmenize gerçekten yardımcı olan yeni bir göz çifti. Her tereddütü, her karışıklığı ve ortaya çıkan tüm hayal kırıklıklarını, noktada düzeltmeye ve ölçmeye yol açar.
Müşterilerinizi ve karınızı tekrar çalmak için görünmez olan "kör noktaların" izin vermeyin. Bugün, web sitenizi ciddiye "parlatmaya" başlamak için en iyi gün.
"Mutlu bir müşteri" olmak için karıştırılan "ziyaretçileri" değiştirmenin zamanı geldi! Bugün kullanıcı davranışı analiz araçlarını yüklemeye başlayın. Ve bu bilgilerden öğrendiklerinize hayran kalacaksınız!
Bu verileri derinlemesine analiz etmenize ve gerçek bir yaşam geliştirme planına dönüştürmenize yardımcı olacak bir uzmana ihtiyacınız varsa. Dönüşüm oranı optimizasyon ekibimiz web sitenizde gizli büyüme fırsatları bulmak için e-ticaret için UX/UI denetim hizmeti ile başlayın
Son blog

Davanın derinlikte, web sitesi dönüşüm oranını ve kayıtlı kayıt sayısını artırmak için CRO ve UX ilkelerini kullanarak SaaS StarPup'a tasarlamaktadır.

KOBİ, kurumsal, e-ticaretten fiyatı etkileyen faktörlerle özel web sitesine her bir web sitesinin maliyetini dağıtın.

Bilgi mimarisi (IA) veya veri mimarisi ilkelerini açıklayın. Kullanıcıların kolayca bilgi bulabilmeleri için web'deki içeriği ve menüyü düzenlemeye nasıl yardımcı olur