Kısa cevap
CTA, kullanıcının bir sonraki anlamlı adımı atmasını isteyen düğme, bağlantı veya kısa eylem çağrısıdır.
Nerede işine yarar?
Metin, işlemin sonucunu mümkün olduğunca açık anlatır. Sayfanın amacıyla ilişkili ana adım, yardımcı adımlardan görsel olarak ayrılır. Her bölümde aynı yoğunlukta çağrı kullanmak, hangi adımın öncelikli olduğunu belirsizleştirebilir.
Tanımdan uygulamaya, kendi denemene.
Bir cümlede uygulaması
Hizmet detayının sonunda ‘Birlikte üretelim’ bağlantısını proje görüşmesine bağlamak.
Neyle karıştırılmamalı?
Bir bağlantının dikkat çekmesi yetmez; kullanıcının nereye gideceği veya neyi başlatacağı anlaşılmalıdır.
Bir sonraki adımın neden burada olduğunu anlatalım
Bir hizmet sayfasında ziyaretçi ne üretildiğini, kimler için uygun olduğunu ve kapsamın nasıl belirlendiğini okuyor. Tam bu noktada görüşme çağrısı anlamlı olabilir. Aynı çağrıyı henüz hizmeti tanımadığı ilk anda tekrar tekrar göstermek ise kararını kolaylaştırmayabilir. CTA, içeriğin dışında yüzen parlak bir nesne değil, kişinin o ana kadar öğrendiklerinin doğal devamıdır. Yerleşimi kadar gerekçesi de tasarlanmalıdır.
Örnek bir sayfada iki farklı ziyaretçi düşünelim. Biri çalışma örneklerini görmek istiyor, diğeri doğrudan konuşmaya hazır. İkisine aynı ağırlıkta birçok düğme sunmak yerine, bölümün bağlamına göre ana eylem ve destekleyici yol belirlenebilir. Proje örneğinin ardından detay sayfası, kapsam açıklamasının ardından görüşme daveti uygun olabilir. Bu karar bütün sayfalara aynı çağrı satırını kopyalamaktan farklıdır; okurun niyetine eşlik eder.
Düğmenin metni açılacak yeri önceden anlatmalıdır. Bir takvim açılacaksa görüşmenin niteliği, bir dosya inecekse dosyanın ne olduğu anlaşılmalı. 'Keşfet' bazen bağlam içinde yeterli olabilir, fakat her yerde kullanıldığında farklı eylemleri aynı belirsiz sözcüğe dönüştürür. Androverse dilinin karakteri korunurken kişinin yaptığı işlemi çözmek için ek çaba harcamaması gerekir. Eylem çağrısı hem davet hem beklenti sözüdür.
CTA’nın başarılı sayılması yalnız tıklanmasına bağlanamaz. Kullanıcı yanlış beklentiyle tıklayıp hemen geri döndüyse görünürlük artmış, açıklık azalmış olabilir. Bir görüşme eylemiyle tamamlanmış randevu veya nitelikli proje talebi farklı olaylardır. Hangi davranışın neyi temsil ettiğini önceden belirlemek, tasarım kararını daha anlamlı değerlendirmeye yardım eder. Bu yaklaşım bir dönüşüm garantisi değil, ölçümün ne anlattığını doğru okumak için bir çerçevedir.
Çağrının hedefindeki deneyimi de aynı kaliteyle ele al. Çok özenli bir düğmeden sonra açılan form anlaşılmazsa veya kullanıcının az önce okuduğu bağlamı kaybediyorsa davet yarım kalır. Bir hizmet sayfasından gelen kişinin seçtiği hizmetin görüşme akışında nasıl korunacağını düşün. Gerekli bilgi otomatik taşınabiliyorsa açıkça göster, taşınmıyorsa kullanıcıyı tekrar uzun bir açıklama yazmaya zorlamadan uygun sorular sor. CTA tasarımı burada yalnız bir bileşenin sınırını aşar; içerikten eyleme geçişin bütününü kapsar. Güçlü bir davet, sonrasındaki karşılığın açıklığıyla anlam kazanır. Eylem tamamlandığında kişinin ne elde ettiğini anlayabilmesi de bu ilişkinin son parçasıdır.
Bağlantı ve çağrı aynı ağırlıkta olmak zorunda değil
Bağlamsal bağlantı
Metin içindeki bir kavram veya kaynak bağlantısı okurun anlamasını derinleştirir. Bunun büyük bir düğme gibi görünmesi gerekmeyebilir. Yine de bağlantı olduğu anlaşılmalı, hedefi açık olmalı ve klavye odağı görünmelidir. Destekleyici yolun daha sakin olması, onun erişilemez veya yalnız hover sırasında anlaşılır olmasını haklı çıkarmaz.
Öncelikli eylem
CTA bölümün beklenen sonraki adımını belirginleştirir. Görüşme başlatmak, ürün denemek veya bir çalışma detayına gitmek bu bağlama göre öne çıkabilir. Görsel vurgu, içerik ve eylem adı birlikte çalışmalıdır. Parlak bir yüzey kötü bir etiketi kurtarmaz; çok iyi bir etiket de çevresinden kopuk yerleşimde kaybolabilir.
Eylem çağrısını bağlama yerleştirmek
CTA okurun bilgiye ve güvene sahip olduğu noktada sunulmalıdır. Bir hizmeti henüz anlamayan kişiye sürekli görüşme düğmesi göstermek yerine uygun bir sonraki adım verilebilir. Aynı bölümde birden fazla eylem varsa hangisinin öncelikli olduğu tasarımla açıklanır.
- Etikette tıklama sonrası yapılacak işi açıkla.
- Birincil ve destekleyici eylemleri ayır.
- Tıklamayı gerçek sonuçtan ayrı ölç.
Her bağlantı düğme gibi görünmeli mi?
Hayır. Metin içindeki kaynak veya açıklama bağlantısı, ana eylemle aynı ağırlıkta olmak zorunda değildir. Ancak bir kontrolün görünümü, davranışı ve erişilebilir adı tutarlı olmalı; kullanıcı nereye gideceğini anlayabilmelidir.
İşin içinde sorulacaklar.
Bir sayfada kaç CTA olmalı?
Sabit bir sayı bütün sayfalara uymaz. Sayfanın uzunluğu, kişinin karar aşaması ve içerik amacı değerlendirilir. Uzun bir yazıda ilgili bir hizmet çağrısı ara noktada anlamlı olabilir; kısa bir iletişim sayfasında aynı daveti tekrar etmek gereksizdir. Her çağrının bulunduğu yerde hangi soruyu takip ettiğini açıkla. Aynı eylemi tekrar sunuyorsan kişinin yeni bir karar noktasına gelip gelmediğini düşün.
Düğme mi bağlantı mı kullanılmalı?
Görünüm ile HTML davranışını ayırmak gerekir. Başka bir sayfaya gitmek için bağlantı, sayfa içinde bir işlemi başlatmak için düğme uygundur. Bir bağlantı görsel olarak CTA biçiminde tasarlanabilir. Kullanıcı yeni sekmede açma gibi beklenen tarayıcı davranışlarını kaybetmemelidir. Ortak tasarım bileşeni iki durumu destekleyebilir; önemli olan eylemin anlamının ve erişilebilir adının doğru kalmasıdır.
CTA rengi dönüşümü tek başına belirler mi?
Renk dikkat ve ayırt edilebilirlik üzerinde rol oynayabilir, ancak içeriğin açıklığı, sunulan değer, kullanıcı niyeti ve hedefteki deneyim birlikte etkilidir. Tek bir renk değişikliğine bütün sonucu bağlamak yanıltıcı olabilir. Önce çağrının görülüp görülmediğini, doğru anlaşılıp anlaşılmadığını ve hedefte beklenen işlemin tamamlanıp tamamlanmadığını ayır. Tasarım kararını yalnız evrensel 'en iyi renk' iddialarına dayandırma.
Çağrıyı içeriğe bağla
Bir hizmet veya yazı sayfasındaki ana çağrıyı seç. Düğmeyi geçici olarak gizlediğini düşün ve çevresindeki metni oku. Kişinin neden o eylemi yapacağı kendiliğinden anlaşılıyor mu?
CTA kullanıcıyı yakalamak için asılmış bir işaret değil, içerikle kurulmuş bir davettir. Doğru yerde, doğru beklentiyle ve anlaşılır hedefle sunulduğunda sayfanın doğal bir parçası olur.
Bağlantılı kavramlar
- Mikro metinMikro metin, düğme, form etiketi, hata ve durum mesajı gibi bir etkileşimi anlaşılır kılan kısa arayüz metnidir.
- Görsel hiyerarşiGörsel hiyerarşi, içerikte neyin önce ve neyin sonra fark edilmesi gerektiğini ölçek, renk, boşluk ve konumla düzenlemektir.
- Değer önerisiDeğer önerisi, bir ürün veya hizmetin belirli bir kullanıcıya hangi faydayı, hangi ihtiyacı çözerek sunduğunu anlatır.