Cari tahu apa yang pengunjung Anda lakukan di situs web Anda dengan peta panas

Manusia pada dasarnya memiliki rasa ingin tahu. Keingintahuan, dalam banyak hal, adalah salah satu karakteristik yang membuat kita paling berkembang. Informasi adalah kekuatan, dan memiliki informasi tentang orang lain sangat berguna di berbagai bidang, termasuk pengembangan halaman web.

Tanpa masuk ke sisi gelap dunia privasi, ada banyak cara untuk mengelola halaman web dan menggunakan rasa ingin tahu dengan cara yang etis untuk meningkatkan kinerjanya dan membuat pengunjung Anda menikmati halaman Anda lebih dari sebelumnya.

Peta panas adalah teknik yang bertujuan untuk menemukan apa yang dilakukan pengunjung di halaman web dan melihat bagaimana mereka berinteraksi dengannya. Artinya, peta panas memungkinkan kami untuk menganalisis perilaku pengunjung secara teragregasi dan anonim. Dengan menganalisis pergerakan kursor di halaman web, peta panas adalah representasi visual yang menunjukkan hotspot halaman Anda yang dicat dengan warna yang lebih hangat.

Terlebih lagi, peta panas memungkinkan kami mendapatkan ide untuk perbaikan untuk diterapkan di situs web kami. Kami hanya perlu mempelajari data yang kami lihat di peta panas untuk menarik kesimpulan tentang apa yang terjadi, apa yang dilakukan pengunjung, apa yang salah di web, dan bagaimana kami bisa menyelesaikannya.

Cara membuat peta panas di WordPress

Saat ini, membuat peta panas sangat sederhana. Di WordPress kita hanya perlu menggunakan plugin yang memungkinkan kita membuat peta panas. Faktanya, peta panas adalah salah satu fitur yang paling dibutuhkan oleh pengguna Nelio A/B Testing kami.

Kami telah lama membuat peta panas untuk terus meneliti kemungkinan peningkatan di situs web kami. Sebagai contoh, saya akan menunjukkan kepada Anda di sini peta panas terbaru yang kami buat di halaman utama Nelio.

Hal pertama adalah membuat peta panas baru. Untuk melakukan ini, kami memilih tes baru di Nelio A/B Testing dan memilih halaman yang kami minati, seperti yang Anda lihat di tangkapan layar berikut:

Kemudian, kita hanya perlu memulai pengujian sehingga plugin melacak pengunjung Anda dan mengumpulkan informasi secara otomatis. Mulai saat ini, peta panas baru akan dibuat secara bertahap dan kami akan dapat melihat hasilnya secara grafis.

Hasil peta panas

Setelah kami melacak jumlah pengunjung yang representatif, kami dapat mengamati hasil peta panas secara detail. Perlu diingat bahwa ada pandangan berbeda dari data ini yang diambil dari pengunjung kami.

Jenis visualisasi yang paling umum adalah peta panas itu sendiri, yang menunjukkan serangkaian titik berwarna hangat yang ditampilkan di bagian atas halaman yang dianalisis. Titik panas tersebut ditempatkan di atas elemen yang paling banyak menerima interaksi.

Di sisi lain, kami memiliki scrollmap, yang menunjukkan dengan warna yang lebih hangat seberapa jauh halaman yang telah dikunjungi pengunjung dengan menggulir ke bawah sebelum pergi.

Akhirnya, representasi terakhir yang biasanya dapat kita temukan terdiri dari melihat klik yang telah dibuat pada halaman sebagai awan poin, atau confetti.

Di galeri sebelumnya Anda memiliki heatmap, scrollmap, dan cofetti lengkap yang telah dibuat plugin kami saat menganalisis halaman utama situs web kami. Selanjutnya, mari kita lihat lebih dekat beberapa detail informasi yang dapat kita ekstrak dari ketiga representasi ini.

Detail peta panas

Peta panas menunjukkan bahwa sebagian besar aktivitas mereka yang mengunjungi halaman beranda kami terjadi di bagian pertama halaman. Kami menemukan banyak interaksi pada tombol yang membawa kami ke halaman tertentu dari masing-masing plugin kami, yang merupakan sesuatu yang kami inginkan:

