Menggunakan Microsoft Clarity untuk Lebih Memahami Pengguna

Microsoft Clarity memungkinkan Anda menganalisis cara pengguna berinteraksi dengan situs web Anda. Ini melengkapi Google Analytics dan memberikan wawasan pengguna melalui alat seperti peta panas dan replay sesi. Apa saja fitur unik Clarity, dan bagaimana fitur tersebut dapat meningkatkan pengalaman pengguna situs web Anda?

Hari-hari ini, analitik berlimpah. Jika Anda memerlukan program untuk mengumpulkan data terperinci tentang situs web Anda, Anda tidak akan kekurangan pilihan. Namun, banyak program analitik memiliki kurva pembelajaran yang curam dan metrik hasil yang sulit diterjemahkan ke dalam keputusan desain.

Microsoft Clarity adalah alat analisis perilaku yang mengubah interaksi pengguna menjadi wawasan visual. Clarity menawarkan berbagai dasbor, peta panas, dan pemutaran ulang sesi yang mengungkapkan bagian mana dari situs Anda yang paling banyak—dan paling sedikit—keterlibatannya. Ini juga memiliki fitur seperti klik marah dan klik mati yang memudahkan untuk menganalisis masalah yang menyebabkan kebingungan dan kinerja yang buruk.

Apa Fitur Paling Kuat dari Clarity?

Sebagai pengembang perangkat lunak dalam tim yang membangun Kejelasan, saya telah melihat secara langsung bagaimana hal itu dapat membantu desainer lebih memahami penggunanya. Tidak hanya fitur Clarity yang kuat, mereka juga tidak rumit dan tidak berantakan. Semuanya dimulai dengan dasbor Clarity.

Dasbor Kejelasan: Wawasan Tingkat Tinggi dan Filter Nuansa

Dasbor utama Clarity menampilkan metrik sesi, sumber lalu lintas, dan bagan yang menunjukkan frustrasi pengguna. Ini juga menyediakan filter lanjutan yang memungkinkan Anda mencari sesuai dengan kriteria yang lebih bernuansa seperti gerakan kursor, sistem operasi, dan halaman yang diubah ukurannya.

Selain itu, Clarity memberi Anda opsi untuk membuat tag khusus tanpa batas—filter yang dibuat khusus yang mempercepat kemampuan Anda untuk menemukan sesi tertentu untuk ditinjau. Tag khusus sangat berguna saat Anda perlu:

• Identifikasi konversi seperti pengiriman formulir dan pembelian
• Temukan peta panas dan rekaman sesi untuk pengguna tertentu
• Lacak kapan pengguna tertentu masuk dan jenis halaman apa yang mereka lihat

Metrik Frustrasi: Identifikasi dan Hilangkan Masalah Kegunaan

Jika tidak dicentang, masalah kegunaan menyebabkan pengabaian situs web. Untungnya, metrik frustrasi Clarity mengisolasi interaksi yang menunjukkan kelemahan desain UX:

• Klik marah : Seorang pengguna dengan cepat mengklik di area yang sama beberapa kali. Klik marah mungkin menandakan ukuran target yang tidak memadai atau desain visual yang menyesatkan.
• Klik mati : Pengguna mengklik elemen tetapi tidak ada yang terjadi. Klik mati mungkin disebabkan oleh tautan yang rusak.
• Pengguliran berlebihan : Seorang pengguna dengan tergesa-gesa menggulir ke atas dan ke bawah pada halaman dengan frekuensi lebih dari rata-rata pengguna. Pengguliran yang berlebihan dapat menunjukkan kemampuan untuk ditemukan yang buruk atau konten yang tidak relevan.
• Quick back : Seorang pengguna mengunjungi halaman dan dengan cepat kembali ke halaman sebelumnya. Kembali cepat mungkin disebabkan oleh ikon yang menyesatkan atau deskripsi konten.

Pemutaran Ulang Sesi: Lihat Bagaimana Pengguna Benar-benar Mengalami Situs Anda

Tab "Rekaman" adalah tempat Anda dapat menonton tayangan ulang sesi. Selain melacak pergerakan kursor dan klik, pemutaran ulang menyertakan informasi seperti URL masuk dan keluar, durasi sesi, tanggal, dan perangkat.

Clarity juga menyediakan kotak centang “Lewati ketidakaktifan” yang memungkinkan Anda untuk membaca sekilas saat pengguna tidak melakukan apa pun—penghemat waktu yang sangat besar saat melihat beberapa sesi.

Di atas setiap video, opsi "Lebih detail" mengungkapkan garis waktu tindakan pengguna. Setiap tindakan dapat diklik dan ditautkan ke tempatnya dalam rekaman.

Peta Panas: Visualisasikan Konten Anda yang Paling Menarik

Peta panas adalah cara mudah untuk memvisualisasikan sesi gabungan dan memahami bagaimana pengguna berinteraksi dengan halaman. Warna yang lebih hangat menunjukkan area yang lebih populer, dan warna yang lebih dingin menandakan area yang kurang populer. Ada tiga jenis peta panas yang tersedia di Clarity:

• Klik peta panas menunjukkan tempat pengguna mengklik halaman desktop.
• Peta panas ketuk menunjukkan tempat pengguna mengetuk halaman seluler dan tablet.
• Gulir peta panas menunjukkan seberapa jauh pengguna menggulir ke bawah halaman.

Peta panas klik dan ketuk dapat membantu mengidentifikasi konten yang menarik dan bertindak sebagai dasar untuk membandingkan iterasi desain. Mereka juga dapat mengungkap elemen yang secara keliru dianggap interaktif oleh pengguna—seperti ilustrasi yang menyertakan tombol "Putar".

Dengan menggunakan peta panas gulir, Anda dapat mengarahkan kursor ke bagian halaman untuk melihat persentase pengguna yang mencapai titik itu. Peta panas gulir juga mengidentifikasi lipatan rata-rata—area di bagian atas halaman yang dilihat pengguna sebelum menggulir.

Catatan: Filter dasbor juga dapat diterapkan ke tab “Rekaman” dan “Peta Panas”.

Cara Menyempurnakan Pengaturan Kejelasan

Microsoft Clarity memudahkan untuk memulai proyek baru, menyembunyikan data, dan memblokir alamat IP tertentu. Ini juga terintegrasi dengan Google Analytics untuk memberikan gambaran yang lebih rinci tentang kekuatan dan kelemahan situs web Anda.

Pengaturan Kejelasan: Kompatibel Dengan Platform Pihak Ketiga Populer

Setelah masuk ke Clarity, Anda akan diarahkan ke halaman "Proyek" Anda. Mulailah dengan mengklik “TAMBAHKAN PROYEK BARU” dan masukkan detail situs Anda. Perlu dicatat bahwa fungsionalitas Clarity tersedia untuk semua situs web, berapa pun volume lalu lintasnya.

Setelah Anda membuat proyek, Anda akan dibawa ke halaman "Pengaturan" dan diberi kode pelacakan Kejelasan. Salin dan tempel kode ke bagian <head> HTML halaman Anda, atau instal melalui plugin WordPress Clarity atau template Google Pengelola Tag. Clarity juga menyediakan instruksi pengaturan untuk beberapa platform pihak ketiga.

Masking: Lindungi Data Situs Web Anda

Ada tiga mode penyamaran yang mencegah Clarity menangkap teks sensitif situs web Anda:

• Ketat : Semua teks disamarkan.
• Seimbang : Hanya teks sensitif yang ditutupi. Teks sensitif mencakup bidang masukan, angka, dan alamat email. (Ini adalah pengaturan default Clarity.)
• Santai : Tidak ada teks yang disembunyikan.

Selain mode masking Clarity, Anda juga dapat menutupi konten tertentu, seperti gambar.

Catatan: Tidak disarankan untuk menggunakan Kejelasan di situs yang menyertakan data sensitif, seperti catatan medis atau informasi keuangan.

Pemblokiran IP: Kecualikan Pengunjung Tertentu Dari Pelacakan

Pemblokiran IP mencegah alamat IP tertentu direkam oleh Clarity. Misalnya, Anda mungkin ingin memblokir kunjungan situs dari anggota tim Anda. Lalu lintas yang berasal dari alamat di daftar blokir tidak akan muncul di dasbor proyek Anda.

Google Analytics: Tautan ke Rekaman Kejelasan

Meskipun ada kesamaan antara platform, Google Analytics dan Clarity bukanlah pesaing, mereka saling melengkapi. Google Analytics mengukur lalu lintas dan kinerja e-niaga. Kejelasan melacak metrik serupa, tetapi juga memungkinkan Anda melihat bagaimana pengguna benar-benar menavigasi dan terlibat dengan situs Anda.

Misalnya, jika Anda melihat halaman berkinerja buruk di Google Analytics, Anda dapat menggunakan Clarity untuk melihat sesi pengguna dan mengidentifikasi kelemahan desain halaman. Faktanya, Clarity menyediakan cara mudah untuk menautkan ke pemutaran sesi dari dasbor Google Analytics Anda.

Microsoft Clarity Menghasilkan Wawasan Pengguna yang Berharga

Desainer mencurahkan waktu yang tak terhitung untuk penelitian pengguna, arsitektur informasi, pembuatan prototipe, dan pengujian. Analisis perilaku sangat penting untuk proses penemuan dan penyempurnaan yang berkelanjutan ini karena mereka mengungkapkan pilihan desain mana yang berhasil dan mana yang tidak. Dengan fitur intuitif dan kesederhanaan grafis, Microsoft Clarity membantu desainer mengubah perilaku pengguna yang kompleks menjadi keputusan desain yang didukung data.

Bacaan lebih lanjut di Blog Desain Toptal:

• Hotjar: UX dan Kiat Konversi
• Pengujian UX untuk Massa: Tetap Sederhana dan Hemat Biaya
• Siapa, Apa, dan Mengapa – Panduan untuk Metode Pengujian Pengguna