Davet düğmesini harekete geçirmek için nereye yerleştirilir?CTA ile ilgili araştırma nedir

Web tasarımını optimize etmekten bahsettiğimizde, odağımızın çoğu genellikle net unsurlara yol açar: içerik, renk, boyut, tipografi vb.Ancak logonun optimizasyonu üzerine yapılan analizde gördüğümüz gibi, yerleştirme de kullanıcı deneyiminde önemli bir rol oynamaktadır.Kullanıcı deneyimi hakkında bir web sitesi oluştururken, asıl amaç: geliştirmektir:
Hoş bir estetik tasarım.
Giriş noktasından dönüşüme kolayca takip edilen müşteri seyahati.
Doğrudan kullanıcıların acılarından bahseden ve ihtiyaç duyulan bir çözüm sağlayan içerik.
Kullanıcı deneyimini etkili bir şekilde oluşturmak için web tasarımında kullanabileceğiniz en önemli öğelerden biri harekete geçme davetidir.
Jon Penland’ın harekete geçme daveti tasarlamak için en iyi uygulamanın en son bölümünü özlüyorsanız, okuduğunuzdan emin olun.Bir düğmenin nasıl bir düğmeye benzeyeceği, eklentideki kodu kullanmanız ve elbette tutarlılığın önemi için nasıl tasarlanacağına dair bir ipucu verdi.CTA tasarımının en iyi uygulamasını anladıktan sonra, CTA yerleşiminiz hakkında araştırmanın ne söylendiğine bakalım.Uzmanlar: CTA’nızı nereye yerleştirmelisiniz?Logo yerleşiminin, onu destekleyecek sadece iki çalışması olan argümanından farklı olarak, “CTA’mı nereye koymalıyım?”genellikle pazarlama uzmanları tarafından ele alınmaya çalışan bir şeydir.Ve bunun nedeni gerçekten hayal kırıklığına uğramış olabilir.Şimdiye kadar, hiç kimse, CTA’nın optimum tutulum için dahil edildiği bulmacayı çözen “her web sayfasının sağ üst köşesi” gibi net bir çözümle gelmedi.
Çalışmayı, alınan çeşitli yaklaşımları ve bu belirsizliğin nedenlerini keşfedelim, ha?Değerlendirme #1: Paro Over Vs.Paro kat alt.Ah evet.Bu, bir web tasarımında büyük bir rol oynardı: yukarıdaki tüm önemli şeyleri ve sonra aşağıdaki ikincil bilgileri yerleştirin.Ancak bize her zaman gerçekleşmediğini söylemek için A/B testi ve sıcak haritalama araçlarımız olmadan önce – bu, şimdi CTA’nın yerleştirilmesiyle karşı karşıya olduğumuz bir sorundur.Peki, uzmanlar ne buluyor?Kissmetrics’e göre, CTA’nın yerleştirilmesi sayfanın karmaşıklığı ile belirlenmelidir.Biraz bilgiye sahip daha kısa sayfalar için, CTA’yı klasöre yerleştirmek mantıklı olabilir.Daha karmaşık ve kapsamlı yatırımlar gönderen daha uzun sayfalar için CTA, alt yarıda daha iyi olabilir.
Meclabs tarafından yapılan testte bunu göstermeye çalıştılar.Dönüşüm oranındaki farklılıkları karşılaştırırlar: rahatsız edici navigasyon bıçakları içeren daha kısa ana sayfa sayfaları, içerikte değer önermelerinin eksikliği ve sayfanın sağ üst kısmında hareket etmek için davet formları.Ve daha güçlü, daha net ve daha ayrıntılı bir değer teklifinin önerisini sunan içeriğe sahip daha uzun bir ana sayfa sayfası tasarımı.Ayrıca rahatsız edici navigasyonu sildiler ve sayfanın altına hareket etmek için bir davetiye yerleştirdiler.Buldukları şey, daha basit ve daha uzun bir sayfa düzeninin, orijinal kontrol sayfasından% 220 daha yüksek bir dönüşüm oranına sahip olmasıdır.Buradaki temel varsayım, ziyaretçilerin ihtiyaç duyduğu tüm yararlı bilgileri temiz ve basit bir şekilde sağladıkları için, CTA’ya katılmak için sayfanın altına kadar beklemeyi umursamıyorlar.
Kissmetrics’in açıklandığı gibi, “Float’ın bununla hiçbir ilgisi yok. Her şey motivasyonla ilgili. ” Değerlendirme #2: Masaüstü Vs. Hücresel çünkü çoğumuz akıllı telefon kullanıcılarıyız, bu sorunun neden ortaya çıktığını anlamak kolay. Cep telefonumuzu hızlı ve konforlu bir web deneyimi için kullanıyoruz – alışveriş sırasında, işyerinde bir yolculukta. Dolayısıyla, istediğimiz son şey, istenen hedeflere ulaşmak için gerekli olmayan web sitelerini kaydırmak veya tıklamak zorunda kalmaktır. Peki, uzmanlar ne buluyor? Bu makalede alıntılanan birçok çalışmanın akıllı telefonların kişisel ve profesyonel yaşamlarımızda önemli bir rol oynamadan önce gerçekleştirildiğini önceden belirtmek önemlidir. Bu nedenle, CTA masaüstü vs.’nin yerleştirilmesi ile ilgili soru Hücresel (varsa) çok fazla yetiştirilmemiştir. Bununla birlikte, kazabileceğim şey budur: Hücresel kullanıcılar, daha uzun sayfaları, eğilimleri ve tercihleri, sayfalarda daha yüksek tıklama eğilimlerini ve tercihlerini kaydırmak için ayarlamış olsa da. Birkaç yıl önce Mediative tarafından yürütülen göz izleme çalışmasında, Google’daki arama davranışının hücresel kullanıcılar için değişip değişmediğini bilmek istediler. Buldukları şey bu:
En iyi organik arama sonuçları hala sayfadaki diğer sonuçlardan daha fazla tıklama alır (ücret dahil). Hücresel kullanıcıların ücretli reklam sonuçları arasında kaydırmalarını gerektirse de, Google ile en alakalı olarak kabul edilen sonuçları bulmak için kaydırmaya isteklidirler.

