Yön İpuçları: Ziyaretçilerin Dönüştürmesini Sağlayan Tasarım İpuçları

Yayınlanan: 2017-02-17

Bir sonraki tıklama sonrası açılış sayfanızı tasarlamayı yeni bitirdiniz. Çarpıcı bir başlık ve alt başlık hazırladınız, son derece ikna edici bir metin yazdınız, formunuzu mükemmelleştirdiniz, şimdiye kadarki en iyi CTA'yı yarattınız ve sayfa hiyerarşiniz yerinde. Ziyaretçileri dönüştürmeye ikna etmek için her öğe en iyi yerde.

Yani, tıklama sonrası açılış sayfanız yayınlanmaya hazır, değil mi? Pek değil.

Ekibinizin oluşturmak için saatler harcadığı videoyu ziyaretçilerinizin izlemesini nasıl sağlayacaksınız? Veya ziyaretçilerin o mükemmel CTA düğmesini tıkladığını mı?

Tüm bunları şansa bırakmayın; Ziyaretçileri tam olarak gitmelerini istediğiniz yere yönlendirin. En kritik tıklama sonrası açılış sayfası öğelerinize odaklanmalarını (ve bunlar üzerinde işlem yapmalarını) istediğiniz yere bakmalarını sağlayın.

F-Pattern ve Z-Pattern düzenine benzer şekilde, yön ipuçlarını (aka görsel ipuçları) kullanmak, ziyaretçilerinizi sayfanızda bilinçli bir şekilde gezinmeleri için etkileyebilir. Bu tıklama sonrası açılış sayfası tasarım bileşenlerinin üçü de, kullanıcı eylemlerini etkilemek ve onları harekete geçmeye zorlamak için psikolojiyi kullanır.

Bunun nasıl çalıştığına daha yakından bakalım.

Yön ipuçları nelerdir?

Yönlendirme ipuçları, tıklama sonrası açılış sayfanızın en önemli öğelerine, örneğin potansiyel müşteri yakalama formunuz, CTA'nız, videonuz, referanslarınız veya ekranın altındaki bilgiler gibi oklar veya bir modelin bakışları gibi görsel yardımcılardır.

Yönlü ipuçlarının iki temel türü vardır: örtük ve açık yönlü ipuçları.

Bunların her ikisinin de kasıtlı olarak ziyaretçilerin dikkatini nasıl odaklayabildiğini incelemeden önce, bu görsel yardımcıların arkasındaki psikolojiye bir göz atalım.

Görsel ipuçlarının arkasındaki psikoloji

Görsel ipuçları, sinyaller veya titreşimler olarak düşünülebilir ve bilinçaltında beyniniz bu tür sinyalleri tanımlayabilir. Örneğin, ilk buluşmada, size kişinin ilgilenip ilgilenmediğini gösteren vücut dili, göz teması, yüz ifadeleri gibi gönderdiği titreşimden randevunuz hakkında çok şey öğrenebilirsiniz. Farkına bile varmadan, herkesten bu titreşimleri alıyorsunuz.

Görsel ipuçları sinyaller veya titreşimlerdir ve bilinçaltınızda beyniniz bu tür sinyalleri tanımlayabilir.

Tweetlemek için tıklayın

Aynı hisleri dijital pazarlama bağlamında ve tıklama sonrası açılış sayfaları ile iletebilir ve alabilirsiniz. Tıklama sonrası açılış sayfanızdaki görsel ipuçları, ziyaretçilerinize ince bir mesaj, bir hava, bir his verir.

Tıklama sonrası açılış sayfalarında, bu titreşimleri veya ipuçlarını nasıl çevireceğimizi ne belirler? Tipik olarak, algılarımızı etkileme eğiliminde olan geçmiş deneyimlerimiz ve depolanmış bilgilerimizdir. Ve aşağıda göreceğiniz gibi, ziyaretçilerin sayfanızla etkileşime geçmesine ve harekete geçmesine yardımcı olabilecek çeşitli sinyaller.

Tıklama sonrası açılış sayfalarında üstü kapalı yön ipuçları

Örtülü yönlendirme ipuçları incedir ve genellikle ziyaretçiler tarafından fark edilmez. En yaygın türler arasında beyaz boşluk, renk kontrastı ve kapsülleme bulunur. İşte her birine bir bakış:

Beyaz boşluk

Beyaz alan, tıklama sonrası açılış sayfanızın belirli öğelere dikkat çekmeye yardımcı olan negatif alanı veya boş alanıdır. Boşluk eklemek, sayfanızı basitleştirmeye, kullanıcı deneyimini iyileştirmeye ve teklifinizin genel olarak anlaşılmasını artırmaya yardımcı olabilir. Bunun nedeni, odaklanılacak daha az öğe olması nedeniyle ziyaretçilerin, onlardan istediğiniz şeye bakmaya zorlanmasıdır.

