🔥 Görünümü değiştirmek için sadece 5 dakika

Isı haritaları ve oturum kayıtları nasıl kullanılır. E-ticaret web'de UX kör noktalarını bulun.

Çok uzun, okumak ister misin?

Güzel web, iyi trafik ... ama neden satış gelmiyor? E-ticaret sahibinin karşılaştığı ancak nasıl düzeltileceğini bilmediği sorun.

Hiç böyle hissettin mi? Muazzam pazarlama bütçeniz var. Trafik her gün e-ticaret web sitenize girene kadar çekim. Çok fazla insan var ... ama sipariş neden bu kadar sessiz? Müşteriler sepete ürün ekler ve sonra kaybolur. Sepetten ayrılmak, "görünmez duvarlar" gibi oynamak gibidir. Müşteriler ve "Ödeme düğmesi" arasında bir şey.

Her şeyi kontrol ediyorsun. Ürün çok güzel. Açıklama tamamlandı. Ayrıca promosyonlar var. Ama yine de tüm körlerle araba kullanmak gibi hissediyorum. Sadece arabanın ilerlediğini bilin, ancak önümüzdeki rotanın "delikler" veya "engeller" olduğunu görmeyin. Bu, e-ticaret insanlar için en klasik sorundur. Bir sorun olduğunu biliyorsunuz, ama "ne olduğunu göremiyorsunuz.

(İllüstrasyonlar istemi: Yüksek trafik gösteren ancak sepet boştur, karışıklık ve rahatsız edici olan bilgisayar ekranının önünde oturan e-ticaret işletme sahibi)

Neden "kör" yapıyoruz? Sorunu web sayfasında görmememizin nedeni.

Gerçek sorunu görmememizin ana nedeni. Çünkü Google Analytics gibi araçlardan "nicel verilere) çok fazla güveniyoruz. Bu bilgiler bize" birisi%80 ödeme sayfasını bıraktı "veya" insanlar ürün sayfasında çok az zaman harcadığını "söyleyebilir, ancak bize" neden "böyle olduğunu asla söylemedi.

İnsanlar neden sepeti terk ediyor? Çok küçük mü? Nakliye maliyeti şok edici mi? Veya form, adresi doldurmanın kullanımı zor mu? Sadece "tahmin edebiliriz". İş dünyasında tahmin, piyango oynamaktan farklı değil. Derinlemesine en önemli bilgiler olmadan iş kararları veriyoruz, yani "web sitemizi kullandığında müşteri deneyimi ve deneyim.

