Kullanıcı Davranışını Anlamak En İyi Web Sitesi Tasarımı

Bu yazıda, web sitenizdeki müşteri davranışını nasıl izleyeceğiniz, UX web sitesi analizindeki yenilikler ve en iyi web sitesi tasarımını elde etmek için kullanıcı davranışını izlemek için bir ısı haritası kullanmanın tüm nedenlerinden bahsedeceğiz.

Ne Bulacaksınız:

• Kullanıcı Davranışı Nedir?
• UX Tasarımı Bir Çevrimiçi Mağazanın veya Web Sitesinin Tanıtımını Nasıl Etkiler?
• Isı Haritası Araçları ile Kullanıcı Davranışı Analizi nedir?
• Web Sitesi İzlemeniz Gereken Bir Şeyi Neden Tıklar?
• Web Sitesi Tıklamaları ve Kaydırma Analizi Yoluyla Kullanıcı Davranışı
• Canlı Web Sitesi Örneği Üzerinde Kullanıcı Davranışının Görsel Sunumu

Siteniz İçin Mükemmel Tasarımlar Yaratın

Makaledeki kullanıcı davranışıyla ilgili tüm örnekler, Plerdy ısı haritası ile toplanan 40 milyondan fazla tıklamayla ilgili benzersiz istatistiklere dayanmaktadır .

Bir şey satın aldığınız anı düşündüğünüzde, üründen çok duygularınızı hatırlamanız daha olasıdır. Bir çevrimiçi mağaza veya web sitesiyle herhangi bir etkileşim, duygusal belleğinize kaydedilir ve web sitesindeki davranışınızın bir parçasıdır.

Kullanıcı Davranışı Nedir?

Bugün web, evlerimizden çıkmadan sipariş verebileceğimiz tonlarca ürün ve hizmet sağlıyor. Örneğin, google'da 'pizza sipariş et' araması yaparsanız, arama size 1,1 milyardan fazla teklif gösterecektir. Aynı şey diğer birçok ürün kategorisi için de geçerlidir.

Bu, şu soruyu akla getiriyor: Web sitenizin kullanıcı deneyiminin, potansiyel alıcıların %99'unu terk edebilecek olumsuz duygu ve davranışları tetikleyebileceğini hiç fark ettiniz mi? İşte sizi herhangi bir UX sorunu için web sitenizi kontrol etmeye ve analizlerinizi biraz takip etmeye ikna edecek bazı istatistikler :

• • Müşterilerin %79'u, mevcut web sitesi beklentilerini karşılamadığında başka bir web sitesi arayacaklarını kabul ediyor.
  • Akıllı telefon kullanıcılarının %96'sı, mobil sürümleri olmayan veya mobil görüntüleme için uyarlanmamış web siteleriyle karşılaştı.
  • Kullanıcıların %52'si, olumsuz bir mobil deneyimin şirketinizle etkileşim kurma olasılığını azalttığını belirtiyor.
  • Kullanıcıların %63'ü çeşitli cihaz türlerinde (akıllı telefonlar, tabletler, dizüstü bilgisayarlar, PC vb.) ürün veya hizmetlere göz atıyor.

Dijital pazarlama ve çevrimiçi müşteriler için kullanıcı deneyimini (UX) izlemenin önemini kanıtlayan, kullanıcı davranışıyla ilgili birçok benzer veri var. Öyleyse, UX analitiği hakkında bilmeniz gereken her şeyi tartışalım.

UX Tasarımı Bir Çevrimiçi Mağazanın veya Web Sitesinin Tanıtımını Nasıl Etkiler?

Bilgi mimarisi ve bulunabilirlik hizmetleri sağlayan bir danışmanlık firmasının başkanı Peter Morville, web sitesi UX'ini ve davranışını etkileyen aşağıdaki faktörleri tanımlar:

Başka bir deyişle, iyi bir UX'e sahip bir web sitesi şöyle olmalıdır:

• Kullanışlı

