Yönlü İpuçları: Ziyaretçilerin Harekete Geçmesini Sağlayan Tasarım İpuçları

Bir sonraki tıklama sonrası açılış sayfanızı tasarlamayı yeni bitirdiniz. Harika bir başlık ve alt başlık hazırladınız, ultra ikna edici bir metin yazdınız, formunuzu mükemmelleştirdiniz, şimdiye kadarki en iyi CTA'yı oluşturdunuz ve sayfa hiyerarşiniz yerinde. Her öğe, ziyaretçileri dönüştürmeye ikna etmek için en iyi yerdedir.

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

Ziyaretçilerinizin ekibinizin saatlerce oluşturduğu videoyu izlemesini nasıl sağlayacaksınız? Veya ziyaretçilerin o mükemmel CTA düğmesini tıklaması 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 harekete geçmelerini) istediğiniz yere bakmalarını sağlayın.

F-Pattern ve Z-Pattern düzenine benzer şekilde, yönlü ipuçlarının (diğer bir deyişle görsel ipuçları) kullanılması, ziyaretçilerinizi kasıtlı olarak sayfanızda 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ön ipuçları, tıklama sonrası açılış sayfanızın en önemli öğelerine işaret eden oklar veya bir modelin bakışları gibi görsel yardımcılardır; örneğin, müşteri adayı yakalama formunuz, CTA, video, referanslar veya ekranın alt kısmındaki bilgiler.

İki temel yönlü ipucu 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 çekebileceğini incelemeden önce, bu görsel yardımcıların arkasındaki psikolojiye bakalım.

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

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

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

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

Tıklama sonrası açılış sayfalarında örtük yön işaretleri

Örtük yönlü 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 boşluk, belirli öğelere dikkat çekmeye yardımcı olan, tıklama sonrası açılış sayfanızın negatif alanı veya boş alanıdır. Beyaz boşluk eklemek, sayfanızı basitleştirmenize, kullanıcı deneyimini iyileştirmenize ve teklifinizin genel olarak anlaşılmasını artırmanıza yardımcı olabilir. Bunun nedeni, odaklanacak daha az öğeyle ziyaretçilerin onlardan ne istediğinize bakmak zorunda kalmasıdır.

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

Renk kontrastı

Kontrast renkler yön işareti görevi görür çünkü keskin renk farklılıkları ziyaretçilerin o alana dikkat etmelerini sağlar.

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

Ancak bu Codify Academy tıklama sonrası açılış sayfasında, kırmızı renk diğer tüm renklerle kontrast oluşturduğu için CTA düğmesi sayfadan atlar:

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 bunu genellikle sayfa dağınıklığını azaltmak ve belirli öğelere dikkat çekmek için kutular, ana hatlar ve/veya zıt renkler ile yapar.

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

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

Açık ipuçları, örtük ipuçlarına kıyasla insan gözüyle göze çarpar şekilde belirgindir, bu nedenle tipik olarak hemen fark edilebilirler. Göze bakma, işaret etme veya hareket etme, stratejik nesne konumlandırma, oklar ve çizgiler bu grubu oluşturur. Her türe daha yakından bakalım:

göz bakışı

Yönlü bir ipucu olarak insan gözü bakışını kullanmak, özellikle tıklama sonrası açılış sayfalarında etkilidir. İnsanlar başkalarının neye baktığına bakma eğilimindedir, bu nedenle ekrandaki biri bir forma bakarsa, ziyaretçinin de formu fark etmesi daha olasıdır. Bu teknik, bilinçaltında ziyaretçileri istediğiniz yere bakmaları için etkiler ve kişisel çekiciliği de ekler. Donald Trump ve Hillary Clinton, kampanya sezonu boyunca bağış sayfalarında kullanarak bu tekniğin değerini anladılar.

Capella University'den başlık, alt başlık ve formun yönüne bakan gülümseyen bir öğrencinin yer aldığı bir tıklama sonrası açılış sayfası. Ziyaretçilerin farkında bile olmadan dikkatlerini buraya odaklamaları muhtemeldir:

Sosyal kanıt (örn. referanslar) ayrıca, When I Work'ün sayfasında görüldüğü gibi, gözle bakma avantajından da yararlanabilir:

İşaret etme veya el hareketi

Göze bakışa benzer şekilde, önemli bir öğeye yönelik bir model noktası veya jest olması, ziyaretçilerin o alana odaklanmasını sağlar. Bu teknik gözle bakmak 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 yönlendirilecek şekilde konumlandırmak, potansiyel müşterilerin dikkatini çeker ve bu belirli öğ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 ziyaretçilerin dikkatlerini çekmemesi için forma bakan hareketli bir kamyon yerleştirdiler:

Oklar

Hareketli veya durağan olsun, oklar basit ve kolay anlaşılır oldukları için en yaygın kullanılan açık yön işaretlerinden biridir.

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

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

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

ç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önlendirme 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ıklarında, ücretsiz bir Datorama denemesi için kaydolabilecekleri sayfanın alt kısmındaki potansiyel müşteri yakalama formuna gönderilirler:

Yön ipuçlarıyla ziyaretçileri dönüşüme yönlendirmek için etkileyin

Başta özetlediğimiz bu neredeyse mükemmel 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 şeye odaklamalarını sağlamak için hem dolaylı hem de açık bazı yönlendirme ipuçları ekleyin.

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