5 Ide Desain Pop-Up yang Tidak Akan Mengganggu Pengguna

Ketika datang ke desain situs web, pilihannya sangat bervariasi. Bergantung pada fungsi dan target perolehan prospek yang ingin dicapai oleh bisnis, mereka harus memilih tata letak yang menyenangkan pengguna, mendorong mereka untuk menghabiskan lebih banyak waktu di halaman mereka, dan terlibat.

Namun, hal ini tidak selalu terjadi.

Pernahkah Anda menelusuri situs web, menikmati sepotong konten, ketika pop-up tiba-tiba muncul dan mencegah Anda melanjutkan? Frustasi, bukan?

Pengalaman seperti itu sangat mungkin membuat Anda pergi dan mencari informasi yang Anda butuhkan di tempat lain. Itu karena pop-up dapat mengganggu dan mengalihkan pengguna dari niat mereka.

Faktanya, menurut survei HubSpot, 73% orang paling tidak menyukai pop-up online dari semua jenis iklan. Selain itu, 64% pengguna AdBlock menginstal perangkat lunak karena mereka menganggap pop-up mengganggu dan ingin menyingkirkannya secara khusus!

Namun, meskipun pop-up memecah belah dan, lebih sering daripada tidak, mengganggu apa yang dilakukan orang, dan melukai UX, banyak pemilik situs web berhasil menggunakannya.

Terlebih lagi, jika dirancang dan dioptimalkan SEO dengan benar, mereka bahkan dapat meningkatkan tingkat konversi Anda sebesar 3%, jika tidak lebih!

Dalam artikel ini, kita akan berbicara tentang desain pop-up, menjelaskan pedoman dan praktik terbaik UX, dan memberikan 5 ide desain pop-up yang dapat Anda manfaatkan.

Apa itu Pop-Up?

Singkatnya, pop-up adalah jendela browser yang ditampilkan di atas konten utama halaman saat pengguna melakukan tindakan tertentu atau mencapai ambang batas yang ditentukan sebelumnya. Tujuannya adalah untuk menarik perhatian pengguna, menunjukkan ajakan bertindak (CTA), dan mendorong mereka untuk terlibat.

Pop-up dapat memiliki pesan yang berbeda – mengiklankan produk atau layanan pihak pertama atau pihak ketiga, meminta umpan balik, menampilkan kotak langganan, menyarankan penawaran, mengungkapkan rasa terima kasih, dll.

Desain pop-up telah ada selama 15-20 tahun terakhir dan mereka pasti akan tetap ada. Mereka memungkinkan pemilik situs web untuk menargetkan pelanggan potensial, menarik perhatian mereka, dan meningkatkan peluang mereka untuk mengubahnya menjadi pembeli.

Ada berbagai cara untuk memanfaatkan pop-up untuk menguntungkan kinerja situs web Anda. Namun, Anda harus selalu bertindak dengan mempertimbangkan maksud dan preferensi pengguna, dan memastikan bahwa pop-up tersebut relevan.

Biasanya, pop-up membuat pengunjung menjauh ketika mereka datang dari pihak ketiga dan tidak memiliki hubungan langsung dengan apa yang diinginkan pengguna. Misalnya, pengguna sedang membaca artikel tentang cara menemukan pengacara yang baik dan tiba-tiba, konten diblokir oleh pop-up yang mengundang mereka ke seminar Amazon FBA.

Ini juga merupakan praktik yang sangat buruk untuk menempatkan iklan yang membuka jendela baru atau membawa pengunjung ke situs web yang sama sekali berbeda.

Selain relevansi, hal lain yang menentukan kesuksesan Anda adalah desain pop-up. Itu harus cocok dengan keseluruhan gaya dan warna situs web, cerdas dan ringkas, dan memiliki CTA yang jelas. Anda juga dapat mempertimbangkan untuk menambahkan elemen yang menyenangkan, memilih warna kontras yang cerah untuk membuat informasi benar-benar menonjol, atau apa pun yang menurut Anda dapat menarik perhatian pengguna dan mendorong mereka untuk terlibat.

