Jika Anda pernah bertanya-tanya apakah elemen-elemen situs web Anda melakukan pekerjaan mereka, ini adalah pos untuk Anda. Kami telah menghabiskan berbulan-bulan bekerja dengan perangkat lunak pelacakan konversi sehingga pelanggan kami dapat memberikan pengalaman pengguna terbaik (UX).
Situs yang mudah digunakan datang dalam berbagai bentuk dan ukuran, tetapi kami menemukan tautan internal dan CTA yang tidak efektif menjadi masalah besar bahkan pada halaman yang dirancang terbaik.
Hotjar
Spesialis pemasaran digital, pengembang situs web, pengoptimal, pemilik bisnis, dan banyak lainnya bekerja untuk membuat konten online yang ditanggapi orang. Tetapi bagaimana mereka harus mengukur keberhasilan upaya mereka? Tren penjualan memberikan informasi berharga tentang apakah situs e-commerce berfungsi atau tidak. Tetapi ada lebih banyak hal untuk UX di situs daripada sekadar penjualan.
Situs web pemerintah, misalnya, ada untuk mendidik dan menginformasikan kepada publik, dan untuk melayani sebagai titik kontak antara orang-orang dan pejabat terpilih. Jadi bagaimana Anda mengukur keberhasilan atau pengaruh relatif misalnya Departemen Kesehatan dan Layanan Kemanusiaan AS. USA situs web?
Hotjar Ini meledak ke adegan CRO (Conversion Rate Optimization) tahun ini dan mengesankan dunia digital dengan gudang alat pelacakan situs web dan keterjangkauan. Berbagai fungsi situs responsif dan mudah digunakan. Yang paling penting, Hotjar menyoroti masalah situs web yang memengaruhi UX Anda, dan karena itu keseluruhan pengaruh online-nya.
Di sini, di tim kami yang masuk telah bekerja dengan Hotjar selama beberapa bulan, dan kami ingin berbagi apa yang kami pelajari. Setelah memasang kode pelacakan Hotjar di beberapa halaman situs web klien kami, kami dapat mengamati tren signifikan dalam perilaku pengguna selama periode waktu tertentu.
Sementara situs web masing-masing organisasi memiliki beberapa aspek yang baik dan buruk, tangkapannya adalah kurangnya atau penyalahgunaan tautan internal dan CTA.
Tautan internal dan UX
Tautan internal Izinkan pengunjung menavigasi ke halaman berbeda di domain atau situs web yang sama (sebagai lawan dari tautan ke dan dari sumber eksternal). Mereka sangat penting ketika datang ke optimasi mesin pencari (SEO), tetapi mereka juga membuatnya lebih mudah bagi pengguna untuk menavigasi situs. Tanpa tautan internal ini, pengunjung dipaksa untuk meramban banyak halaman situs web untuk menemukan apa yang mereka cari. Tautan internal yang terletak dengan baik memfasilitasi navigasi logis melalui situs (yang mempromosikan UX Anda).
Misalnya, ketika situs menampilkan foto-foto produk yang berbeda, harus selalu ada tautan internal di belakang gambar yang mengarah ke halaman produk. Jika tujuan perusahaan adalah menjual produk, mengapa tidak mempermudah pelanggan untuk membeli? Tautan ini akan membawa pelanggan secara langsung ke informasi produk terperinci, serta opsi untuk membeli item.
Di banyak situs web, tim kami menemukan gambar produk tanpa tautan di belakangnya. Tapi bagaimana kita tahu ini penting?
Alat peta panas Hotjar mengambil halaman tertentu di situs web dan menunjukkan di mana pengguna mengklik, dan area yang paling banyak diklik muncul dalam warna merah.
Calon pelanggan mengklik banyak foto yang tidak terkait, yang mungkin mencoba mencari tahu lebih banyak tentang produk dan mungkin membelinya. Jika ada tautan tertanam di balik gambar-gambar ini, orang-orang itu akan langsung diarahkan ke halaman produk. Tanpa tautan, mereka harus menemukan halaman yang mereka cari.
Alat perekam video Hotjar mendukung ini. Dengan fitur ini, tim kami dapat melacak kursor pengunjung di situs web. Semua pengunjung situs adalah anonim, tetapi kita dapat melihat bahwa banyak orang mencoba mengklik konten yang tidak tertaut dan kemudian mencari beberapa indikasi tempat untuk mengklik. Banyak yang jelas frustrasi oleh kurangnya arah dan meninggalkan situs hanya dalam beberapa menit atau detik.
Studi kasus
Pelanggan ini menjual pilihan variasi produk. Saat berada di halaman produk mana saja, Anda harus dapat mengklik yang lain yang tercantum di bawah deskripsi untuk mengakses halaman produk tersebut juga.
Dalam hal ini, mengklik salah satu opsi lain hanya akan memperbesar gambar. Untuk memesan salah satu produk lain, pelanggan harus kembali ke halaman sebelumnya.
Ini adalah contoh sempurna aliran situs web yang terputus dan pengalaman pengguna yang buruk. Di era digital saat ini, orang semakin tidak toleran terhadap cacat situs seperti kecepatan loading yang lambat dan hambatan seperti contoh di atas. Anda benar-benar tidak ingin memberi mereka alasan untuk mengeluarkan Anda dari situs mereka.
Tetapi ada solusi yang mudah! Cukup lampirkan tautan ke gambar yang sesuai untuk memberikan pengalaman pengguna yang mulus.
CTA dan UX
CTA, atau ajakan untuk bertindak, adalah elemen desain web yang memfasilitasi aliran dan pengalaman pengguna yang positif bagi pelanggan. Analisis kami menunjukkan bahwa alat ini bisa lebih baik digunakan oleh situs web untuk mengirim pengunjung ke halaman tertentu.
CTA ditentukan oleh tujuan perusahaan atau organisasi Anda. Apakah tujuan utama Anda untuk meningkatkan penjualan? Mungkin untuk meningkatkan kesadaran karena suatu alasan? Atau itu untuk mendapatkan tanda tangan pada janji? Semua CTA harus menarik perhatian langsung kepada diri mereka sendiri dan pada akhirnya membujuk pengunjung untuk mengkliknya. Tentu saja, harus ada tautan tertanam hadir yang mengirim orang ke halaman default.
Mari kita lihat fitur peta panas Hotjar yang menunjukkan kepadatan klik lagi. Kita semua tahu bahwa CTA umum seperti "Pesan tiket Anda sekarang!" memiliki klik dalam jumlah besar (jika tidak, saatnya untuk memikirkan kembali lokasi, terus membaca). Tetapi banyak situs web yang kami ulas tidak menyertakan CTA atau menempatkannya secara tidak efektif di bagian bawah atau samping halaman. Bahasa CTA yang tidak efektif juga merupakan masalah besar. Teks harus menyertakan arah yang sangat jelas. Sebagai akibat dari masalah ini, ada banyak CTA yang memiliki sedikit atau tidak ada traffic.
CTA yang efektif juga membantu mengarahkan klien perjalanan pembeli di situs web. Tetapi bahkan jika situs web Anda tidak melibatkan e-commerce, Anda masih dapat menyertakan CTA yang memberi tahu pengunjung untuk mengirim email kepada Anda, menelepon Anda, atau mengunjungi lokasi Anda. Sekali lagi, pastikan untuk menyertakan tautan di balik CTA yang membawa pelanggan Anda ke halaman yang sesuai: informasi kontak, peta dengan arah, dll.
Studi kasus
Mari kita lihat contoh klien lain untuk melihat apa artinya semua ini. Mulai dari halaman rumah, tidak segera jelas bagi pengunjung pertama kali memesan tenda. Bisakah kita memilih tanggal dan memesan secara online? Apakah kita harus memanggil mereka untuk membuat reservasi sewa?
Dengan membaca teks kecil di halaman (sesuatu yang tidak boleh dilakukan pelanggan Anda), kita dapat melihat tautan "Hubungi kami". Jika organisasi ini ingin agar para pelanggannya menghubungi mereka untuk memesan, harus ada tombol CTA besar dan menarik yang ditempatkan di bagian atas halaman atau "di atas flip".
Di atas flip mengacu pada titik cutoff umum untuk situs web Anda di sebagian besar komputer. Ketika Anda pergi ke suatu situs, konten teratas terlihat dan sisanya hanya dapat dilihat dengan menggulir ke bawah. Tempatkan CTA di atas lipatan untuk memaksimalkan visibilitas.
Jika Anda ingin tahu tentang seberapa jauh pengunjung ke halaman Anda bepergian, fitur peta panas (ditampilkan di bawah) mengumpulkan klik, pointer, dan data pergerakan.
Meskipun teksnya mungkin sulit dibaca, kami telah menandai CTA "Hubungi Kami" dari halaman beranda situs ini. Seperti yang Anda lihat, itu di bawah lipatan rata-rata. Ukuran, warna, dan pesan itu penting, seperti lokasi.
Sebagai contoh terakhir, kita pergi ke tab Galeri di navigasi utama situs. Seseorang yang tertarik untuk memesan toko untuk perusahaan ini mungkin akan pergi ke halaman ini. Sambil melihat foto-foto tenda, bagaimana jika pengunjung melihat satu tenda yang mereka yakin ingin pesan?
Di situs pelanggan ini, tidak ada cara bagi pelanggan untuk mengetahui apa yang mereka lihat di galeri. Dengan mengklik salah satu gambar, kami hanya mendapatkan versi yang diperbesar. Tidak ada deskripsi produk (atau bahkan nama produk), dan tidak ada instruksi tentang apa yang harus dilakukan oleh pihak yang berkepentingan selanjutnya.
Cara kreatif untuk melibatkan pelanggan secara langsung dari halaman ini adalah CTA "CTA Toko Ini SEKARANG" di bawah setiap produk yang berbeda. Undang mereka untuk mengklik dan menjadi pelanggan!
Bawa pulang
Kita bisa terus berbicara tentang Hotjar dan semua hal hebat yang telah kita pelajari darinya. Namun dari semua yang kami amati, kurangnya tautan dan CTA sangat merugikan navigasi situs dan pengalaman pengguna secara keseluruhan.
Penambahan dan penggunaan yang tepat dari elemen-elemen ini dapat membuat situs Anda pengalaman yang sempurna untuk klien Anda. Jangan membuatnya bekerja untuk menemukan produk dan layanan Anda. Perlakukan klien Anda seperti raja dan ratu dan berikan apa yang mereka inginkan di piring perak. Mereka akan berterima kasih padamu!