Başlığı, alt başlığı ve potansiyel müşteri yakalama formunu çevreleyen önemli miktarda beyaz boşluk kullanan Percolate'den bir tıklama sonrası açılış sayfası:

Bu resim, pazarlamacılara, Percolate'in tıklama sonrası açılış sayfası formuna dikkat çekmek için beyaz alanı yön işareti olarak nasıl kullandığını gösteriyor.

renk kontrastı

Zıt renkler, yönlendirici bir işaret görevi görür çünkü keskin renk farklılıkları, ziyaretçilerin o alana dikkat etmesini sağlar.

Göstermek için Marketo, bu tıklama sonrası açılış sayfasında bir sosyal medya pazarlama kılavuzu sunuyor, ancak renk kontrastı olmadığı için CTA kayboluyor:

Bu resim, pazarlamacılara, Marketo'nun tıklama sonrası açılış sayfası ziyaretçilerini dönüşüm sağlamaya ikna etmek için yön ipuçlarını kullanmakta nasıl başarısız olduğunu gösteriyor.

Ancak bu Codify Academy tıklama sonrası açılış sayfasında, CTA düğmesi sayfadan atlıyor çünkü kırmızı diğer tüm renklerle tezat oluşturuyor:

Bu resim, pazarlamacılara, Codify Academy'nin ziyaretçileri dönüşüm gerçekleştirmeleri için etkilemek üzere renk kontrastlı yönsel bir ipucunu nasıl kullandığını göstermektedir.

kapsülleme

Kapsülleme veya öğelerin çerçevelenmesi, kapalı bir odak penceresi oluşturarak sayfada neyin önemli olduğunu vurgulamanın başka bir yoludur. Tasarımcılar, sayfa karmaşasını azaltmak ve belirli öğelere dikkat çekmek için bunu genellikle kutular, ana hatlar ve/veya zıt renklerle yaparlar.

Bellevue Üniversitesi, bu tekniği aşağıdaki sayfada, başlık resminde ve formda iki kez kullanır. Bununla birlikte, form, tıklama sonrası açılış sayfası ziyaretçilerinin bilgilerini göndermelerini sağlamak için zıt mor bir kutu içinde tasarlandığından daha da özetlenmiştir:

Bu resim, pazarlamacılara, Bellevue Üniversitesi'nin, ziyaretçilerin müşteri adayı yakalama formuna dikkat etmelerini sağlamak için bir yönlendirme işareti olarak kapsüllemeyi nasıl kullandığını gösteriyor.

Tıklama sonrası açılış sayfalarında açık yön ipuçları

Açık ipuçları, örtük ipuçlarına kıyasla insan gözü için apaçık ortadadır, bu nedenle tipik olarak hemen tespit edilebilirler. Gözle bakma, işaretleme veya mimik, stratejik nesne konumlandırma, oklar ve çizgilerin tümü bu grubu oluşturur. Her türe daha yakından bakalım:

göz bakışı

İnsan gözünün bakışını bir yön işareti olarak kullanmak, özellikle tıklama sonrası açılış sayfalarında etkilidir. İnsanlar başkalarının baktığı şeye bakma eğilimindedir, bu nedenle ekrandaki biri bir forma bakarsa, ziyaretçinin de forma dikkat etmesi daha olasıdır. Bu teknik, bilinçaltında ziyaretçileri istediğiniz yere bakmaları için etkiler ve ayrıca kişisel çekicilik katar. Donald Trump ve Hillary Clinton, kampanya sezonunda bağış sayfalarında kullanarak bu tekniğin değerini anladılar.

Capella Üniversitesi'nden başlık, alt başlık ve form yönüne bakan gülümseyen bir öğrenciyi gösteren bir tıklama sonrası açılış sayfası. Farkına bile varmadan, ziyaretçiler muhtemelen dikkatlerini buraya da odaklayacaktır:

Bu resim, pazarlamacılara, Capella Üniversitesi'nin, tıklama sonrası açılış sayfası ziyaretçilerinin başlığa ve müşteri adayı yakalama formuna odaklanmasını sağlamak için bir modelin bakışını yönsel bir işaret olarak nasıl kullandığını gösteriyor.

Burada, Çalıştığım Zaman'ın sayfasında görüldüğü gibi, sosyal kanıt (ör. referanslar) göz bakışından da yararlanabilir:

Bu resim, pazarlamacılara, Çalışırken ziyaretçilerin müşteri referanslarına dikkat etmelerini sağlamak için bir modelin bakışını nasıl kullandığını gösteriyor.

İşaret etme veya el hareketi