Namun, perlu diingat bahwa semakin mencolok pop-up, semakin mencurigakan tampilannya, dan semakin besar kemungkinan pengguna menjadi kesal dan bahkan mungkin pergi.

Cara Meningkatkan Performa Pop-Up

Untuk memastikan bahwa pop-up Anda berperforma baik dan meningkatkan konversi, alih-alih mengusir pelanggan, Anda perlu mendesainnya dengan benar:

Berikan Nilai Instan

Apa yang membedakan iklan yang efektif dari yang gagal adalah nilai.

Anda perlu memahami audiens Anda dan mengetahui apa yang mereka inginkan dari produk atau layanan yang Anda berikan. Dengan cara ini, Anda akan dapat menawarkan mereka solusi yang tepat di tempat!

Juga, pop-up dengan konten yang relevan mengonversi lebih dari 40%

Buat Urgensi

Menciptakan urgensi adalah jalan utama untuk meningkatkan penjualan karena pengguna memiliki waktu terbatas untuk membuat keputusan. Memiliki hitungan mundur pada iklan pop-up Anda memiliki tingkat konversi delapan persen% lebih baik daripada mereka yang tidak memilikinya.

Sumber

Promosikan Kesadaran Merek

Iklan pop-up sulit untuk diabaikan yang membantu visibilitas merek dan produk Anda.

Selain itu, mereka adalah taktik menghasilkan prospek yang hebat dan, jika ditempatkan secara strategis di seluruh situs web Anda, mereka dapat membantu Anda menumbuhkan audiens dan lalu lintas Anda.

Misalnya, Anda dapat memperkenalkan pop-up bergulir saat pengunjung membaca artikel di tengah jalan. Dengan cara ini, Anda dapat menyarankan untuk mengirimi mereka konten serupa melalui email, dan membuat daftar email yang solid.

Fokus pada Konversi

Seperti disebutkan di atas, desain pop-up yang diterapkan dengan baik dan ditargetkan benar-benar dapat membuat perbedaan dalam tingkat konversi Anda.

Pada akhirnya, tujuan akhir Anda adalah meningkatkan penjualan dan mendapatkan lebih banyak pengunjung yang terpikat pada produk dan layanan Anda. Untuk itu, pastikan Anda memposisikan pop-up di tempat dan waktu yang tepat di sepanjang perjalanan pengguna di situs web Anda.

Juga, jangan lupa untuk menyertakan CTA yang jelas dan lugas untuk memandu orang ke langkah berikutnya.

Minta Umpan Balik di Tempat

Pop-up adalah cara yang bagus untuk mendapatkan reaksi langsung dan mengundang pelanggan Anda untuk menyatakan bagaimana perasaan mereka tentang produk Anda.

Minta mereka untuk meninggalkan komentar dan menilai pengalaman mereka sebelum mereka meninggalkan situs web Anda.

Misalnya, Anda dapat menggunakan pop-in skor promotor bersih (NPS), diikuti dengan kotak komentar di mana pengguna dapat memberikan masukan tambahan.

Jenis pop-up ini memungkinkan Anda untuk mengenal pelanggan Anda lebih baik dan menyempurnakan layanan Anda sehingga Anda dapat memenuhi kebutuhan mereka dengan lebih efektif. Hal berikutnya yang Anda tahu, Anda berada di jalur cepat menuju sukses. Ada di dalam tas!

Desain Pop-Up: Pedoman

Dalam hal penalti Google, Anda harus selalu waspada dan mengikuti panduannya. Jika pengguna mengklik hasil mesin pencari setelah mengetik kueri, dan itu memicu halaman dengan pop-up yang mendesak mereka untuk mengklik sumber yang tidak relevan, itu adalah tanda bahaya.

Namun, pop-up masih bisa sangat efektif. Pastikan pengunjung tidak mendarat di halaman dengan pop-up tepat setelah mengklik hasil SERP. Atur waktu kemunculan iklan dengan benar untuk memastikan mereka memiliki cukup kesempatan untuk menelusuri konten Anda terlebih dahulu.

