Başarılı bir web sitesi pop-up’ın anatomisi
Web sitesi bir zamanlar birçok gürültü ile doluydu-çarpıcı ve çirkin renk şemalarıyla dolu, çok fazla metin küçük alanlara sıkıştı ve tarayıcıdan çıkan ve ziyaretçileri rahatsız eden pop-up’lar. Ancak tasarımcılar o zaman daha iyi bilmiyorlar ya da daha doğrusu, sadece bildikleri en iyi tasarım ve uygulama trendleriyle birlikte çalışıyorlar. O zamandan beri zaman çok değişti. Geliştiriciler ve web tasarımcıları artık teknoloji veya tekniklerle sınırlı değildir, bu da kötü bir tasarımın daha fazla bir nedeni olmadığı anlamına gelir. Bu, WordPress sitesinde bulunan ve başlık başlık başlık görüntüsünden iletişim formuna ve tipografiye kadar değişen her öğeyle ilgilidir. Kullanıcı deneyimi için tasarlanırken şimdi her şey önemlidir.
Bugün, dönüşüm sürecinin önemli bir parçası olduğunu düşündüğüm iyi bir pop-up tasarım yapan şeylere odaklanmak istiyorum. Özellikle, başarılı WordPress pop-up anatomisini ve bu ilginç tasarım öğesinin dönüşüm seviyenizi çatıdan nasıl teşvik edebileceğini incelemek istiyorum. Pop-up’ı WordPress pop-up üzerinde kullanma argümanı çekici bir tasarım öğesidir. Kullanıcının deneyimini geçici olarak rahatsız ederken (genellikle-hayır değil), bu da ziyaretçilerin bunu düşünmek için kısa bir süre almayı umursamadıkları kadar çekici veya heyecan verici bir şey sunarak iyi bir şekilde yapılır.
Tabii ki, bu durumda, e-posta müşterileri toplamak veya satış kanalları aracılığıyla ziyaretçileri teşvik etmek için çalışan dönüşümler üreten pop-up’lar hakkında konuşuyoruz. Ancak, pop-up çeşitli amaçlar için kullanılabilir. Örneğin, çerezinizi veya gizlilik politikanızı paylaşabilir, ziyaretçilerin bir alışveriş sepetine bir şeyler ekledikten sonra ilgili öğeleri önerebilir, hatta kısa bir anket yapmalarını isteyebilirsiniz. İlgili öneriler sağlamak için açılır pencereler kullanan hedefler gibi perakendecilerin örnekleri.
Tüm web sitelerinden sadece bu verileri desteklemekle kalmayıp aynı zamanda açılır performansın bundan çok daha iyi olduğunu da gösteren hikayeler var. Ancak, bu vaka çalışmalarının çoğu birkaç yaşında. Bunun en yenilikçi ve gelişmiş web pazarlamacıları ve gelişmiş düşüncenin pop-up teknolojisi ile oynamaya başladığı zaman mantıklıdır. Bu şimdi şu soruyu gündeme getiriyor: pop-up hala alakalı ve etkili mi? Piyasa pop-up niyetleri, halo slayt bıçakları, tam sayfalar ve daha fazlası ile çok doygunsa, bu WordPress sitenizde kullanım için uygun bir dönüşüm üreticisi mi?
Tabii ki! Pop-up, web tasarımının en iyi uygulamalarının çoğunu hesaplar. Örneğin:
Pop-up, Site sayfanızdan gereksiz kaosu siler.
Genellikle keskin görsellerden ve minimal metinden oluşurlar.
Basitçe kelime düzenlemesi açısından iyi tasarlanmış ve teslim etme daveti. Ziyaretçileriniz için küçük bir öğrenme eğrisi vardır, çünkü çoğu insan pop-up’lara çok aşinadır ve onlarla nasıl etkileşime gireceğini bilir.
Pop-up, sitenizi animasyon, video veya sosyal kanıtlarla aşılamak için eğlenceli bir fırsat sunar.
Hustle gibi yüksek kaliteli WordPress eklentileriyle kolayca yapabilirsiniz.
Pop-up Hubspot ilk başta basit görünüyor, ancak daha sonra ince ama güçlü olan sosyal kanıtlar görüyorsunuz.
Genel olarak, iyi tasarlanmış pop-up, gerçekten ihtiyacınız olduğunda ziyaretçilerin dikkatini çekmek için çok iyidir. Zamanında bir bildirim veya istek göndermek için kullanabilirsiniz. Ayrıca, rahatsız edildiklerinde veya rahatsız edildiklerinde, şüpheleri varsa veya daha fazla motivasyon gerektiriyorsa satış kanalları üzerinden yönlendirmek için ziyaretçi verilerini de kullanabilirsiniz. WordPress’te başarılı bir pop-up’ın anatomisi açıktır, WordPress sitenizin başarısı mükemmel bir şekilde tasarlanmış ve ziyaretçilerin dahil olamaması için çok çekici bir teklife sahip olan kullanıma bağlıdır. Öyleyse, başarılı pop-up’lar için kazanan formülün ne olduğunu kontrol edelim. 1. Sumo stili, pop-up’ı başarılı kılan şeyi daha da kazar; Özellikle, daha fazla e -posta kaydı toplama açısından. Buldukları şey, çeşitli pop-up türlerinin genellikle ziyaretçileri müşterilere dönüştürmede daha etkili olma eğiliminde olmasıdır:
Pop-up e-posta aboneliği zamandan% 2,9 dönüştürür.
Hoş Geldiniz Mat Pop-Up (girerken bir tam sayfa alır)%2.6 dönüştürün.
%1.9’u dönüştürmek için dönüştürülmüş bir kaydırma tetikledi.
Pop-up Smart veya Hello Bar%0.5’i dönüştürür.
Bu, her zaman geleneksel bir e-posta aç-up kullanmanız gerektiği anlamına gelmez. Ayrıca, Hello Bar Slide-Down Neil Patel Pop-Up’a bakın:
Pop-up merhaba bar animasyonlu Neil Patel.
Bu iyi yapılır, çünkü sadece tasarlanmış, can sıkıcı değildir ve minimum iz dikkate alınmazsa dikkat çekmek için eğlenceli animasyonlar kullanır. Bir stil seçmenin en popüler stili veya daha yüksek bir dönüşüm seviyesi olarak bilinen en popüler stili kullanmakla ilgili olmadığını unutmayın. Bu, siteniz, ziyaretçileriniz ve ikisi arasındaki deneyimi tamamlamak için tasarlanmış bir stil bulmakla ilgilidir. 2. Renk, elbette, web tasarımında her zaman önemli bir rol oynayacaktır. Seçtiğiniz renklerin arkasındaki psikolojiyi anlayarak, dönüştüren daha etkili pop-up’lar yapabilirsiniz. Tabii ki, markanız için zaten var olan renk paletini de unutmamalısınız, bu nedenle sitede harika görünen pop-up’lar tasarlamak arasında dengelemekle ilgilidir, ancak ziyaretçileri harekete geçmeye zorlar. Örneğin bu Sumo pop-up’a dikkat edin:
Bu sumo pop-up’da fark ettiğiniz ilk şey nedir? Eminim mor CTA.
Bildiğimiz gibi, Mor genellikle servetle ilişkilidir. Gerçekten de CTA’ları için akıllı bir renk seçimidir, çünkü saha büyümesini otomatikleştirme ile başarısı arasında bir korelasyon olduğu anlamına gelir. 3. Kompozisyon geri adım atmak ve pop-up’ı bir bütün olarak görmek çok önemlidir. Önemli pop-up’larda hareket eden her parçanın tasarımı ve genel kompozisyon. Pop-up’ınız: Basit ve kolayca takip edildi.
Temiz ve dengeli bir çizgi ile tasarlanmıştır. Yüksek alakalı ve yüksek çözünürlüklü görüntüler ekleyin; İdeal olarak, sadece bir resim teklifin ne olduğunu özetler.
Site uzantınız gibi görünüyor ve sınırlı ayar seçeneklerine sahip açılır pencereden açıkça yapılmıyor.
Büyük tipografi kullanın ve okunması kolay.
Bence GQ Black Friday’in pop-up bu hedefi yakalamak için harika bir iş çıkarıyor.
Tasarım, temiz ve markalarıyla çok uygun basit bir GQ gelin.
Marka renginin kullanıldığını görebilir ve teklifi iyi çerçeveleyebilirsiniz. Ve sağdaki metni okumak istemeyen insanlar için, deneyimlerinin neden kesintiye uğraması gerektiğini anlamak için soldaki düzgün görüntülere ve net tekliflere bakmaları gerekir.
4. Bir sonraki metin, gerçek açılır mesajımız var. Bu şeyler için kullanılan dili ayarlamasanız da, pop-up’ları metinle doldurmak açısından hala bir dizi uygulama bilmeniz gerekir. Aşağıdakileri hatırlayın: Her zaman başlığı, kısa bir mesajı (cümle iyi olacak) ve harekete geçme davetini ekleyin.
Ziyaretçilerin duygularını çeken güçlü bir dil kullanın. Coschedule Analyzer başlığı, başlık metninizin ne kadar iyi çalıştığını ölçecektir.
Kısa kal. 30 kelimeden daha az yazamıyorsanız, bu mesaj açılır pencereye dahil değildir.
Sitenizden aynı marka ve persona sesini kullanın.
Ziyaretçilerin sitede başka bir yerde bulamayacakları değerli bir şey sunun.
Mümkünse aciliyet kullanın. Eğer kelimelerle yapamıyorsanız, o zaman renkle yapın.
Mesajları ziyaretçi verilerine göre ayarlayın (örneğin coğrafya, demografi vb.)
Wishpond, bu pop-up bindirmede oldukça bir metin kullanarak iyi bir iş çıkarır. Pop-up Wishpond, cazip tekliflerin kısa mesajla nasıl gönderileceğine iyi bir örnektir.
5. CTA Son zamanlarda web sitesinin ziyaretçilere hareket etmek için iki davet seçeneğine verdiği garip bir trend var. Bu eğilimin neden geliştiğini anlıyorum, ancak bunun çok fazla web sitesinde kötü bir şekilde yürütüldüğünü gördüm, böylece trend nihayet çıkacaktır. Kendiniz bu kötü infaz görmüş olabilirsiniz:
Olumlu seçenek: Bu, “Oh, teşekkür ederim, teşekkür ederim! Bu teklifin hayatımı daha iyisi için değiştireceğini biliyorum! ”
Bu, iki CTA seçeneğine sahip tüm pop-up’ların kötü bir şekilde yapıldığı veya ziyaretçileri utandırmak için tasarlandığı anlamına gelmez. Ferris’in ekibi iyi bir örnektir:
Ferris ekibi çift CTA seçeneği kullanarak ortaya çıkar, ancak bunu profesyonel ve dostça bir şekilde yapar.
Ancak, genel olarak, ziyaretçileriniz bir tıklama veya blöf olmaya çalışırsanız bir tıklama, sitenizden kaldırın ve Twitter’a koyarsanız söyleyeceğim. Web siteniz bunun için bir yer değil ve Twitter umarım hepsini yutacaktır. Evcil hayvanımın hayal kırıklığı dışında, harekete geçme davetinin basit kalmasını önerdim. E -postayı girmek veya düğmeyi tıklamak için ziyaretçilerin hangi karşılığında alacağını açıklayan basit bir dil kullanın. Ayrıca, işi minimum tutun: doldurulması gereken ikiden fazla alan (yani e -posta ve belki ad) ve tıklanacak bir düğme. 6. Yerleşiminiz bir soru bile açılır yerleşimi düşünmeyebilir. Ayrıca, sitenizin içeriğine açık olmamalı mı? Şart değil. Coschedule’den gelen bu kaydırma tarafından tetiklenen açılır pencereyi alın: Siteniz gerçekten ödün vermiyorsa, pop-up’ların yerleşimi çalınabilir.
Bu pop-up bir analizör başlığı kullandığınızda göründüğü için, yanına koymayı seçmek akıllıca bir adımdır. Bu şekilde, ilginç olan ancak yine de ziyaretçileri bekleyen özel mesajlar olduğunu bilgilendirebilecek deneyimlere müdahale etmezler. Dikkate alınması gereken başka yerleşimler de var. Merhaba Bar, elbette, pop-up’ınızın sitenin üstüne veya altına düşmesine izin verin. Yukarıdaki örnekte Coschedule gibi düz bir pop-up kullanabilirsiniz. Veya sitenin sol veya sağ köşesine yerleştirebilirsiniz (geleneksel doğrudan sohbet kutularının yerleştirilmesinden farklı değildir). Tabii ki, pop-up’ların cep telefonlarına yerleştirilmesine dikkat etmelisiniz. Masaüstünde oynamak için birçok seçeneğiniz olsa da, hücresel o kadar iyi olmayacak. Aslında, Google, hücresel açılır pencerenizin deneyimi bozduğundan eminse sitenize ding yapacaklar: “Müdahale eden geçiş yapan sayfalar, kullanıcılar için içeriği doğrudan erişilebilen diğer sayfalardan daha kötü deneyimler sağlıyor. Bu, ekranları genellikle daha küçük olan mobil cihazlarla ilgili bir sorun olabilir. ” 2017’nin başlarından itibaren Google, pop-up’ları kullanan bir web sitesini mobil cihazlarda aşağıdaki yollarla cezalandırmaya başladı: girerken tamamen ana sayfalarda kapsandı.
Her kullanıcıyı siteye girmeden önce pop-up’ı görmeye (ve yok saymaya) zorlayanlar. Doğrudan avluya inşa edilmiş ve ziyaretçileri web sitesi içeriğinin gerçek başlangıcını bulmak için kaydırma yapılması gerektiğini anlamaya zorlar.
Bu nedenle, hücresel ziyaretçilerinize pop-up göndererek iyi hissediyorsanız, nasıl ve nerede yaptığınız konusunda dikkatli olun.7. Son çıkış, seçeneği unutmayın.Bu, çift CTA’yı sevmememin nedeninin bir parçasıdır: genellikle sağ üst köşede pratik olan “X” düğmesi kaybolur.Lütfen ziyaretçilerinize yapmayın.Onların yerine deneyimleri kesintiye uğratmak bir bahis.Herkesin pop-up’ları nasıl kapatacağını bilmenin tek yolu ortadan kaldırmayın.Dodocase bunu iyi tasarladı: Dodocase’in pop-up, sağ üst köşede çekici bir (ve animasyon) teklifinden uzaklaşmayan açık bir “X” işareti kullanıyor. Burada kamuoyuna da karşı çıkabilirim, ama bence “X” nin açıkça görülmesi ve söylemesi gerektiğini düşünüyorum. Daha pürüzsüz ve hafif gölgeli ise, teklifin dikkatini çekmesi olası değildir. Sonunda bunun önemli olduğunu düşünmüyorum. Birisi “X” i görür ve bunun için hareket ederse, büyük olasılıkla bunun için doğru hedef kitle değildir. Sarma Sadece belirli nişler için gerçekten işlev gören bazı tasarım öğelerinden farklı olarak, pop-up’ın her web sitesine iyi hizmet verecek bir şey olduğunu düşünüyorum. Sadece daha fazla müşteri almak ve dönüşüm seviyesini arttırmak için harika değil, aynı zamanda WordPress sitenizde oluşturduğunuz navigasyonun minimum ve kolay tasarımını korumaya yardımcı oluyorlar. Bu, herhangi bir eski pop-up’ın web siteniz için yeterli olmayacağını söylüyor. Zamanında iyi tasarlanması ve gerçekten değerli bir teklif sunması gerekir. Bu nedenle, analitik olduğunuza, sıcak haritalama araçlarına ve A/B’yi test ettiğinize dikkat edin, ziyaretçinizin bu pop-up’a verdiği yanıt hakkında bilgi verir, böylece ziyaretçinizin deneyimini geliştirecek şekilde yeniden tasarlayabilir ve deneyimleyebilirsiniz. Web sitenizdeki dönüşüm seviyesini artırmada en başarılı siz misiniz?
Etiket:
aniden ortaya çıktı
