Kullanıcıları Daha İyi Anlamak için Microsoft Clarity'yi Kullanma

Microsoft Clarity, kullanıcıların web sitenizle nasıl etkileşimde bulunduğunu analiz etmenizi sağlar. Google Analytics'i tamamlar ve ısı haritaları ve oturum tekrarları gibi araçlar aracılığıyla kullanıcı içgörüleri sağlar. Clarity'nin benzersiz özellikleri nelerdir ve bunlar web sitenizin kullanıcı deneyimini nasıl iyileştirebilir?

Bu günlerde, analitik boldur. Web siteniz hakkında ayrıntılı veri toplamak için bir programa ihtiyacınız varsa, seçenek sıkıntısı çekmezsiniz. Bununla birlikte, birçok analitik programı, tasarım kararlarına dönüştürülmesi zor olan dik öğrenme eğrilerine ve verim metriklerine sahiptir.

Microsoft Clarity, kullanıcı etkileşimlerini görsel içgörülere dönüştüren davranışsal bir analiz aracıdır. Clarity, sitenizin hangi bölümlerinin en çok ve en az etkileşimi sağladığını ortaya çıkaran çeşitli panolar, ısı haritaları ve oturum tekrarları sunar. Ayrıca, kafa karışıklığına ve düşük performansa neden olan sorunları analiz etmeyi kolaylaştıran öfkeli tıklamalar ve ölü tıklamalar gibi özelliklere de sahiptir.

Clarity'nin En Güçlü Özellikleri Nelerdir?

Clarity'yi oluşturan ekipte bir yazılım geliştiricisi olarak, tasarımcıların kullanıcılarını daha iyi anlamalarına nasıl yardımcı olabileceğini ilk elden gördüm. Clarity'nin özellikleri yalnızca sağlam olmakla kalmaz, aynı zamanda karmaşık ve düzenlidir. Her şey Clarity panosuyla başlar.

Clarity Dashboard: Üst Düzey İçgörüler ve İncelikli Filtreler

Clarity'nin ana panosu, oturum ölçümlerini, trafik kaynaklarını ve kullanıcı hayal kırıklığını gösteren çizelgeleri görüntüler. Ayrıca imleç hareketleri, işletim sistemleri ve yeniden boyutlandırılmış sayfalar gibi daha incelikli kriterlere göre arama yapmanızı sağlayan gelişmiş filtreler sağlar.

Ayrıca, Clarity size sınırsız özel etiket oluşturma seçeneği sunar—inceleme için belirli oturumları bulma yeteneğinizi hızlandıran özel yapım filtreler. Özel etiketler özellikle şunları yapmanız gerektiğinde kullanışlıdır:

• Form gönderimleri ve satın almalar gibi dönüşümleri belirleyin
• Belirli kullanıcılar için ısı haritalarını ve oturum kayıtlarını bulun
• Belirli kullanıcıların ne zaman oturum açtığını ve ne tür sayfaları görüntülediklerini takip edin

Hayal kırıklığı Metrikleri: Kullanılabilirlik Sorunlarını Tanımlayın ve Ortadan Kaldırın

Kontrolsüz bırakılırsa, kullanılabilirlik sorunları web sitesinin terk edilmesine yol açar. Neyse ki, Clarity'nin hayal kırıklığı ölçümleri, UX tasarım kusurlarını öneren etkileşimleri izole ediyor:

• Öfke tıklamaları : Bir kullanıcı aynı alanı birkaç kez hızlı bir şekilde tıklatır. Öfke tıklamaları, yetersiz hedef boyutlarına veya yanıltıcı görsel tasarıma işaret edebilir.
• Ölü tıklamalar : Bir kullanıcı bir öğeye tıklar ancak hiçbir şey olmaz. Ölü tıklamalar, kopuk bağlantıların sonucu olabilir.
• Aşırı kaydırma : Bir kullanıcı, ortalama bir kullanıcıdan daha sık bir şekilde bir sayfada aceleyle yukarı ve aşağı kaydırır. Aşırı kaydırma, zayıf keşfedilebilirliği veya alakasız içeriği gösterebilir.
• Hızlı geri dönüşler : Bir kullanıcı bir sayfayı ziyaret eder ve hızlı bir şekilde öncekine geri döner. Hızlı geri dönüşler, yanıltıcı simgeler veya içerik açıklamalarından kaynaklanabilir.

Oturum Tekrarları: Kullanıcıların Sitenizi Gerçekten Nasıl Deneyimlediğini Görün

"Kayıtlar" sekmesi, oturum tekrarlarını izleyebileceğiniz yerdir. Tekrarlar, imleç hareketlerini ve tıklamaları izlemeye ek olarak, giriş ve çıkış URL'leri, oturum süresi, tarih ve cihaz gibi bilgileri içerir.

Clarity ayrıca, kullanıcılar hiçbir şey yapmadığında uzun bölümlere göz atmanıza olanak tanıyan bir "Etkinliği atla" onay kutusu sunar; bu, birden çok oturumu görüntülerken büyük bir zaman tasarrufu sağlar.

Her videonun üzerinde, "Daha fazla ayrıntı" seçeneği, kullanıcıların eylemlerinin bir zaman çizelgesini gösterir. Her eylem tıklanabilir ve kayıttaki yeri ile bağlantılıdır.

Isı Haritaları: En Çekici İçeriğinizi Görselleştirin

Isı haritaları, toplu oturumları görselleştirmenin ve kullanıcıların bir sayfayla nasıl etkileşimde bulunduğunu anlamanın kolay bir yoludur. Daha sıcak renkler daha popüler alanları, daha soğuk renkler daha az popüler alanları gösterir. Clarity'de üç tür ısı haritası bulunur:

• Tıklama ısı haritaları , kullanıcıların bir masaüstü sayfasında nereye tıkladıklarını gösterir.
• Dokunma ısı haritaları , kullanıcıların mobil ve tablet sayfalarında nereye dokunduğunu gösterir.
• Kaydırma ısı haritaları , kullanıcıların bir sayfada ne kadar aşağı kaydırdığını gösterir.

Tıkla ve dokun ısı haritaları, çekici içeriği belirlemeye yardımcı olabilir ve tasarım yinelemelerini karşılaştırmak için temel olarak hareket edebilir. Ayrıca, "Oynat" düğmesi içeren bir illüstrasyon gibi, kullanıcıların yanlışlıkla etkileşimli olduğunu düşündükleri öğeleri de ortaya çıkarabilirler.

Kaydırmalı ısı haritasını kullanarak, o noktaya ulaşan kullanıcıların yüzdesini görüntülemek için sayfanın bir bölümünün üzerine gelebilirsiniz. Kaydırma ısı haritaları ayrıca, kullanıcıların kaydırmadan önce gördükleri bir sayfanın üst kısmındaki ortalama bir katlamayı da tanımlar.

Not: Pano filtreleri, "Kayıtlar" ve "Isı Haritaları" sekmelerine de uygulanabilir.

Clarity Ayarlarında İnce Ayar Nasıl Yapılır?

Microsoft Clarity, yeni projeler başlatmayı, verileri maskelemeyi ve belirli IP adreslerini engellemeyi kolaylaştırır. Ayrıca, web sitenizin güçlü ve zayıf yönlerinin daha ayrıntılı bir resmini sağlamak için Google Analytics ile entegre olur.

Netlik Kurulumu: Popüler Üçüncü Taraf Platformlarla Uyumlu

Clarity'de oturum açtıktan sonra “Projeler” sayfanıza yönlendirileceksiniz. “YENİ BİR PROJE EKLE” seçeneğine tıklayarak ve siteniz için ayrıntıları girerek başlayın. Clarity'nin işlevselliğinin, trafik hacminden bağımsız olarak tüm web siteleri için mevcut olduğunu belirtmekte fayda var.

Bir proje oluşturduktan sonra “Kurulum” sayfasına yönlendirileceksiniz ve size bir Clarity izleme kodu verilecek. Kodu kopyalayıp sayfanızın <head> HTML bölümüne yapıştırın veya Clarity'nin WordPress eklentisi veya Google Etiket Yöneticisi şablonu aracılığıyla yükleyin. Clarity ayrıca birden çok üçüncü taraf platformu için kurulum talimatları sağlar.

Maskeleme: Web Sitenizin Verilerini Koruyun

Clarity'nin web sitenizin hassas metnini yakalamasını engelleyen üç maskeleme modu vardır:

• Katı : Tüm metin maskelenir.
• Dengeli : Yalnızca hassas metin maskelenir. Hassas metin, giriş alanlarını, sayıları ve e-posta adreslerini içerir. (Bu, Clarity'nin varsayılan ayarıdır.)
• Rahat : Hiçbir metin maskelenmez.

Clarity'nin maskeleme modlarına ek olarak, resimler gibi belirli içerikleri de maskeleyebilirsiniz.

Not: Clarity'nin tıbbi kayıtlar veya finansal bilgiler gibi hassas veriler içeren sitelerde kullanılması önerilmez.

IP Engelleme: Belirli Ziyaretçileri Takipten Çıkarın

IP engelleme, belirli IP adreslerinin Clarity tarafından kaydedilmesini engeller. Örneğin, ekip üyelerinizden site ziyaretlerini engellemek isteyebilirsiniz. Engellenenler listesindeki adreslerden gelen trafik, projenizin kontrol panelinde görünmeyecektir.

Google Analytics: Netlik Kayıtlarına Bağlantı

Platformlar arasında benzerlikler olsa da Google Analytics ve Clarity rakip değil, birbirini tamamlıyor. Google Analytics, trafiği ve e-ticaret performansını ölçer. Clarity, benzer metrikleri izler, ancak aynı zamanda kullanıcıların sitenizde gerçekte nasıl gezindiğini ve sitenizle nasıl etkileşim kurduğunu görmenize de olanak tanır.

Örneğin, Google Analytics'te düşük performans gösteren bir sayfa fark ederseniz, kullanıcı oturumlarını izlemek ve sayfanın tasarım kusurlarını belirlemek için Clarity'yi kullanabilirsiniz. Aslında, Clarity, Google Analytics kontrol panelinizden oturum oynatmalarına bağlanmanın kolay bir yolunu sağlar.

Microsoft Clarity, Değerli Kullanıcı Bilgileri Sağlıyor

Tasarımcılar, kullanıcı araştırmasına, bilgi mimarisine, prototip oluşturmaya ve test etmeye sayısız saatler harcarlar. Davranışsal analitik, bu devam eden keşif ve iyileştirme süreci için hayati öneme sahiptir, çünkü hangi tasarım seçeneklerinin işe yarayıp hangilerinin yaramadığını ortaya çıkarırlar. Sezgisel özellikleri ve grafik sadeliği ile Microsoft Clarity, tasarımcıların karmaşık kullanıcı davranışlarını veri destekli tasarım kararlarına dönüştürmesine yardımcı olur.

Toptal Tasarım Blogunda daha fazla okuma:

• Hotjar: UX ve Dönüşüm İpuçları
• Kitleler için UX Testi: Basit ve Uygun Maliyetli Tutun
• Kim, Ne ve Neden – Kullanıcı Test Yöntemleri Kılavuzu