Web sitesi içeriği, müşterilerin ihtiyaçlarını tam olarak karşılamalı ve olumlu davranışlar uyandırmalıdır.

• Kullanılabilir

Kullanım kolaylığı, kullanıcı deneyiminin önemli bir bileşeni olmaya devam ediyor ve iyi kullanıcı davranışı sağlıyor.

• arzu edilir

Tüm görseller, marka ve tasarım öğeleri dikkat çekici olmalı ve olumlu duygu ve davranışlara yol açmalıdır.

• Erişilebilir

Tüm web sitesi öğeleri ve içeriği, engelli kişilerin erişimine açık olmalıdır.

• güvenilir

Web sitesinde yayınladığınız her şey, kullanıcıların size güvenmesini sağlamak için güvenilir ve doğru olmalıdır. Bu, web sitesindeki davranışlarını iyileştirir.

• Bulunabilir

İçerik iyi yapılandırılmış olmalı ve net bir navigasyona sahip olmalıdır.

İyi bir web sitesi UX ve davranışını sağlayan bu 6 faktörün tümü karşılanırsa, web sitesi ziyaretçileri kaynağınızı kullanmaktan keyif alacak ve iyi davranış gösterecektir. Bu nedenle, bu faktörleri takip etmeye değer.

Ancak sadece bahsedilen istatistikler ve analiz sonuçları değil, UX'in önemli bir rol oynadığını kanıtlıyor. Son zamanlarda Google, 108 sayfalık bir çevrimiçi kitap – UX playbook yayınladı . UX ile satışların nasıl artırılacağına dair test edilmiş ipuçlarıyla dolu. İnceleme, çok çeşitli araştırma, analiz ve makalelerin A/B testlerine dayanmaktadır. Binlerce perakende web sitesini inceleyen Google Analytics, belirli evrensel UX öğelerinin olduğunu keşfetti.

Kitap, bir mobil web sitesinin UX'ini 6 temel alanda analiz etmeye ve iyileştirmeye yardımcı olan bir kontrol listesi içerir:

• Ana sayfa/açılış sayfası.
• Menü ve navigasyon.
• Arama.
• Kategori/ürün.
• Dönüştürmek.
• Form optimizasyonu.

Kaliteli bir web sitesi UX, yalnızca bir müşterinin sitenizdeki davranışını iyileştirmekle kalmaz, aynı zamanda arama sıralamanızı da iyileştirir. Mobil web sitesi kullanılabilirliğinin en önemli 200 sıralama faktöründen biri olduğunu unutmayın . Yeni Google Mobil Öncelikli Dizine Ekleme yaklaşımı, web sitesi UX'ine de büyük önem veriyor.

✨ Kaçırmayın: Kapsayıcı Web Tasarımı İçin En İyi Kılavuz + Nasıl Yapılacağına İlişkin İpuçları

Isı Haritası Araçları ile Kullanıcı Davranışı Analizi nedir?

Çevrimiçi mağazaların çoğu, kullanıcı davranışını izlemek için benzer analizleri kullanır. Bunu, mevcut tüm web kaynaklarının zaten test edildiğine ve potansiyel müşteriler için oldukça uygun olduğuna dair öznel bir inanç nedeniyle yaparlar. Gerçekte, her sitenin veya çevrimiçi mağazanın sizinkinden farklı davranabilecek benzersiz bir hedef kitlesi vardır.

Bu nedenle, potansiyel müşterilerinizin çevrimiçi mağazanızda nasıl davrandığını anlamak için bir tıklama ısı haritası kullanmanız gerekir.

Bu analiz haritasıyla toplanan veriler, kullanıcıların tercihleri ​​ve davranışları hakkında daha fazla bilgi edinmenizi sağlayacaktır. Ayrıca, müşterilerin satın alma işlemini tamamlamasını engelleyen tüm engelleri veya kusurları da göreceksiniz.

Bu tür araştırma ve izleme yöntemleri, bir çevrimiçi mağazanın dönüşümünü artırmaya ve daha iyi bir kullanıcı deneyimine yardımcı olabilir.

