Popup UX Tasarımı: En İyi Uygulamalar, İpuçları ve Örnekler

Kâra odaklanan her web sitesi aynı zamanda ziyaretçilerinden daha fazla dönüşüm elde etmeye de odaklanır: onları satın almaya veya en azından abone olmaya teşvik etmek.

Pop-up'lar, dönüşüm oranlarını artırmak için en iyi araçtır. Pop-up'ları kullanmaya başlayan e-ticaret mağazalarının gördüğü sonuçlar kendileri için konuşuyor:

• Kiss My Keto , alışveriş sepetini terk etme oranını %20 düşürdü
• Christopher Cloos , dönüşüm oranlarını %37 artırdı
• BOOM! Cindy Joseph tarafından yalnızca bir ayda e-ticaret gelirlerini 148.297 ABD Doları artırdı

Yukarıdaki kampanyaların başarısının sırrı, her bir web sitesinin genel kullanıcı deneyimi (UX) ile entegrasyonlarıydı. Bu şirketler, pop-up'ları görüntülerken kullanıcıları asla rahatsız etmediler, bunun yerine akıllıca, doğru zamanda yararlı ve alakalı içerik sunabilecekleri zaman görünmelerini sağladılar.

Bunu sitenizde başarabilirseniz, yalnızca UX'inizi bozmaktan kaçınmakla kalmaz, aynı zamanda onu gerçekten iyileştirirsiniz .

Bu yazıda, bunu yapmanın 5 yolunu inceleyeceğiz, ile başlayarak…

Giriş açılır pencereleri son derece rahatsız edici olabilir.

Bunlar, bir web sitesi yüklenir yüklenmez görünen açılır pencerelerdir. Bir ziyaretçi, yönünü anlamaya ve sitenizdeki tüm bilgileri almaya başladığında, birdenbire ortaya çıkan bir açılır pencereyle kesintiye uğrar.

Giriş açılır pencereleri ayrıca:

• Ziyaretçilerin istenen içeriğe erişmesini engelleyin
• Genellikle alakasız içerik içerir
• Ziyaretçilerin kafasını karıştır

Özetle, neredeyse her zaman yardımcı olmaktan çok can sıkıcıdırlar ve sitenizin UX'ini düşürürler.

Ziyaretçilerinizi geleneksel giriş pop-up'larıyla rahatsız etmek yerine, önce web sitenizi tanımalarına izin verin. Ardından, davranışları ikincil bir mesaj görmeye hazır olduklarını gösterdiğinde açılır pencerenizi gösterebilirsiniz.

Kullanıcı etkileşimine dayalı olarak açılır pencereleri tetiklemenin bazı tipik yolları şunlardır:

• Açılır pencereyi X saniye sonra görüntüleyin: Bu seçenek, ziyaretçilerinize aradıkları sayfaya göz atmaları için biraz zaman tanır. Sayfada biraz zaman geçirdikten sonra dikkatlerini çekebilirsiniz.

• Açılır pencereyi yüzde X kaydırmadan sonra göster: Açılır pencerelerinizi, bir ziyaretçi web sayfanızın belirli bir yüzdesini aşağı kaydırdıktan sonra görünecek şekilde ayarlayabilirsiniz.
  
  Örneğin, bir ziyaretçi bir blog makalesinin sonuna ulaştığında beliren bir açılır pencere ayarlayabilirsiniz, bu da onun bazı yeni içeriklere hazır oldukları anlamına gelir (belki de iletişim bilgileri karşılığında ücretsiz bir e-kitap sunarak).

• Pop-up'ınızı çıkış niyetiyle görüntüleyin: Bu şekilde, sitenizden ayrılmak üzere olan ziyaretçilerin dikkatini çekeceksiniz.
  
  Çıkış amaçlı bir açılır pencereyle, birinin dönüşmeden ayrılmasını engelleyebilir ve onları alışverişe devam etmeye veya bir e-posta listesine abone olmaya ikna edebilirsiniz.

