Web sitenizdeki harekete geçirici mesaj (CTA) düğmeleri, kullanıcıları sayfanın hedefine doğru iter. Yüksek dönüşüm sağlayan bir harekete geçirme ifadesinin nasıl oluşturulacağına dair birçok rakip öneri var. Bazı uzmanlar harekete geçirici mesaj düğmesi için kırmızının kullanılmasını önerirken, diğerleri rengin önemli olmadığını söylüyor. Birinci kişiyi mi yoksa ikinci kişiyi mi kullanmalısınız? Nereden aranır? Tüm farklı unsurlar kafa karışıklığı yaratır, ancak en iyi başarı şansını elde etmek için güvenebileceğiniz bazı denenmiş ve gerçek kurallar vardır.
Bir çalışma, CTA’nın ortalama% 4,23 olduğunu gösteriyor. Dönüşüm% 4’e yakın değilse, bazı ayarlamalar yapmanın zamanı geldi. CTA’lar söz konusu olduğunda, iyileştirmeye çalışabileceğiniz birçok farklı şey vardır. İşte sizinkini geliştirmek için uymanız gereken sekiz altın kural.
1. Mobil cihazlar için tasarım
Birisi sitenizi bir mobil cihazdan ziyaret ederse, siteniz nasıl tepki verir? Başparmağınızla CTA düğmelerine basmak kolay mı? Ekrana bir CTA yerleştirmeye ne dersiniz? Bir kişinin parmaklarının ulaşabileceği mesafede mi? Bir kişinin kimliği nasıl doğrulanır? Birçok şirket, oturum açmayı her zamankinden daha kolay hale getirmek için şifresiz seçeneklere yöneliyor. Müşterileriniz için kullanıcı deneyimini (UX) olabildiğince kolaylaştırmanın yollarını arayın.
2. Düğmeleri tıklanabilir yapın
Sayfanızdaki herhangi bir öğe, kullanıcının gerçekleştirdiği eylemi açıkça belirtmelidir. Eylem kelimeleri ekleyerek harekete geçirici mesaj düğmelerinizin etkileşimli olduğunu gösterin. Sayfanın geri kalanından ayarlamak için 3B gölgeler de ekleyebilirsiniz. Oklar ve diğer göstergeler, kullanıcının hangi hareketi yapması gerektiğini gösterir.
Bayan A, düğmelerine basıldığını netleştirmek için birkaç şey yapar. Düğme şeffaftır, bu nedenle etrafındaki ana hat, bunun önemli bir şey olduğunu gösterir. Aktif “Şimdi Satın Alın” kelimelerini kullanıyorlar. Ayrıca, düğmeye basıldığında kullanıcının diğer yönde ilerlediğini gösteren bir ok içerir.
3. Trendlere dikkat edin
Teknoloji her gün değişiyor, bu nedenle yeni trendler ve bunların UX üzerindeki etkileri hakkında bilgi sahibi olun. Örneğin, birçok kişi artık sesli aramayı kullanıyor. CTA’nız sesli sorgulara nasıl yanıt veriyor? Birisi sitenizi bir mobil cihazdan ziyaret ederse, siteniz nasıl tepki verir? Diğer siteler müşterileri dönüşüme yönlendirmek için yapay zekayı (AI) nasıl kullanıyor?
4. Doğru yerleşimi seçin
Geleneksel bilgelik, sayfanın en üstüne bir eylem çağrısı yerleştirilmesi gerektiğini söyler. Ancak bu, tüm web siteleri için geçerli değildir. Bazı alıcıların daha fazla ikna edilmeye ihtiyacı vardır ve satın almadan önce incelemeler gibi güven göstergelerini okumak ister. Doğru yerleşimi seçmek, hedef kitlenizi ve farkındalık aşamasından satın alma yolculuğunun karar verme aşamasına geçmek için ne kadar bilgiye ihtiyaç duyduklarını bilmekle başlar.
Aston Martin Red Bull Racing sayfasında, sayfanın üst kısmında harekete geçirici mesajlar bulunur. Çarpıcı görüntüler ekranın tüm genişliğini kaplar ve başlık, kullanıcıya neyi tıkladığını söyler. Aşağı kaydırdıkça, diğer harekete geçirici mesajlar görünür, ancak bunlar kalın kırmızı yerine net düğmelerdir. Ayrıca boyutları daha küçüktür, bu da sitenin ana odak noktası olmadıklarını gösterir.
5. Harekete geçirici mesajlarınızı değerlendirin
Yukarıdaki Aston Martin örneği gibi bazı sayfaların açılış sayfasında birden fazla harekete geçirme ifadesi vardır. Tüm eylem çağrılarınızı sayfaya yazın ve önem sırasına göre sıralayın. Sayfanın ana amacı nedir ve hangi düğme size engeli aşmanız için en iyi şansı verir? Kaldırmanız gereken bir şey var mı? Tıklama almıyorlarsa ve birincil endişeniz değilse, ayrılmaları gerekir. Sayfanızı basitleştirin ve harekete geçirici mesajların sayısını azaltın.
6. Düğmenin nereye gittiğini açıklayın
İki kapıya rastlarsanız ve biri oditoryuma girdiğini ve diğerinin işaretsiz olduğunu söylerseniz, işaretsiz bir girişten geçmek istemezsiniz. Site ziyaretçilerinize harekete geçirici mesaj düğmelerini tıkladıklarında ne olacağını bildirin. Bir forma mı, başka bir sayfaya mı yoksa bir alışveriş sepetine mi gittiklerine dair şüphelerinizden kurtulun. Bir eylem çağrısı söz konusu olduğunda, insanlar genellikle sürprizlerden hoşlanmazlar.
Miista, filtrelemeyi ayakkabı numarası için bir harekete geçirme ifadesi olarak kullanır. Harekete geçirici mesaj olarak bir filtre, alıcıları satış hunisinin aşamalarında çok özel bir şekilde yönlendirmenin harika bir yoludur. Alışveriş yapanlar kendi bedenlerinde nelerin mevcut olduğunu gördükleri için zaman kazandırır. Artı, başlık sayesinde tam olarak nereye gittiğini biliyorlar. Seçtiğiniz bedeni satışta bulacaksınız.
7. Düğmeyi doğru şekilde boyutlandırın.
Bir sayfadaki öğeler için bir boyut hiyerarşisi vardır ve en önemlisi en büyüğüdür. Bir CTA düğmesinin ne kadar önemli olduğunu düşünün. Bu, sayfanızın mutlak odak noktasıysa, metninizdeki veya diğer şeylerdeki herhangi bir kelimeden daha büyük olmalıdır. Belki de en önemli başlık, sonra CTA’nızdır. Başlığı en önemli unsur ve CTA’yı ikinci en önemli unsur yapın.
8. Harekete geçirici mesajı boşlukla çevreleyin.
Sayfanızdaki negatif boşluk, dikkatleri CTA düğmesine çekmeye yardımcı olur. Kullanıcının dikkatini çekmek için kendi başınıza açın. Görüntünün üzerinde şeffaf bir düğme kullanmayı planlıyorsanız, görüntünün, öğeyi yerleştirmeyi planladığınız alanda bir birincil gölgeye sahip olduğundan emin olun. Katıya yakın bir renk, arka planın negatif boşlukla karışmasına yardımcı olur ve etkileşimli alana dikkat çeker.
Bir eylem çağrısının öne çıkması ve dönüşümleri artırması için, düğmenin ne yapmasını istediğinize odaklanmanız gerekir. Yerleşim, renkler, boyut, gölgeleme ve şeffaflığın tümü hedef kitlenize bağlıdır. Düğmenizi tercihlerine göre tasarlayın, ardından hangi küçük değişikliklerin tıklama oranınızı artırdığını görmek için test edin. Ayrıntılara dikkat ederek, CTA’nız yeni müşteriler çekmek için fırsatlar sunar.