Menurut Pusat Penelusuran Google, pengantara promosi adalah dialog yang mengganggu dan mencegah Google dan mesin telusur lain memahami konten Anda. Sangat penting untuk membuat pop-up Anda sekecil mungkin sehingga tidak menutupi seluruh layar atau bagian penting halaman. Dimensi optimal untuk desain pop-up adalah hingga 15% dari ukuran layar pengguna.

Namun, Google mengakui bahwa beberapa pengantara bersifat wajib, seperti batasan usia dan peringatan privasi:

Sumber

Untuk tetap aman, pastikan pop-up tidak mengaburkan konten halaman. Ini membuatnya lebih mudah untuk dirayapi dan diindeks, dan kecil kemungkinannya untuk merusak pengalaman pengguna.

Selain itu, hindari mengalihkan permintaan HTTP yang masuk ke laman yang berbeda dari laman tempat pengguna berada sebelum iklan.

Jika memungkinkan, gunakan spanduk alih-alih pengantara dan manfaatkan plugin untuk desain pop-up standar seperti pendaftaran buletin atau permintaan umpan balik.

Sumber

5 Ide Desain Pop-Up yang Mudah Digunakan

Sekarang mari kita lihat bagaimana merancang pop-up Anda dengan benar, sehingga mereka dapat mengurangi frustrasi pengguna, dan mencapai kinerja yang lebih baik:

Pilih Gaya Desain yang Tepat

Membuat desain pop-up yang efektif UX bisa jadi rumit. Anda ingin pop-up terlihat, tetapi tidak terlalu mencolok sehingga membuat orang menjauh. Pada saat yang sama, desain harus selaras dengan identitas merek Anda. Dan terakhir, penting untuk menjaga keseluruhan desain tetap sederhana, menggunakan sedikit warna, font, dan gambar.

Jika dilakukan dengan benar, pop-up dapat menjadi alat yang sangat berharga untuk meningkatkan konversi dan menghasilkan prospek.

Namun, jika desainnya terlalu sibuk atau berlebihan, itu hanya akan membuat pengguna frustrasi dan mendorong mereka menjauh. Jadi, luangkan waktu untuk membuat pop-up yang secara akurat mencerminkan merek Anda dan memberikan pengalaman pengguna yang positif.

Posisi di Layar

Hal lain yang perlu diingat adalah pop-up harus mudah dihilangkan.

Karena mengganggu pengalaman penjelajahan pengguna, pop-up depan dan tengah umumnya harus disediakan untuk informasi penting yang penting bagi pengguna.

Sumber

Namun, mengingat berbagai kemungkinan posisi untuk pop-up, desainer memiliki banyak fleksibilitas dalam cara menggunakannya.

Misalnya, pop-up di sudut layar mungkin tidak terlalu mengganggu daripada pop-up di bagian depan dan tengah.

Pendekatan yang populer adalah memasukkan iklan pop-up dari atas atau bawah layar. Ini memungkinkan pengguna untuk terus berinteraksi dengan situs saat pop-up muncul. Dengan metode ini, pengunjung dapat memilih kapan (dan jika) mereka ingin terlibat dengan pop-up. Namun, perlu diingat bahwa jika pop-up menutupi terlalu banyak layar dan mengganggu, itu mungkin masih membuat pengguna menjauh.

Pendekatan ramah pengguna lainnya adalah membuat pop-up tidak terlalu mengganggu dengan menyertakan tombol tutup yang terlihat jelas atau Anda dapat membuat desain itu sendiri berukuran lebih kecil. Dengan cara ini, pengunjung masih dapat melihat konten di halaman Anda dan lebih cenderung terlibat dengan pop-up Anda.

Targetkan Setiap Pengunjung

Bersama dengan tata letak yang sederhana dan salinan langsung, sangat penting untuk menyesuaikan desain pop-up Anda untuk setiap pengunjung halaman satu per satu. Identifikasi halaman utama yang akan memicu konversi.

Menciptakan pengalaman yang dipersonalisasi untuk pelanggan adalah tindakan penyeimbangan yang rumit. Di satu sisi, gagal mempersonalisasikan sama sekali dapat mewakili peluang yang terlewatkan bagi merek. Di sisi lain, menurut Gartner, personalisasi yang berlebihan membuat pengguna 3x lebih mungkin meninggalkan merek.