"Sıklığa" veya açılır pencerenin maksimum kaç kez görüntüleneceğine dikkat etmeniz de çok önemlidir. Tipik olarak, bunu ziyaretçi başına 1 veya 2 kez ile sınırlamak istersiniz.

Birden fazla açılır pencere göstermek sorun değil (aşağıda göreceğimiz gibi), ancak aynı açılır pencereyi tekrar tekrar görmek kullanıcılarınızı çıldırtır.

Kullanıcı etkileşimine dayalı açılır pencerelerin nasıl kullanılacağına dair güzel bir örnek. Obvi'nin çıkış amaçlı açılır penceresi yalnızca siteyi terk eden ziyaretçilere görünür.

Tüm ziyaretçileriniz için geçerli olan tek bir sihirli açılır pencere yok. Bunun nedeni, herkesin aynı kritik bilgileri veya indirim teklifini aynı anda görmesine gerek olmamasıdır.

Ne yazık ki, her bireyin sorunlarının çözümünü belirleyemez ve çözümleri bir açılır pencerede sunamazsınız.

Bunun yerine, ziyaretçilerinizi benzer ihtiyaçları ve özellikleri paylaşan gruplara ayırabilirsiniz.

Bu segmentler sektöre ve bir mağazanın sattığı ürün türlerine göre değişir. Ancak tüm işletmeler, ziyaretçilerini satın alma sürecinde hangi aşamada olduklarına göre gruplara ayırabilir.

"Müşteri yolculuğunuzu" düşünün: İnsanların markanız hakkında ilk olarak nasıl öğrendiklerini, açılış sayfanıza nasıl ulaştıklarını ve satın almak istedikleri ürünleri nasıl bulduklarını düşünün.

Müşteri yolculuğunun farklı aşamalarındaki segmentlerin farklı ihtiyaçları vardır ve onlara gösterdiğiniz açılır pencerelerin bunu yansıtması gerekir.

Şimdi, müşterilerinizi segmentlere ayırmak için kullanabileceğiniz diğer birkaç faktöre bakalım. Ayrıca, müşteri yolculuğunun farklı aşamalarında farklı ziyaretçiler için bazı kampanya fikirleri paylaşacağız.

2.1. Soğuk ve sıcak beklentiler

"Sıcak potansiyel müşteriler", şu anda bir şey satın almak isteyen müşterilerdir, "soğuk beklentiler" ise hala seçeneklerini araştırıyor ve hiçbir şey satın almaya tam olarak hazır değil.

Tüm ziyaretçilerinize, hemen satın almaya hazır “sıcak potansiyel müşteriler” gibi davranmak yerine, sıcak ve soğuk potansiyel müşteriler için farklı dönüşüm hedefleri oluşturmalısınız.

Sıcak potansiyel müşteriler için dönüşüm hedefi basittir: şimdi satın alın. Mesajınızın, zaman sınırlı bir indirim veya anlaşma kullanarak bu potansiyel müşterileri anında satışa yönlendirmesi gerekir .

Soğuk potansiyel müşteriler için, genellikle e-posta listenize kaydolmalarını sağlayan ikincil bir dönüşüm hedefine ihtiyacınız olacak. İletişim bilgilerini aldıktan sonra, zamanla onlarla iletişim kurabilecek ve satın almaya hazır olana kadar ilişkiyi besleyebileceksiniz.

Bu nedenle, soğuk ziyaretçilere, indirilebilir bir e-kitap gibi abone olmak istemelerini sağlayan içeriği göstermeniz gerekir.

Eylemde nasıl çalıştığını görelim. İşte birkaç BOOM! kampanyasından harika bir örnek .

Ürün gruplarıyla ilgilenen, ancak henüz satın almaya hazır olmayan soğuk müşteri adayları için bir mıknatıs olarak bir e-kitap sunuyorlar :