(İllüstrasyonlar istemi: Sol tarafın 2 tarafının karşılaştırılması, bir soru işareti ile karmaşık görünen Google Analytics'ten bir grafiktir (?) Sağ taraf, kafası karışan müşterilerin gözünden bir görünümdür. Web sayfasından hayal kırıklığına uğramış)

"Hasta" web sitesinin devam etmesine izin veriyorsa, ne olacak?

Bunları göremeyeceğimiz "kör noktalara" izin vermek devam edecek. Suyun sürekli olarak tanktan sızmasına izin vermek gibidir. Sonuçlar beklenenden daha ciddidir:

  • Reklamda her geçen gün
  • Dönüşüm oranı düştü: Müşterilerinizdeki değişim oranı asla iyileşmeyecek. Çünkü sıradaki engeller hala aynı
  • Müşteriler duygularını kaybeder ve asla geri dönmez: kötü deneyimler, müşterilerinizi "dökmek" ve kullanımı daha kolay rakiplere yönelmek için yeterlidir. çözmek UX göz ardı edilmemesi gereken önemli bir şeydir.
  • Rekabetçi fırsatları kaybetmek: Sorunu bulamasanız da, rakipleriniz sizi sollayana kadar müşterilerin deneyimini sızdırmak ve geliştirmek için doğru aracı kullanıyor olabilir.

Kısacası, aynı anda işin "her ikisini de kaybettiğiniz ve tüm geleceğini kaybedersiniz", çünkü müşterilerinizin neyle karşı karşıya olduğunu göremiyorsunuz

(İllüstrasyonlar istemi: Çubuğun grafiği satış ve dönüşüm oranını gösterir.

Işığı açın! Sorunun çözümü de doğrudan. Web sitesi için "CCTV"

İyi haber şu ki ... Artık "kör" yapmak zorunda değiliz! , web sitesi için müşterilerin tüm davranışlarını görmemize yardımcı olacak "CCTV" gibi teknolojiye sahibiz .

Bu araçlar nelerdir?

  • Heatmaps: Veri, davranış, kullanıcı (agrega) görüntülerini, RED gibi bir gösterge olarak kullanarak, insanların tıkladığı, fareyi hareket ettirdiği veya en çok baktığı alan görüntülemektir. "Sıcak" web sitesinin hangi kısmını ve hangi bölümün "göz ardı ettiğini" hemen bilerek uzmanlardan daha fazla bilgi Hotjar'da okunabilir: Heatmap nedir?
  • Oturum Kayıtları: Her müşterinin video kaydı tam olarak. Farenin hareketini göreceğiz, web sayfasını tıklayarak, yazdırmayı ve değiştireceğiz. Oturmak ve yanında kullanmak için onu izlemek gibi!

Güçlü ve yaygın olarak kullanılan araçlar Microsoft Clarity (%100 ücretsiz!) Ve Hotjar (ücretsiz bir sürüm ve para ile). Basitçe başlamak "Birini seçin ve web sitenize yüklenir".

(İllüstrasyonlar istemi: normal web sayfası, kırmızı sarı ve yeşil bölgede örtüşen bir ısı haritası olan web sayfasıyla karşılaştırma açıkça ve oturum kaydı videosu için bir simge vardır)

Gerçek durum: Çevrimiçi giyim mağazası, "Video İzlemeden" satışların% 30'unu sadece birkaç klip.

Görüntüyü açıkça görmek için ödeme sayfasında çok yüksek bir müşteri sorunuyla karşılaşan "Styeme" çevrimiçi moda giyim mağazasına bir örnek vermek istiyorum.

Sorunlar: Google Analytics'ten, kasaya ulaşan müşterilerin% 75'inin kaybolduğunu biliyorlar, ancak neden "ekibin ödeme ağ geçidi logosunun güvenilmez göründüğü veya olmaması olabileceğini tahmin etmiyorlar.

Yöntem: Microsoft Clarity'yi yüklerler ve müşterinin kasadan ayrılan oturum kayıtlarını izlemeye başlarlar. Buldukları şey şok edici! Birçok video aynı davranışı gösterir: müşteriler adını doldurur, bir sonraki düğmeye basın ve ardından son adım olarak ortaya çıkan "gönderim maliyetini" bulun. Müşteriler duracak. Fareyi ileri geri hareket ettirin ve ... web sayfasını kapatın! Ayrıca bir ısı haritası açtılar ve kimsenin bağlantıyı tıklamadığını buldular. "Teslimat Politikası" Aşağıda gizli

Sonuçlar: Takım hemen Bang Aor'a ulaşıyor! Sorun bir güvenilirlik değil, "müşteriler tarafından şaşıran bir nakliye maliyeti" dir. Bu nedenle, müşterilere teslimat göstererek yeni ödeme tasarımını ayarlarlar. "İlk adımdan" açıkça. Sonuç ** sepet oranı% 40'tan fazla azaldı ve toplam satışlar bir ay içinde% 30 arttı! ** Bu, asıl sorunu "görme" gücüdür. kalbi (dönüşüm oranı optimizasyonu)

(İllüstrasyonlar istemi: Birinci taraftaki ödeme sayfasının öncesi ve sonrası gizli nakliye maliyetini gösterir ve müşteri kafa karıştırıcıdır. Sonraki -yanda nakliye ücretini net bir şekilde gösterir ve müşteri gülümsüyor ve sipariş vermek için tıklıyor.)

Takip etmek istiyorum, nasıl başlarsınız? Heatmaps ve oturum kayıtlarını kullanmak için basit kontrol listesi.

Burada okuyun muhtemelen bu harika aracı e-ticaret web sitenizle denemek istersiniz, değil mi? Hiç zor değil! Bu kontrol listesini hemen takip edin:

  1. Araçları seçin ve yükleyin: % 100 ücretsiz ve güçlü olduğu için Microsoft Clarity ile başlamanızı öneririm Sadece uygulayın, izleme kodunu kopyalayın ve web sitenize yerleştirin. (Shopify, Webflow veya WordPress kolay olsun)
  2. Veri toplayın: Yüklendikten sonra, analiz için yeterli bilgi almak için en az 1-2 hafta boyunca kullanıcı davranışı için depolama araçlarına zaman verin.
  3. Isı haritalarını analiz edin:
    • Haritalar tıklayın: İnsanların hangi tıkladıklarını görün? İstediğimiz düğmeyi tıklıyor mu? Veya tıklanamayan resme tıklayın (tıklamasını beklediğini gösterin)?
    • Kaydırma Haritaları: Ne kadar derin kaydırıyorsunuz? CTA'nızın önemli bilgileri insanların görebileceği kadar yüksek mi?
    • Hareket Haritaları: Müşterinin faresi nerede? Bu, ilgilendiği veya karıştığı bir alan olabilir.
  4. Hedef oturum kayıtlarını izleyin: Her videoyu izlemeyin! Sadece "kasaya giren ancak satın almayan," web'de uzun zaman geçiren ancak dönüşüm olmayan ancak dönüşüm olmayan kişiler "gibi ilginç oturumları görmek için" filtreler "verin ve yukarı ve aşağı kaydırma gibi" sürtünme noktası "veya" trafik sıkışıklığı "nı gözlemleyin . Bu davranışları anlayarak başlamalıdır.
  5. Bir hipotez oluşturun ve değişiklik yapın: Bir hipotez yapmak için bir sorun olması gereken bir sorun bulduğunda ("Müşteriler bu sayfayı terk ettiği için ürünler sepete ürün eklemediğinden") ve ardından tasarımı veya içeriği düzeltin. Sonra gerçekten gelişip gelişmediğini görmek için sonuçları ölçmek için geri dönün.

, iyi bir kullanıcı deneyimi nedeniyle, bir bütün olarak Shopify mağazalarının hızını kesinlikle etkileyecek sürdürülebilir dönüşüm oranının kalbidir.

(İllüstrasyonlar istemi: 5 simgeli basit enfeksiyon (1. Kurulum, 2. 2. Veri toplayın, 3. Heatmap, 4. İzle kayıtlarını, 5. Test ve Geliştirme)).

İnsanların merak ettiği sorular (her soruyu temizleyin)

İşletme sahiplerinin net bir şekilde cevap vermek için ısı haritaları ve oturum kayıtlarını merak etme eğiliminde oldukları soruları derliyorum.

S1: Bu araçlar web sitemi yavaşlatacak mı?
C: Clarity veya Hotjar gibi modern araçlar, web hızını en az etkiye sahip olacak şekilde tasarlanmıştır. (Eşzamansız yükleme). Müşterileri anlamaktan elde edeceğiniz faydalar, hız etkisinden çok daha değerlidir. Ama her zaman sayfayı düzenli olarak kontrol etmelidir

S2: Google Analytics'ten nasıl farklı?
C: Google Analytics, "nicel" bilgilerini ilk sayfanın ilk% 50'sini giren 1.000 kişi gibi "ne olduğunu" anlatıyor, ancak Heatmaps & Oturum kayıtları gerçek davranış ve video göstererek "nitel" (nitel) "bu neden oluyor" dedi? Her ikisini birlikte kullanmalıyız.

S3: Müşterinin gizliliği (PDPA/GDPR) ne olacak?
A: Endişelenme. Bu araçlar, kişisel bilgileri korumak için yasa dikkate alınarak oluşturulur. "Gizlemek" veya "anonimleştirmek" önemlidir. İsim, adres, telefon numarası ve kredi kartı bilgileri gibi otomatik hassas bilgiler. Müşteri kişisel bilgileri olmayacaktır.

S4: Microsoft Clarity ve Hotjar arasında iyi olan nedir?
C: Yeni başlıyorsanız ve güçlü ve% 100 ücretsiz bir araç istiyorsanız, "Microsoft Clarity" i seçin. Ancak işletmeniz daha büyükse ve "Hotjar" sayfasındaki (para kaybı ile) anketler (anket) veya geri bildirim anketleri gibi daha gelişmiş özellikler istiyorsa mükemmel bir seçenektir.

(İllüstrasyonlar istemi: görüntü simgesi, büyük soru işareti ve çevreleyen 4 küçük simge (hız, gizlilik, analitik, araçlar) ucuz bir kene işaretine sahip).

Özet: Tahmin etmeyi bırakın ve bugün "İzle" yi başlatın!

ısı haritası ve oturumlar olmadan çalışmasına izin vermenin olduğunu görebilirsiniz Karanlıkta yürümekten farklı değil. Dönemde sadece analitiklerden gelen sayılara bağımlılık yeterli değildir. "Kullanıcı Deneyimi" yarışmanın kalbidir.

Bu araçları kurmak için yatırım (netlik kullanıyorsanız para gerektirmeyebilir). Hemen yapabileceğiniz "değerli" yatırım ve "maksimum getiri". Riskleri "gerçek verilerden gelen kararlara" sahip olan "tahmin" den bir değişikliktir. Müşterileri daha önce hiç olmadığı gibi anlayacaksınız. Ve satışlarınızı başarıyla tutan başarılı bir şekilde sızma

Rakiplerin sizi tekrar geçmesini beklemeyin. Online mağazanız için "CCTV" yükleme ve bugün "mutlu bir müşteri" olmak için sinir bozucu "ziyaretçileri" değiştirme zamanı!

Uzmanlarımızın "CCTV" a yardım etmesini ve satışların kilidini açmak için kör noktayı analiz etmesini ister, değil mi? Vision X Beyin size yardım etsin! E-ticaret derinlemesine ve verimlilik hizmeti var Web sitenizi gerçek bir para kazanma makinesine dönüştürecek dönüşüm oranı (CRO) Bugün ücretsiz bize danışın!

(İllüstrasyonlar istemi: İlham veren son görüntü, sıcak haritasının zemininde yükselen satışların bir grafiği ve yaptıktan sonra başarıyı yansıtan oturum kordel görüntüleri)

paylaşmak

Son blog

Vaka çalışması: SaaS başlangıç web sitesini nasıl şekillendiririz?

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.

Web sitesi işe alıyor? Her web sitesi türü için makul bir bütçe açın.

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

Bilgi Mimarisi (IA) nedir? Ve neden kullanımı kolay bir web sitesinin omurgası?

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