Oleh karena itu, titik data individual dapat berguna dalam menciptakan pengalaman yang lebih dipersonalisasi, tetapi penting untuk menggunakannya dengan bijaksana. Terlalu banyak personalisasi dapat membuat Anda tidak nyaman, jadi penting untuk mencapai keseimbangan yang akan dihargai oleh pelanggan.

Waktu

Saat pengguna membuka situs web Anda, idealnya Anda ingin mereka terlebih dahulu terlibat dengan konten Anda dan menjelajah. Semakin lama pengunjung menghabiskan waktu di sebuah situs, semakin kecil kemungkinan mereka untuk pergi (dan yang paling aman adalah memperkenalkan iklan pop-up kepada mereka).

Sumber

Sumber

Pastikan Anda menganalisis waktu yang dihabiskan pengguna di halaman, yaitu sesi rata-rata. Gunakan Google Analytics untuk melacak lalu lintas yang Anda terima dan menindaklanjutinya.

Namun, jika Anda khawatir akan mengacaukan waktu tampilan dan membuat pengguna menjauh, berikut beberapa sarannya:

Masuk Pop-Up

Menempatkan pop-up segera setelah pengguna membuka halaman dapat bekerja dengan sangat baik saat menyarankan penawaran atau bundel terbatas. Namun, biasanya tidak direkomendasikan oleh mesin pencari untuk situs web eCommerce.

Menggulir Pop-Up

Jika Anda ingin memastikan pengunjung situs Anda menghabiskan waktu yang layak di halaman dan mendapat informasi yang cukup, pop-up bergulir adalah alternatif yang baik. Anda dapat mengatur pop-up Anda untuk muncul setelah mereka menggulir melalui persentase tertentu dari halaman dengan menempatkan satu atau beberapa ambang batas yang relevan.

Keluar dari Pop-Up

Keluar pop-up juga dikenal sebagai iklan meninggalkan terlalu cepat. Mereka muncul saat kursor Anda bergerak ke arah tombol Kembali, atau saat Anda akan menutup halaman atau mengklik tautan untuk membuka halaman lain. Keluar dari desain pop-up dapat digunakan dalam beberapa detik terakhir yang dihabiskan pengunjung di halaman untuk menyarankan penawaran menit terakhir.

Klik Pop-Up

Klik pop-up adalah dialog yang muncul sebagai hasil dari klik pada tombol atau link yang relevan. Ini mungkin jenis pop-up yang paling asli dan paling tidak membuat frustrasi karena muncul setelah pengguna terlibat dengan konten halaman dan mengambil tindakan.

Pada contoh di bawah ini, pop-up pendaftaran email muncul setelah saya mengklik tombol “Join the waiting list”:

Sumber

Memiliki Nada Suara yang Cerdas/Kreatif/Santai/Aneh

Jika Anda ingin memikat pengguna Anda dan membuat mereka tinggal lebih lama, ringankan sedikit dan buat salinan pop-up Anda dapat dihubungkan dan diingat. Tidak harus agresif atau kasar, atau 100% menjual.

Pikirkan saja tentang siapa audiens Anda, lacak perilaku, lokasi, demografi, dan preferensi mereka, sehingga Anda dapat menggambar gambaran pengguna rata-rata Anda. Kemudian rancang pop-up Anda untuk menampilkan sesuatu yang mungkin mereka sukai.

rekap

Nah, itu dia! Kami telah melihat berbagai contoh iklan pop-up dan pop-up serta membahas kiat yang dapat ditindaklanjuti tentang cara membuatnya lebih efektif. Mudah-mudahan, ini memberi Anda beberapa ide untuk situs web Anda sendiri.

Jika Anda memerlukan bantuan untuk merancang atau menerapkan pop-up di situs Anda, jangan ragu untuk menghubungi pakar desainer web di sini di DevriX. Kami dapat membantu Anda menciptakan pengalaman yang menarik dan ramah pengguna yang meningkatkan hasil.