En sıcak potansiyel müşterileri için (BOOM!'un içeriğine en çok ilgi gösteren veya sepetlerini terk etmek üzere olanlar), %10 indirim kuponu teklifini, daha sonra değil, şimdi satın almak için bir teşvik olarak kullanıyorlar.

2.2. Coğrafi hedefleme

Uluslararası satış yapıyorsanız, konuma dayalı hedefleme veya coğrafi hedefleme, dönüşümleri artırmanın harika bir yolu olabilir. Coğrafi hedefleme ile istediğiniz kadar hedef ülke için istediğiniz kadar farklı mesaj oluşturabilirsiniz.

Ziyaretçilerinizi konumlarına göre bölümlere ayırmak, onlara nakliye teklifleri gibi ülkeye özel fırsatlar sunmanıza olanak tanır. İşte bir örnek:.

2.3. Ziyaretçileri satın alma sürecindeki aşamalarına göre hedefleyin

Müşterilerinizin her biri aşağıdaki farkındalık aşamalarından geçer:

5 farkındalık düzeyi, müşterilerin sitenizle etkileşime girerken içinde olacakları farklı zihniyetleri tanımlar. Markanızın var olduğunu yeni öğrenen bir müşteri, aynı sayfayı sadık bir müşteriden çok farklı bir şekilde görecektir.

Bu nedenle, açılır pencereleriniz aracılığıyla bu segmentlerin her birine farklı ikincil mesajlar iletmeniz gerekir.

İşte bu gruplardan birine uyarlanmış birkaç mesaj örneği.

1. Sorunun farkında olan ziyaretçiler bir sorunları olduğunu bilirler, ancak yine de onu çözmenin en iyi yolunu bulmaya çalışırlar. Bu noktada amacınız, problemlerini (bir cilt bakımı sorunu veya yeni bir çift koşu ayakkabısı ihtiyacı) daha iyi anlamalarına yardımcı olmak ve olası çözümler sunmaktır.

Bunu yapmanın bir yolu, blog gönderileri ve e-kitaplardır. Örneğin, "yeni başlayanlar için koşu ipuçları" hakkında bir makaleniz varsa, 10K koşma hakkında "nasıl yapılır" ipuçları veren bir e-kitabın tanıtımını da yapabilirsiniz.

2. Çözümü bilen ziyaretçiler , ne tür bir ürünün problemlerini çözeceğini bilirler ve aktif olarak seçeneklerini tartarlar (onları az önce tartıştığımız problemin farkında olan ziyaretçilerden “daha ​​sıcak” bir olasılık haline getirir). Bu, hedefinizi basitleştirir: sitenizde kendileri için en iyi ürünü bulmalarına yardımcı olun.

Kanıtlanmış bir yaklaşım, onlara göz attıkları kategorideki en popüler ürünleri (veya "trend" ürünleri) göstermeyi içerir.

3. En bilinçli ziyaretçiler , sorunlarını çözecek, sevdikleri belirli bir ürün buldular. Tek yapmaları gereken "Şimdi satın al"ı tıklayıp ödeme sürecini tamamlamak. Bu müşteriler sizin "en sıcak" potansiyel müşterileriniz olsa bile, satın alma yapmak için genellikle son bir hamleye ihtiyaçları olacaktır.

Sadece sınırlı bir süre için geçerli olan karşı konulmaz özel teklif, bu segmenti daha sonra değil şimdi satın almaya ikna etmenin en iyi yoludur.

2.4. Gelişmiş segmentasyon

Ziyaretçilerinizin yerinde davranışlarını da hesaba katarak, giderek daha spesifik kullanıcı segmentleri oluşturmanıza olanak tanıyabilirsiniz. Segmentasyonunuz ne kadar spesifik olursa, mesajınız o kadar alakalı olabilir.

Ziyaretçilerinizi daha fazla segmentlere ayırmak için aşağıdaki kullanıcıya özel davranışı kullanabilirsiniz:

• Geçerli alt sayfada en az X saniyedir
• Belirli bir trafik kaynağından
• Şu anda belirli bir sayfaya göz atıyor
• Daha önce belirli bir sayfayı/sayfaları ziyaret ettiyseniz
• Sepetlerinde belirli ürünler var
• Belirli bir eşikten daha büyük bir alışveriş sepeti değerine sahip olmak

Bu, şunları yapmanızı sağlar:

• Farklı trafik kaynaklarından gelen ziyaretçilere farklı pop-up'lar görüntüleyin (ör. Facebook ve Google Ads).
• Belirli sayfaları ziyaret etmiş ancak henüz bir satın alma işlemi gerçekleştirmemiş potansiyel müşterilere belirli kampanyaları gösterin.
• Ziyaretçileri, sepetlerine ekledikleri ürünlere göre hedefleyin (yukarı satış ve çapraz satış için).

Dediğimiz gibi, “Herkese satıyorsanız, hiç kimseye satmıyorsunuz”. Kişiselleştirme ile bunu bir üst seviyeye çıkarabilirsiniz.

Ziyaretçilerinizi ilgi alanlarına, demografik veya coğrafi değişkenlere ve satın alma sürecindeki aşamalarına göre segmentlere ayırdıktan sonra, onlara en alakalı mesajları gösterebilirsiniz.

Örneğin, elektronik ürünler satıyorsanız ve belirli bir ziyaretçinin akıllı telefonlarla ilgilendiğini biliyorsanız, “Akıllı Telefonlarda %25 İndirim”, “Seçili Ürünlerde %25 İndirim” mesajından çok daha etkili bir mesajdır.

Pop-up'larınızdaki mesajlar için dört temel özelleştirme düzeyi vardır:

1. Herkes aynı mesajı alır: Başka bir deyişle, tüm web sitenizin ziyaretçilerine genel bir teklif yayınlarsınız. Bu tavsiye edilmez.
2. Sıcak potansiyel müşteriler ve soğuk potansiyel müşteriler için iki farklı teklifte bulunuyorsunuz: Yani, kitlenizi katılımlarına göre iki ana segmente ayırıyorsunuz. Bu basit segmentasyon bile bir fark yaratabilir.
3. Ana ziyaretçi gruplarının her biri için çeşitli teklifler vardır: Bu durumda, ziyaretçilerinizi ilgili değişkenlere göre birkaç farklı gruba ayırır ve her grup için özelleştirilmiş mesajlarla onları yeniden etkileşime geçirirsiniz.
4. Dinamik Metin Değiştirme kullanılarak herkes özelleştirilmiş bir mesaj alır: Bu, açılır pencereleriniz için en yüksek kişiselleştirme düzeyidir. Her mesaj, onu gören kişiye özel olarak uyarlanır.

Dinamik Metin Değiştirme ile açılır pencerelerinizdeki metin, seçtiğiniz değişkenlere göre otomatik olarak güncellenir.

Bu, bir şablon oluşturabileceğiniz ve ardından içeriği her bir ziyaretçi kitlesinin ihtiyaçlarını karşılayacak şekilde değiştirebileceğiniz anlamına gelir. Bu yaklaşımı kullanmak, harcadığınız çabayı azaltır ve her bir ziyaretçi segmentinizin en alakalı içeriği görmesini sağlar.

Yukarıdaki örneğimize dönersek, bir ziyaretçi akıllı telefon kategorisi sayfasından veya akıllı telefon kategorisindeki tek bir ürün sayfasından siteden ayrılmaya çalıştığında elektronik mağazası "Akıllı Telefonlarda %25 İndirim"i teşvik eder.

Ancak, bir ziyaretçi dizüstü bilgisayar aksesuarlarına göz atarken ve siteden ayrılmaya çalıştığında, "akıllı telefon" kelimesi otomatik olarak "dizüstü bilgisayar aksesuarları" olarak değişir ve bu müşterinin ihtiyaçlarına doğrudan hitap eder.

Dönüşümlerinizi en üst düzeye çıkarmak için, kendinizi açılır pencere başına bir hedefle sınırlamalı ve değer önerisinin ikna edici olduğundan emin olmalısınız.

Değer önerisi , müşterilerin pop-up'ınızla etkileşime girmekten veya ürünlerinizi satın almaktan bekleyebilecekleri bir avantajdır. Bir e-posta kaydı açılır penceresinin değer teklifi, belirli satışlara veya ürünlere özel erişim olabilirken, bir indirim açılır penceresinin değeri, bir ziyaretçinin kupon kodunu kullanarak tasarruf edebileceği paradan gelir.

Aynı açılır pencerede birden fazla hedefe ulaşmaya çalışıyorsanız, bunlardan herhangi birini tamamlama şansınızı azaltırsınız. Sonuç olarak, mesajınızı karıştıracak ve ziyaretçilerin teklifinizin değeri konusunda kafasını karıştıracak, dönüşümleri ve satışları daha az olası hale getirecektir.

Pop-up'ları kullanarak birkaç hedefe ulaşılabilir, ancak kendinizi her açılır pencerede bunlardan yalnızca birini takip etmekle sınırladığınızdan emin olun.

İşte bazı yaygın e-ticaret hedefleri:

1. Satışları artırmak
2. E-posta listenizi oluşturma
3. Sepet terkini azaltma
4. Ek satış ve çapraz satış
5. Müşteri deneyimini geliştirmek

Az önce gördüğümüz gibi, bir açılır pencerenin başarısı, ziyaretçilerinize sağladığı değere bağlıdır.

Ancak teklifiniz ne kadar değerli olursa olsun, ondan yararlanmak çok zorsa, o zaman kimse zahmete girmek istemez.

Bu yüzden çok fazla bilgi istemekten kaçınmak önemlidir. Örneğin, bir e-posta kaydı açılır penceresinde çok fazla alan görüntülemek, çoğu kullanıcı için çok fazla iş gibi görünmesine neden olur. Ayrıca, yeni ziyaretçiler kişisel bilgilerini çok fazla vermekte tereddüt edebilirler.

Ne kadar az veri talep ederseniz, o kadar çok dönüşüm elde edersiniz. Çoğu durumda, aşağıdaki örnekte olduğu gibi, yalnızca bir e-posta adresi yeterlidir.

Pek çok site, The Oodie'deki bu örnekte olduğu gibi, gelecekte mesajlarını kişiselleştirmek için bir ad ister.

Daha fazla bilgi isteme ihtiyacı hissettiğinizde, çok adımlı bir açılır pencere kullanmak en iyisidir. Bu şekilde, önce en kritik bilgileri isteyebilir, ardından açılır pencerenizin ikinci sayfasında ek girdi alanları belirleyebilirsiniz.

Oodie'nin açılır penceresinde, telefon numarası da istedikleri ikinci bir sayfa vardı:

The Oodie tarafından kullanılan bu stratejiye “Truva Atı Metodu” adı verildi ve sadece 30 günde The Oodie için 1,9 milyon dolar ekstra gelir sağladı.

Stratejilerini "çalmak" istiyorsanız, ücretsiz eğitimimizi izleyin.

UX tasarımcıları gibi açılır pencereler oluşturmak, her bir ziyaretçinizi bir insan olarak düşünmek ve bir açılır pencere göründüğünde içinde olacakları zihin durumunu dikkatlice düşünmek anlamına gelir.

Bu nedenle, hiçbir zaman bir giriş pop-up'ı kullanmamalı ve bunun yerine sitenizle olan kullanıcı etkileşimine dayalı pop-up'lar oluşturmalısınız. Kullanıcı segmentlerini tanımlamak ve ardından ilgili teklifleri görüntülemek bir sonraki adımdır. Son olarak, mesajlarınızı her kullanıcıya göre uyarlamak için Dinamik Metin Değiştirmeyi kullanarak açılır pencerelerinizi kişiselleştirebilirsiniz.

Bu en iyi uygulamaları takip ederek, sitenizdeki kullanıcı deneyimini iyileştirirken aynı zamanda liste oluşturma çabalarınızı iyileştirebilir ve satışları artırabilirsiniz!

OptiMonk'u ücretsiz kullanmaya başlayın ve yalnızca birkaç dakika içinde kullanıcı deneyimini iyileştiren çarpıcı açılır pencereler oluşturun.