Tetapi kami juga menemukan bahwa banyak orang mengklik tanda panah di lipatan pertama yang menunjukkan mereka untuk menggulir ke bawah. Sayangnya, panah ini hanya sebagai indikator dan bukan merupakan elemen yang dapat diklik. Jadi itu pasti membingungkan audiens kita yang masih mengkliknya.

Sebagai solusinya, kita dapat memilih untuk mengubah panah menjadi tombol yang menggulir halaman ke bawah secara otomatis. Dengan melakukan ini, kami menyelaraskan harapan pengguna dengan kenyataan.

Di sisi lain, penasaran melihat bagaimana footer juga mendapat banyak perhatian. Ini penting, karena menunjukkan beberapa pengguna tidak menemukan apa yang mereka cari sampai akhir halaman. Secara khusus, area terpanas adalah tautan kontak. Oleh karena itu, ide pengujian yang baik adalah memindahkan tautan ini ke area halaman yang lebih menonjol, hanya untuk memastikan tidak ada orang yang keluar tanpa menemukan apa yang mereka butuhkan.

Detail peta gulir

Scrollmap menunjukkan sebagian besar pengunjung kami tidak melihat apa pun di luar setengah halaman. Dengan informasi ini, kesimpulan utama yang dapat kita tarik adalah bahwa konten dari titik itu akan terlewatkan dan, oleh karena itu, seharusnya tidak relevan.

Untuk membuat konten kami lebih menarik bagi audiens kami dan dengan demikian mencegah mereka pergi, satu kemungkinan adalah menampilkan bagian yang lebih visual dan dinamis. Konten statis tidak cukup menonjol dan kami kehilangan perhatian pengunjung kami. Karena alasan ini, mengusulkan perubahan di bagian ini dapat menjadi kemungkinan yang baik untuk diuji dalam pengujian A/B di masa mendatang.

Detail konfeti

Adapun confetti, itu menunjukkan kepada kita awan poin dengan semua klik yang kami terima saat tes berjalan. Dibandingkan dengan peta panas biasa, confetti menyertakan lebih banyak informasi tentang setiap klik individual.

Kami melihat bagaimana mayoritas pengunjung yang mengklik membutuhkan waktu antara 5 dan 10 detik untuk melakukannya. Mengetahui data ini sangat menarik, karena kami memiliki perkiraan waktu yang cukup untuk mendapatkan perhatian mereka.

Semakin kompleks halaman dan semakin sulit untuk dipahami, semakin banyak pengunjung yang akan kita hilangkan. Informasi ini dapat membantu kami untuk mengusulkan versi halaman yang jauh lebih sederhana dan radikal. Misalnya, kita bisa menampilkan lebih sedikit informasi dan langsung ke intinya. Itu kemungkinan pengujian A/B lain yang dapat kami coba selanjutnya.

Selain itu, kita dapat melihat bahwa ada pengunjung yang mengklik elemen yang tidak dapat diklik. Bagian yang sangat relevan di sini adalah daftar logo perusahaan yang menggunakan produk kami, atau testimoni dari klien kami:

Di bagian ini kami tidak memiliki elemen yang dapat diklik, tetapi mereka tetap mendapatkan klik. Sekali lagi, ini bisa membingungkan, jadi penting untuk memastikan perilaku situs kami sesuai dengan harapan pengunjung kami. Untuk menghindari hal ini, kami dapat memutuskan untuk memodifikasi desain bagian ini agar lebih jelas bahwa Anda tidak perlu mengklik di sana. Atau bahkan menghapus bagian, dengan mempertimbangkan informasi di peta gulir, di mana kami telah melihat bahwa kami kehilangan orang di bagian web ini.

Hal penting tentang peta panas adalah mendapatkan ide untuk perbaikan dengan menganalisis bagaimana pengunjung kami berinteraksi dengan situs kami. Dengan cara ini kami dapat memperbaiki perilaku yang gagal dan mengusulkan kemungkinan peningkatan pada halaman kami yang dapat kami uji dengan pengujian A/B setelahnya.

Izinkan saya mengingatkan Anda bahwa Nelio A/B Testing versi gratis memungkinkan Anda membuat peta panas di halaman WordPress Anda sesederhana yang telah saya jelaskan di sini. Silakan dan coba. Kemudian beri tahu kami pengalaman Anda dan informasi apa yang dapat Anda ekstrak melalui representasi visual dari perilaku pengunjung Anda.

Gambar unggulan oleh Almos Bechtold di Unsplash.