CTA, ziyaretçilerinizin, potansiyel müşterilerinizin ve müşterilerinizin harekete geçmesini isteyen bir resim veya metin satırıdır. Bir “eylem” almak için bir “çağrı”dır. “Landing page” yani açılış sayfasının olmazsa olmazıdır.
CTA Açılımı Nedir?
“CTA”nın açılımı “call to action“dır. Call to action söz grubu “harekete geçirici mesaj” anlamına gelir.
Dijital bir ürünün etkili bir etkileşim tasarımı, görevleri ve işlevleri olan küçük öğelerden oluşur. Yeterli sistemi yapmak için tüm detaylara dikkat etmek çok önemlidir.
Her şeyden önce, harekete geçirici mesajlar, web sitenizden olası satışlar oluşturmak için çok önemlidir. Bu CTA’lar aracılığıyla ziyaretçileri potansiyel müşterilere dönüştürmeye çalışırsınız. Dolayısıyla onları web sitenizde yüksek oranda görünür bir yere yerleştirmek isteyeceksiniz.
CTA Butonu Nedir ve Neden Önemlidir?
Butonlar, web sitelerinin ve uygulamaların dönüşüm oranlarının yanı sıra kaliteli UX’de önemli bir rol oynar. UI butonları özelliklerine göre farklılık gösterir ve farklı türlerdedir. CTA butonu adı verilen tür sezgisel gezinmede büyük rol oynar.
CTA butonu, hem web hem de mobil herhangi bir kullanıcı arayüzünün etkileşimli bir öğesidir: başlıca amacı, insanları belirli bir sayfa veya ekran için bir dönüşüm sunan belirli eylemleri gerçekleştirmeye teşvik etmektir, örneğin satın aldırma, iletişim kurma, abone etme gibi.
Geleneksel olarak, CTA butonlarının fark edilmesi kolaydır, hatta tasarımcılar onları kasıtlı olarak bu şekilde oluştururlar, böylece insanlar tıklamaya karşı koyamazlar. Bu nedenle, genellikle belirli bir harekete geçirici mesaj (örneğin, “Daha fazla bilgi edinin” veya “Şimdi satın alın”) içeren ve bizi itmeye teşvik eden kalın butonlardır.
Potansiyel müşteri yaratma ve satın alma artışı, “CTA”ların oluşturulabileceği temel iş hedefleridir. Bir buton tasarımı, potansiyel müşterilerin dikkatini hemen çekecek kadar çekici olduğunda, onları tıklayıp kısa bir iletişim formu doldurmak veya bir ürünün ön siparişini vermek gibi bir sonraki aşamaya geçmeye ikna eder.
Profesyonel olarak hazırlanmış içerik bile, yüksek düzeyde kullanıcı katılımını garanti etmez. CTA butonu olmadan, insanların içeriği hızlı bir şekilde taraması ve dokunmadan bırakması daha olasıdır.
Bazıları, yeterli bir CTA butonu tasarımının, tüm hedeflerine ulaşmak için yalnızca büyük bir boyut ve parlak renk uyguladığını düşünür. Yine de, CTA’ların etkinliğini sağlayan çok daha fazla yön vardır. Peki bunlar nelerdir?
Etkin Bir CTA Butonu İçin
Boyut
Boyut, kullanıcı arayüz bileşenlerini önemlerine göre ayırmaya yardımcı olan en yaygın araçlardan biridir. Bir öğe ne kadar büyükse, o kadar dikkat çekici hale gelir. CTA’ların öncelikli amacı kullanıcıların dikkatini çekmek olduğundan, tasarımcılar genellikle onları ekrandaki diğer butonlar arasında, özellikle de fark edilebilir boyutuyla öne çıkarmaya çalışırlar.
Büyük butonların fark edilme ve tıklanma şansı yüksek, yine de bazı sınırları unutmamak gerekiyor. Etkileyici bir harekete geçirici mesaj butonu genellikle hızlı bir şekilde bulunabilecek kadar büyüktür, ancak düzenin görsel kompozisyonu ve hiyerarşisinin bozulmaması için çok büyük değildir. Pazar liderleri, yönergelerinde genellikle butonların etkili boyutları hakkında önerilerde bulunur. Örneğin, Apple, mobil kullanıcı arayüzündeki CTA’ların en az 44Х44 piksel olması gerektiğini söylerken, Microsoft 34Х26 piksel önerir.
Renk ve Şekil
Görsel olarak çekici boyut, güçlü bir CTA’nın yalnızca bir yönüdür. Butonları daha da dikkat çekici kılmak için yeterli renk ve şekil seçmek çok önemlidir. Mesele şu ki, insan ruh hali ve davranışı görsel çevre ile yüksek oranda ilişkilidir.
Örneğin, landing page tasarımlarında, etkili CTA butonu için, eğer kurumsal ve mesafeli bir sektör ve kullanılan dil formal bir dilse, butonların daha köşeli ve renklerin daha sakin olması tavsiye edilir.
Daha gençlere yönelik veya eğlenceli bir ürün için hazırlanan landing page tasarımlarında ise, kenarları yuvarlatılmış bir şekil ve vibrant renkler kullanılabilir.
İnsanlar bu şekli tıklanabilir butonlar olarak algıladığından, CTA butonları geleneksel olarak yatay dikdörtgenlere benzer. Renk seçimi, süreci daha karmaşık hale getiren çeşitli yönlere bağlıdır. Tasarımcılar, kompozisyonun temel rengi, hedef kitlenin potansiyel tercihleri ve psikolojik özellikleri gibi faktörleri dikkate almalıdır.
CTA için renk seçerken akılda tutulması gereken hayati bir koşul vardır: CTA’ların diğer UI bileşenlerinden öne çıkması için butonlar ve arka plan renkleri yeterince zıt olmalıdır.
Yerleştirme
CTA butonlarının yerleşimi, yetenekleri için çok önemlidir. Kullanıcıların gözünün alamayacağı alanlarda bulunuyorlarsa, renk ve boyut gibi diğer görsel özellikler verimli çalışmaz.
Peki hangi yerleşimin daha iyi olduğunu nasıl anlayabiliriz? Pek çok araştırma, insanların bir web sayfasını okumadan önce ilgilenip ilgilenmediklerini anlamak için onu taradığını göstermiştir. Bu gerçeği göz önünde bulundurarak, tasarımcılar en belirgin taranabilir alanları öğrenebilir ve kullanıcının yoluna harekete geçirici mesajlar yerleştirebilir.
Nielsen Norman Group’un yaptığı araştırmalar göre, “F” ve “Z” kalıplarının da bulunduğu birkaç popüler tarama kalıbı vardır.
F-modeli, bloglar, haber platformları gibi büyük miktarda içeriğe sahip web sayfaları için en yaygın olanıdır.
F modelinde, kullanıcılar önce yatay bir hareketle, genellikle içerik alanının üst kısmında okurlar. Bu ilk eleman F’nin üst çubuğunu oluşturur. Ardından, kullanıcılar sayfayı biraz aşağı hareket ettirir ve ardından, tipik olarak önceki hareketten daha kısa bir alanı kapsayan ikinci bir yatay hareketle okur. Bu ek eleman, F’nin alt çubuğunu oluşturur. Son olarak, kullanıcılar içeriğin sol tarafını dikey bir hareketle tarar. Bazen bu, göz izleme ısı haritasında düz bir şerit olarak görünen yavaş ve sistematik bir taramadır.
Z modeli, yazı yoğunluğu az olan ve sayfanın aşağı kaydırılmasını gerektirmeyen landing page veya web siteleri için tipik bir tarama modelidir; ve bu da tüm temel verilerin “above the fold” alanında görünür olduğu anlamına gelir. Bir kullanıcı önce sol üst köşeden başlayarak sayfanın üst kısmını tarar, önemli bilgileri arar ve ardından çapraz olarak karşı köşeye iner ve sayfanın alt kısmındaki yatay çizgi ile tekrar soldan sağa doğru bitirir.
Bu modeller, tasarımcıların CTA’ları üst köşeler gibi en çok dikkat edilen noktalara yerleştirmelerine ve dikkat gerektiren diğer noktaları üst ve alt satırlara yerleştirmelerine olanak tanır. Ayrıca, diğer UI öğeleriyle çakışmadığında, CTA butonlarını mizanpajın ortasına yerleştirmek iyi bir fikirdir.
CTA Metnini Nasıl Yazmalısınız?
Eylem odaklı metin kullanın. Unutmayın, CTA’nız bir harekete geçirici mesajdır. Ziyaretçilerinizin tamamlayabileceği çeşitli eylemleri düşünün ve mümkün olan en eylem odaklı sürümü kullanın.
CTA, özellikle tamamlamalarını istediğiniz eylemlere odaklanır, böylece kendilerini katılmaya daha mecbur hissederler. “Şimdi satın alın”, “kaydolun”, “kaydolun” ve benzeri ifadelerin tümü bu kategoriye girer.
Ancak, elde edecekleri sonuçlara odaklanarak bir CTA da yazabilirsiniz. Örneğin, “Kariyerinizde yükselin”, birisini çevrimiçi bir kursa kaydolmaya yönlendirir. “İşlerinizi büyütün” gibi bir mesajda pazarlama alanında ipuçları verdiğiniz kitabınıza ilgi uyandırır
İpucu Veren Küçük Yazılar
İpucu Veren Küçük Yazılar, harekete geçirici mesajın verimliliğinde önemli bir rol oynar. Kullanıcılar için ipucu görevi gören metnin küçük bileşenleri olarak tanımlanır. İpucu veren küçük yazılar butonlar ve menü yazısı, hata mesajları, güvenlik notları, hükümler ve koşullar ile ürün kullanımına ilişkin her türlü talimatı içerir.
CTA ipuçları aslında kullanıcılara butonu tıkladıklarında ne yapacaklarını söyleyen bir çağrıdır. Güçlü CTA ipuçları genellikle kısadır ancak tutarlıdır, böylece kullanıcıların dikkatini hızla çeker.
CTA butonları, e-ticaretteki en güçlü satış araçlarından biridir ve bir sayfanın veya ekranın iyi bir şekilde dönüşüm yakalamasında etkili bir faktördür. Tasarımcıların CTA’ların önemini anlamaları ve performansları üzerinde etkisi olan tüm ayrıntılara derinden dikkat etmeleri gerekir.