Isı Haritası Analiz Araçları ile Kullanıcı Davranışı İzleme

Bu izleme aracı, verileri toplar ve bir web sitesini görüntülemek için kullanılan cihazın türüne ve bu sitedeki kullanıcıların davranışına göre bölümlere ayırır.

Bunların ek bir avantajı, tüm dinamik web sitesi öğeleriyle (pop-up'lar, menüler vb.) davranışsal etkileşimleri izleme yeteneğidir. Yine, her şey gerçek zamanlı olarak gerçekleşir.

Web sitesi izleme verilerini işleyen bu ısı haritaları, yalnızca tıklamaların gerçekleştiği yeri tespit etmekle kalmaz, aynı zamanda sıralarını da kaydeder. Analitik aracı, bir sayfayı yüzde bazında 5 parçaya böler ve her birindeki tıklama sayısını izler. Ayrıca, kullanıcıların davranışının çok önemli bir yönü olan kaydırma derinliğini de izler. Önemli bilgileri yerleştirmek için en uygun noktaları (maksimum tıklama yapılan alanlar) tanımlamak için bu verileri kullanıcı davranışıyla ilgili kullanabilirsiniz.

Çeşitli web kaynaklarının sayfalarında kullanıcı deneyimi ve davranışlarını izleyerek ve araştırarak elde ettiğimiz rakamlardan ve sonuçlardan biraz daha bahsedelim.

Isı Haritası Verilerine Dayalı Kullanıcı Davranışı Analizi

Kullanıcı davranışı farklılık gösterir ve bir web sitesinin konusuna, trafik kaynağına ve bir web sitesi ziyaretçisinin niyetine bağlıdır. Daha kesin bir kullanıcı davranışı analizi için çeşitli kaynaklardan yaklaşık 100 milyon tıklama topladık. Bu etkileşimler, farklı konu ve işlevlere sahip web sitelerinde yapıldı.

Trafik kaynağına göre gruplandırılmış toplam tıklamaların grafiğini burada bulabilirsiniz. Kullanıcı davranışına ilişkin sonraki çalışmalarımızda bu analitik verilere güvendik.

Cihaz Türüne Göre Toplam Tıklamaların Segmentasyonu

Grafikten de görebileceğiniz gibi, en fazla tıklama PC'lerde yapıldı. Mobil tıklamaların sayısı önemli ölçüde daha düşüktür ve en az tıklama tablet kullanıcılarına aittir.

Herkes mobil trafiğin yıldan yıla istikrarlı bir şekilde arttığını bilir ve bu aynı zamanda kullanıcı davranışını da etkiler. Bu mantıklı bir soruyu gündeme getiriyor: Neden çoğu tıklama hala masaüstlerinde yapılıyor?

Cevap basit. Kullanıcılar bir mobil cihazdan bir web sitesini ziyaret ettiğinde, yalnızca belirli bir amaç için (başka bir sayfaya gitmek, bir düğme veya etkin bir bağlantı seçmek için) tıklarlar. Geri kalan zamanda kaydırırlar. Kullanıcılar bir PC'den göz atarken, genellikle fareyle metnin üzerine gelir, öğeleri vurgular, kopyalar veya boş tıklamalar (web sitesi öğelerinin dışındaki tıklamalar) olarak adlandırılır. Hedeflenen tıklamalar, toplam etkileşimlerin ve davranışlarının yalnızca bir bölümünü oluşturur.

Tıklamadan Önce Farenin Üzerine Gelmelerinin Analizi

Grafik, bir masaüstü web sitesi sürümünün kullanıcılarının, öğeleri tıklamadan önce (en az 2 saniye durun) çok daha sık fareyle üzerine geldiklerini açıkça göstermektedir. Bu, içeriği dikkatlice okudukları veya tereddüt ettikleri anlamına gelir.

Genel davranış kalıplarını (farklı trafik kaynaklarına ve cihazlara dayalı tıklamalar) öğrendikten sonra, web sitenizi ziyaret edenlerin eylemlerini ve davranışlarını tahmin edebilir ve web sitenizi daha verimli kullanmalarına yardımcı olabilirsiniz.

Kullanıcı davranışının daha ayrıntılı takibi, analizi ve tahmini için, bir sayfanın bölümleri arasındaki tıklamaların dağılımını gösteren bir grafik de hazırladım.

Scroll Derinliğine ve Cihaz Tipine Göre Tıklamaların Dağılımı

Aşağıdaki grafik, tıklama sayısının cihaz türüne ve sayfanın bölümüne nasıl bağlı olduğunu gösterir:

Gördüğünüz gibi, kullanıcılar en çok tıklamayı sayfanın ilk bölümlerinde (%0-20) yaptı. Diğer bölümlerden gelen tıklamaları ekleseniz bile, yine de daha azdır.

Grafik ayrıca, sayfanın ikinci bölümünden itibaren (%20-40) tıklamalarda önemli bir düşüş olduğunu gösteriyor. Bu, içeriğinizin yapısını planlamanız gerektiği anlamına gelir. Olumlu davranış oluşturmak için çok önemli olduğu için kullanıcılar için en kritik olan bilgiler her zaman ilk bölümde yer almalıdır.

Tabii ki, tüm sayfalar aynı değildir. Farklı boyut ve tasarımlara sahip olabilirler. Bununla birlikte, bu grafik bir ana fikri ifade eder - müşterileri elde tutmak istiyorsanız, harekete geçirici mesajları sayfaların en üstüne yerleştirin.

Bir Sayfanın Bölümüne Bağlı Olarak Tıklama Sıralarının Dağılımı

Önceki grafik, ana bilgilerin nereye yerleştirileceğini gösterirken, sonraki grafik, kullanıcıların web sayfalarında nasıl gezindiklerini ve en sık ne yaptıklarını anlamaya yardımcı olur.

Tıklama dizileri, cihaz türüne göre kasıtlı olarak bölümlere ayrılmıştır. Bu, kullanıcı davranışının daha net bir genel resmini görmek için gereklidir.

PC'lerde Tıklama Sıralarının Dağılımı

Grafik, çoğu kullanıcının ilk tıklamasını sayfanın üst kısmında bir yerde (%0-20) yaptığını gösteriyor. Ayrıca, sayfaların ikinci (%20-40) ve sonraki bölümlerinde ilk tıklama sayısı keskin bir şekilde azalmaktadır.

Böyle bir dağılım aynı zamanda farklı sayfa bölümlerindeki ilk tıklamaların sayısının her zaman ikinci, üçüncü vb. tıklamalardan daha fazla olduğunu gösterir.

Bu grafikten ne gibi sonuçlar çıkarabiliriz?

Birçok kullanıcı ilk tıklamalarından sonra başka bir sayfaya gitmek için sayfadan ayrılır veya web sitesini tamamen kapatır. Önemli ölçüde daha az sayıda kullanıcı, sayfaya göz atmaya ve web sitesiyle etkileşime girmeye devam ediyor.

Akıllı Telefonlarda Tıklama Sıralarının Dağılımı

Mobil cihaz kullanıcıları arasında da durum benzerdir. Ancak bu durumda, sayfanın ilk (%0-20) ve ikinci (%20-40) bölümlerinde yapılan tıklama sayıları arasındaki fark daha belirgindir.

Bu, herhangi bir mobil web sitesi sürümünün en üstte gerekli tüm bilgileri içermesi gerektiği anlamına gelir. Kullanıcıların daha fazla ayrıntı aramak için aşağı kaydırması pek olası değildir.

Tabletlerde Tıklama Sıralarının Dağılımı

Böyle bir karşılaştırma, bir web sitesini farklı cihaz türleri için optimize etmek ve olumlu kullanıcı davranışı sağlamak için gereklidir. Örneğin, masaüstü sürümünüz sayfanın üst kısmında çok fazla bilgi içerebilirken, mobil sürüm sınırlı alana sahiptir. Kullanıcı davranışını iyileştirmek için mobil web sitenizi tasarlarken bunu dikkate aldığınızdan emin olun.

Sayfa Bölümlerine Göre Kaydırma Derinliğinin Dağılımı

Aşağıdaki grafik, kullanıcıların tıklama yapmadan sayfaları ne kadar derin kaydırdığını gösterir.

Göstergelere dayanarak, sayfanın belirli bir noktasında başlayan kaydırma derinliğinde kademeli bir düşüş tespit edebiliriz. Sayfanın her bölümü ile kullanıcı sayısı azalır. Ne kadar aşağı gidersek, o kadar az ziyaretçi kaydırmaya devam eder. Tıklamaların çoğu sayfanın ilk bölümünde yapıldığı için bu grafik de ikinci bölümden itibaren bir düşüş gösteriyor.

Web Sitesi İzlemeniz Gereken Bir Şeyi Neden Tıklar?

Potansiyel müşterilerin web sitenizde kendilerini rahat hissetmelerini sağlamak için, sayfaya geldikten hemen sonra ne yaptıklarını bilmeniz gerekir. Yani bu izlenmeye değer.

Hangi tıklamaları yaptıklarını, hangi bölümleri ziyaret ettiklerini ve web sitenizden satış dönüşüm hunisinin hangi aşamasında ayrıldıklarını öğrenin. Farklı web sitesi öğelerine yapılan tıklamaların sayısı aşağıdaki soruları yanıtlayabilir:

• Kullanıcılar web sitenizde nelerden hoşlanır ve satın almalarını engelleyen nedir?
• Neden bir web sitesi sayfasının dönüşüm oranı diğerinden daha yüksek?
• Web sitenizin hemen çıkma oranı neden yüksek (veya ayrı bir sayfanın çıkış oranı yüksek mi)?
• Web siteniz, tıklanabilir görünmeyen ancak tıklanabilir görünen öğeler içeriyor mu?
• İçerik iyi mi? Kaydırma derinliğini nasıl artırabilirsiniz?
• Dahili URL'ler ve ilginç teklifler yerleştirmek için en uygun noktalar nerelerdir?
• Belirli sayfada gösterilen açılır pencereler uygun ve etkili mi? (Çoğu kullanıcı açılır pencereyi kapatırsa, onu kaldırmayı denemeli ve onsuz nasıl davranacaklarını görmelisiniz).
• Eylem çağrılarınız ve diğer unsurlar etkili mi?

Ancak bu bilgilere sahip olduğunuzda memnun olmayan müşteri sayısını azaltabilecek, olumlu kullanıcı davranışını artırabilecek ve yeni müşteriler kazanabileceksiniz.

Web Sitesi Tıklamaları ve Kaydırma Analizi Yoluyla Kullanıcı Davranışı

İzleme komut dosyası yüklendikten hemen sonra Plerdy'nin tıklama ve kaydırma ısı haritalarının veri dilimini görüntüleyebilirsiniz. Kullanıcı davranışını izlemek için analitik aracının kenar çubuğunu açmak için Ctrl-Alt-H tuşlarına basmanız yeterlidir. İstatistikler her sayfada ayrı ayrı görüntülenir. İzleme bilgileri, Hotjar ve diğerleri gibi birçok benzer analiz aracı tarafından kullanılan ekran görüntüleri yerine canlı bir web sitesinde gerçek zamanlı olarak gösterilir. Bu, dinamik öğeleri izlemenize ve sayfalar ile ana gösterge panosu arasında geçiş yapmaktan kaçınmanıza olanak tanır.

Pano, belirli kullanıcı davranışı parametrelerine göre gruplandırılmış, toplanan tüm analitik verilerini içerir. Müşterilerin davranışlarını etkileyen web sitesi performansındaki sapmaları görmek çok kullanışlıdır.

Canlı Web Sitesi Örneği Üzerinde Kullanıcı Davranışının Görsel Sunumu

Hangi özellik düğmelerinin (ilgili bölüme yönlendiren) en yüksek TO'ya sahip olduğunu bulmak için web sitesi ziyaretçilerinin davranışını analiz etmek için kullanılan ısı haritaları izleme aracı. En popüler öğe, kullanıcıların analiz etmek istedikleri web sitesinin URL'sini veya etki alanını girebilecekleri alandır. İzleme verilerine göre bu alan sadece 1890 tıklama ile Ara butonuna kıyasla 10612 defa tıklanmıştır.

Bu nedenle, diğer kullanıcıların sadece Enter 'a tıkladığını ve sonuçları beklediğini veya web sitesini tamamen terk ettiğini varsayabiliriz.

Web sitesinin sahipleri bu davranış kalıbını görmezden gelseydi, tonlarca kullanıcı kaybederdi. Neyse ki, ziyaretçiler Enter'a tıklayarak bağlantı analizini çalıştırabilir. Tek sorun, analizin oldukça yavaş olması ve bu da insanları sayfadan ayrılmaya itebilir.

Öğeye yapılan toplam tıklama sayısının yanı sıra, kullanıcıların ilk hangi öğelere/bloklara tıkladığını da görüntüleyebilirsiniz. Bu, sayfaya geldikten hemen sonra ziyaretçilerin dikkatini neyin çektiğini ve bunun davranışlarını nasıl etkilediğini anlamanıza olanak tanır.

Arama çubuğunun CRT'sinin yalnızca doğrudan trafik için ayrı bir analizi, bu öğenin toplam doğrudan trafik tıklamalarının %12,3'üne sahip olduğunu gösterir (doğrudan trafik %47'yi oluşturur). Bu, bu sayfada arama çubuğu vurgulanmış olsa da, kullanıcıların dikkatlerini dağıtan diğer öğeleri de tıkladıkları ve bu durum davranışlarını etkilediği anlamına gelir.

Web sitenizin ziyaretçilerinin ilk tıkladığı yeri ve bunun davranışlarını nasıl belirlediğini bilmek istiyorsanız, analitik ısı haritaları çok yararlı olabilir. Yalnızca ilk tıklamaları trafik kaynağına göre değil, aynı zamanda tıklama sıralarına göre de filtrelerler.

Örneğin, organik trafikten gelen ziyaretçilerin ilk tıkladığı yerleri ve davranışlarını bu şekilde öğrenebilirsiniz.

Müşteri davranışının daha fazla analizi için sayfanın farklı bölümlerindeki tıklama dizilerinin önceki grafiklerine geri dönelim.

Bu ekran görüntüsünü inceledikten sonra, tüm tıklamaların %97,6'sının ilk ekranda yapıldığını bir kez daha söyleyebiliriz. Bu nedenle, sayfanın diğer 4 bölümü daha az etkilidir ve nadiren tıklanır.

Fareyle gezinme analizi, kullanıcıların öğeyle çok hızlı etkileşime girdiğini gösteriyor. Ziyaretçilerin çoğu web sitesine PC'lerde göz atsa da, ziyaretçilerin tıklamaları 2 saniyeden az sürer.

Kaydırma derinliği ile durum benzer. Serpstat'ın web sitesinin ana sayfası sekiz adet 1920×1080 piksel kaydırma ekranından oluşuyor. Toplanan verilere göre, kullanıcıların sadece %5'i ikinci ekranı görüntüledi ya da başka bir deyişle kaydırma yaptığı için ikinci ekrandaki davranış pek verimli olmadı.

Kaydırma derinliği analitik verileri, pratikte hiç kimsenin web sitesinin alt kısmını kontrol etmediğini bir kez daha kanıtlıyor, bu nedenle oradaki davranış neredeyse yok. Oraya herhangi bir ek eleman yerleştirmenin neredeyse hiçbir faydası yoktur.

Son sözler

Plerdy'nin ekibiyle birlikte yaptığım araştırma bu. Web sitenizin UX analizi ve kullanıcı davranışını anlama konusunda size yardımcı olacağını umuyoruz.