Göze bakmaya benzer şekilde, önemli bir öğeye yönelik bir model noktası veya hareketi, ziyaretçilerin o alana odaklanmasını sağlar. Bu teknik göz bakışı kadar incelikli olmadığı için; jestin sevimsiz ve doğal görünmeme ihtimali var. Bu nedenle, neyin en iyi sonuçları verdiğini görmek için sayfalarınızı farklı hareketlerle A/B testi yaptığınızdan emin olun.

nesne konumlandırma

Görüntüleri belirli bir odak alanına işaret edecek şekilde konumlandırmak, potansiyel müşterilerin dikkatini çeker ve söz konusu öğeyi daha belirgin hale getirir.

U-Pack, tıklama sonrası açılış sayfası formunun her ziyaretçi tarafından fark edilmesini sağladı. Sadece siyah bir kenarlıkla çevrelemekle kalmadılar, aynı zamanda hareket halindeki bir kamyonu forma bakacak şekilde konumlandırdılar, böylece ziyaretçiler yardım edemeyecek ve dikkat çekemeyecekler:

Bu resim, pazarlamacılara, UPack'in hareket halindeki bir kamyonu, ziyaretçilerin müşteri adayı yakalama formuna dikkat etmelerini sağlamak için bir nesne yönlendirme işareti olarak nasıl kullandığını gösterir.

oklar

Oklar, ister hareketli ister sabit olsun, basit ve kolay anlaşılır oldukları için en sık kullanılan açık yön ipuçlarından biridir.

Loud Rumor, CTA düğme tıklamalarını etkilemek için iki adımlı katılım formunda sabit, elle çizilmiş bir ok kullanır:

Bu resim, pazarlamacılara, ziyaretçilerin tıklama sonrası açılış sayfası CTA düğmesini tıklamasını sağlamak için yön ipuçları olarak okları nasıl kullanacaklarını gösterir.

Web kullanıcıları kaydırmaya alışkın olsalar da, ziyaretçilerin ekranın alt kısmında gezinmesine yardımcı olmak için genellikle oklar da yerleştirilir. Constant Contact'ın bunu basit bir kapalı okla nasıl yaptığına bakın:

Bu resim, pazarlamacılara, Constant Contact'ın ziyaretçileri ekranın alt kısmına kaydırmaya ikna etmek için bir ok yönlü ipucunu nasıl kullandığını gösteriyor.

İşte Boardvantage'dan bir başkası - okun hiper bağlantılı olduğu. Tıklandığında, sayfa ekranın alt kısmına kaydırılır ve üç farklı kullanım durumu görüntülenir:

Bu resim, pazarlamacılara, Boardvantage'ın ziyaretçilerin ekranın alt kısmına kaydırmasını ve kullanım durumlarını görmesini sağlamak için bir ok yönlü ipucunu nasıl kullandığını gösteriyor.

çizgiler

Çizgiler, daha az belirgin ipuçlarından biridir, ancak insanlar doğal olarak yolları takip etme eğiliminde olduklarından, tıklama sonrası açılış sayfalarında oldukça yararlı olabilirler. Bunun nedeni, doğrusal yönlü ipuçlarının, ziyaretçilere sayfanızın farklı bölümlerinde rehberlik edebilmesi veya potansiyel müşterilerin sayfanın belirli bölümlerine odaklanmasına yardımcı olabilmesidir.

Örneğin Datorama, "Şimdi deneyin" CTA düğmesini vurgulamak için yukarı yönlü bir grafik çizgisi kullanır. Ziyaretçiler düğmeyi tıkladığında, ücretsiz bir Datorama denemesi için kaydolabilecekleri sayfanın alt kısmındaki müşteri adayı yakalama formuna yönlendirilirler:

Bu resim, pazarlamacılara, Datorama'nın ziyaretçinin dikkatini CTA düğmesine yönlendirmek ve dönüştürmek için bir satırı nasıl kullandığını gösterir.

Yön ipuçlarıyla ziyaretçileri dönüştürmeleri için etkileyin

Başlangıçta özetlediğimiz, neredeyse mükemmel olan tıklama sonrası açılış sayfasını yeniden ele alalım.

Başlığınız, metniniz, formunuz ve CTA'nız dönüşümleri artırmak için çok önemli olsa da; bu öğeler, ziyaretçinin tıklama sonrası açılış sayfası deneyiminin yalnızca bir kısmıdır. Potansiyel müşterilerinizin dikkatlerini dönüşüm hedefiniz için en önemli olan şeylere odaklamalarını sağlamak için hem üstü kapalı hem de açık bazı yönlendirici ipuçları ekleyin.

Bir sonraki tıklama sonrası açılış sayfanıza hangi ipuçlarını ekleyeceksiniz? Neye karar verirseniz verin, Instapage ile birkaç dakika içinde tamamen optimize edilmiş tıklama sonrası açılış sayfaları oluşturun. Instapage Enterprise demosuna bugün kaydolun.