Dördüncü organik listede gezinmek isteyen arama sonuçları sayfalarını tıklayan tüm kullanıcıların yalnızca% 7,4’ü.
Bu bilgilerin CTA ile değil arama listesi ile ilgili olduğunu fark etsem de, aynı mantığın geçerli olduğunu düşünmek istiyorum. Başka bir deyişle, bu çoğu web tasarımcısı tarafından anlaşılanları özetler: hücresel kullanıcılar onlar için en önemli bilgileri bulmak için çalışmak istemez. Yine de, bu, hücresel web sayfanızın üstüne yerleştirilen eski CTA’yı tıklamaya istekli oldukları anlamına gelmez; Yine de alakalı olması gerekiyor. Ama onlar için ne kadar az iş yaparsanız, o kadar iyi. Değerlendirme #3: Sol Vs. Bu hak, CTA’nın yerleşimi ile ilgili bulabileceğim en kesim ve kuru sonuçların bulgularıdır. CTA’nın sol veya sağ yerleştirilmesi arasındaki her tartışmadaki cevap “doğru” dır. Ve hepsi Gutenberg diyagramı yüzünden. Peki, uzmanlar ne buluyor? Gutenberg diyagramı olarak adlandırıldığını bilmeseniz bile, çoğunuz bu konsepte zaten aşinasınız. Diyagram, web sayfasında “Z” işaret eder ve içindeki farklı optik alanları böler. Her uç ve Z noktası, görsel keskinlik seviyesini ve farklı ziyaretçilerin dikkatini gösterir.
Dropbox web sitesi Gutenberg diyagramının ilkelerini takip ediyor.
Bu teoreme dayanarak, sağdaki iki nokta (ilk “Z” ve son noktada) ziyaretçilerin hareket etmesi beklenen yerlerdir. Bu yüzden burada gerçekten sağa veya solda hareket etme davetinin nerede olduğu hakkında hiçbir soru yok. Her zaman ekranın sağ tarafına yol açmalıdır. Kısa sonuçların bir özeti, CTA’nın yerleştirilmesi hakkında alabileceğimiz şey budur: