Açılış sayfası tasarımı ile "Fogg Davranış Modeli": İnsanları CTA'ya basmaya nasıl motive edersiniz.

Hayattaki asıl sorun

Pazarlama ekibi işletme sahibi ve hatta serbestçe, bu durumla karşılaştınız mı ... hem bütçeye hem de güzel bir açılış sayfası oluştururken adanmışız. İyi reklam çekin. Birçok insan görmek için tıklayın, ama sonunda ... dönüşüm tamamen sakin! Kullanıcı geldi ve dışarı çıktı. Sadece selamlamaya gelip kolayca uzaklaşarak, tasarlamayı düşündüğümüz çağrı (CTA) düğmesi sadece kimsenin basmak istemediği bir "dekoratif düğme" dır. Büyük bir soruyla "Ne yanlış yapıyoruz?" Gerçekten bir baş ağrısı.

İllüstrasyonlar istemi: Pazarlamacı resimleri veya işletme sahipleri, ekrandaki açılış sayfasını yüksek bir grafik ve düşük dönüşüm oranıyla açan dizüstü bilgisayar ekranının önünde oturuyor. Hayal kırıklığı ve karışıklığı aktarır

Bu sorun neden meydana geldi?

İnsanların CTA'ya basmamasının nedeni, açılış sayfamız "her zaman güzel değil" anlamına gelir, çünkü çoğu zaman, insan davranışına dayalı tasarımın "anahtarını" özlüyoruz. Stanford Üniversitesi'nden BJ Fog, basit ama güçlü bir model, FOGG davranış modeli veya Formula B = MAP .

Bu formül, davranışın yalnızca aynı anda 3 şey olduğunda ortaya çıkabileceğini söylüyor:

• M (Motivasyon): Kullanıcının bunu yapmak için yeterli "motivasyona" sahip olması gerekir.
• A (yetenek): Bu eylem, kullanıcıların sıkışmış hissetmeden yapmaları için yeterince "kolay" olmalıdır.
• P (istemi): Bunu doğru anda yapmaya davet eden uygun bir "uyaran" olmalıdır.

Bir unsur eksikliği nedeniyle çoğunlukla dönüşüm olmayan iniş sayfası sorunu. (Veya hepsi). Bu denklemde kolay olabilir (yetenek). Net bir düğme (istemi) vardır, ancak insanlar fayda (motivasyon) görmez veya birçok şey isteyebilir (motivasyon), ancak formun doldurulması çok zordur (yetenek). açılış sayfası tasarımlarını anlamak önemlidir.

İllüstrasyonlar için istemi: Montajın her bir kısmı ile B = haritasını gösteren, basit ama net, B = haritasını gösteriyor: motivasyon için kalp veya alevler (m), yetenek (a) için kolayca çalışan bir beyin veya dişli ve (P) için çan veya düğme (P), aynı işaret simgeyi işaret ediyor.

Eğer kalırsa nasıl etkilenecek?

"Sızıntı" inişine sahip olmak veya ziyaretçilere değişememek, güzel olmayan dönüşüm numaralarından daha olumsuzdur. Bu sorunun kronik olmasına izin verirsek, işimizi yemeye devam edecektir.

• Atık pazarlama bütçesi: Her baht, insanların tıklaması için reklam için ödediğimiz her satang. Kuma su döktüğümüz gibi, herhangi bir sonuç oluşturmadan emilir.
• Kayıp İş Fırsatları: Bu ziyaretçiler zaten ürünlerimiz veya hizmetlerimizle ilgilenen "müşteri", ancak bunun yerine kötü deneyimler nedeniyle "itiyoruz".
• Markanın güvenilirliğini kırın: kullanımı zor ve cevap vermeyen açılış sayfası. Markamızın müşterilere dikkat etmemesi ve güvenilirliği azaltmamasını sağlayan profesyonel görünmüyor
• Rakiplerin arkasını takip edin: Hala aynı sorunlu olsak da, bu prensibi anlayan rakipler müşterileri kapıyor ve bizi uzakta bırakıyor olabilir. Yüksek bir dönüşüm yaratan bir açılış sayfasına sahip olmak , dijital savaş alanında önemli bir avantajdır.

İllüstrasyonlar istemi: Kanatlı kanatlar, düşük dönüşüm oranı, medya ve iş fırsatlarına sahip açılış sayfasını gösteren bilgisayar ekranından uzaklaşır.

Herhangi bir çözüm var mı? Ve nereden başlamalı?

En doğrudan çözüm kökü geri dönmek ve açılış sayfası tasarımımızın ana ekseni olarak B = MAP Birlikte mükemmel çalışmak için 3 faktörün hepsini geliştirmeliyiz. Her bölüme soru sormaya başlayarak:

1.

• Sonucu iletin ( ürünlerimizin müşterinin "yaşamını" nasıl değiştireceğini söylemek için neler yapabileceğini söylemek yerine?
• Güçlü görüntüleri ve kelimeleri kullanın: Ruh halini teşvik etmek için gerçek müşteri incelemelerini (sosyal kanıt), somut olan veya daha önce güçlü resimler kullanın.
• Kaçırmak için korku yaratın (korku / kıtlık): Sınırlı bir süre kullanın. (Sınırlı süreli teklif) veya ürünün kararı daha hızlı teşvik etmek için sınırlı olduğunu söylemek

2.

• Gereksiz adımları azaltın: form, gerekli bilgileri isteyin. fikirlerin (bilişsel yük) yükünü azaltmak daha iyi olur .
• İnsanların genel olarak anladığı dili kullanın: Karmaşık teknik terimlerden kaçınmak, her şeyi net ve açık bir şekilde arkadaşlarınızla konuşuyormuş gibi açıklayın
• Mobil dostu için tasarlanmış: Her düğmenin kolay olduğundan emin olun. Her mektup cep telefonlarında açıkça okunur. Çünkü çoğu insan web sitesine bu kanaldan giriyor

3. Doğru uyaranları nasıl oluşturulur (istemi): İnsanların bunu doğru ritimde yapmasını sağlamak için nasıl "dürtme" yapabiliriz?

• CTA düğmesini temizleyin: Düğme hem renk hem de boyutları "olağanüstü" olmalıdır. Tıklamak ve sonra neyi alın ("Hemen İndirim Al" gibi "Bilgi Gönder") neyi kullanın. çalışan çağrı -kontrat örneğini incelemeye çalışın .
• Doğru istemi doğru zamanda yerleştirin: CTA, kullanıcıların yüksek motivasyona sahip olmaya başladığı bir konumda olmalı ve ana avantajları okuduktan sonra olduğu gibi yapmanın kolay olduğunu görmelidir. Veya iyi bir inceleme izledikten sonra

Bu 3 iyileştirme en doğru olanıdır. FOGG Davranış Modelinin Kullanımının Başlangıç Sayfasında derinden önce başlayabilir

İllüstrasyonlar istemi: Kırılmış diyagram görüntüleri. M, A ve P'nin detayları, M (umut, korku), A (basit form, net dil), P (görünür düğme, sağ zamanlama) gibi her montaj simgesiyle kolay anlayış için kullanılabilir.

Eskiden başarılı olan gerçek şeyden örnekler

Stok yönetimi programları sağlayan SaaS şirketlerini hayal edin. İlk başta, açılış sayfaları sadece düşük teknik bir terminolojiye (düşük yetenek) sahiptir, sadece herhangi bir problemin çözülmesine (düşük motivasyon) yardımcı olduğunu ve CTA düğmesi sadece "gönder" kelimesidir.

B = harita ile dönme görevi:

• Motivasyonu ayarlayın: "Smart Stock yönetim sistemi" nden "hisse senedi sorunlarına veda et! İşletmeniz için%30 kar ekleyin" başlığını değiştirin.
• Ayarla Yeteneği: Eskiden 10 kanalı olan demo istek formunu, "demoyu ücretsiz olarak doldurun! Sadece 30 saniye sürer."
• İstemi ayarlayın: CTA düğmesini "Gönder" den "Ücretsiz Demo Al!" Olağanüstü bir turuncu renk kullanarak. Ve yüzün hem üstüne hem de altına yerleştirilmiş

Bulgular: Bu 3 parçayı B = BJ FOGG haritasına göre ayarlayın, bu da davranış sayfasının dönüşüm oranı sadece bir ayda% 1,5'ten% 7'ye yükseliyor! Bu, insan davranışını gerçekten anlayan tasarımın gücüdür. büyümeye olan birçok ilginç vaka çalışması var .

İllüstrasyonlar istemi: Solda (daha önce sıkıcı, sıkıcı bir düğme, sağ taraf (sonra) temiz, başlık, kısa form ve turuncu CTA düğmesi, parlak ve göz alıcı gibi tartışılan açılış sayfasının karşılaştırma görüntüleri.

Takip etmek istiyorsanız, ne yapmalı? (Hemen kullanılabilir)

Bu senin gözlerin! Kalem kağıdını getirmeye çalışın. Veya not programını açın ve açılış sayfanızla basit bir atölye çalışması yapmaya gelin.

1. Adım: Motivasyon Denetimi

• Hedef kitleniz kim? Umut (umut) ya da korku (korku) var mı?
• Başlığınız, yeterince net bir şekilde alacağı "nihai sonucu" iletiyor mu?
• "Tam burada mı? " Ve henüz?

2. Adım: Yetenek Denetimi

• Açılış sayfanızı okuyacak bir ortaokul öğrenciniz varsa, anlayacak mı? Tüm karmaşık teknik terimleri ve cümleleri kesmeye çalışın.
• Kaç tıklama/kaç adım var? Kullanıcı istediğinizi başarıyla yapmadan önce? Minimana indirebilir misiniz?
• Kaç bilgi istiyorsunuz? Her kanal gerçekten gerekli mi değil mi? Gereksiz kanalı kesin!

3. Adım: Hızlı Denetim

• CTA düğmeniz "den" yeterli mi? Yoksa bulamana kadar arka planda karışıyor mu?
• Düğmedeki metin (CTA kopyası) açıkça "tıklayın ve ne alacaksınız?"
• CTA düğmesinin konumu, kullanıcının en fazla motivasyona sahip olduğu noktada mı?

Sadece bu soruları cevaplayın ve noktaları tek tek ayarlayın. Dönüşüm oranının değişimini kesinlikle göreceksiniz.

İllüstrasyonlar istemi: En üst düzey M, A, P ile kontrol listesi görüntüleri ve hemen kendi açılış sayfalarını geliştirmek için atölyeyi aktarmak için bir kalem simgesi var

İnsanların merak ettiği sorular ve temizlenen cevaplar

Soru: Harita Modeli B = MAP her işte kullanılabilir mi? B2B kullanılabilir mi?
Cevap: Her işle kullanılabilir! B2C veya B2B olsun, aynı zamanda "insanlarla" da iletişim kuruyoruz. Sadece "motivasyon" farklı olabilir. B2C kişisel mutluluğa odaklanabilir, ancak B2B maliyet tasarrufu veya kendinizi gözlerde nasıl iyi göstereceğinize odaklanabilir, ancak M, P, hala aynı.

S: Motivasyon, yetenek, istemi arasında en önemli nedir? Ayarlamaya ne odaklanmalıyım?
Cevap: 3 şeyin hepsi bir tripod gibi birlikte çalışır. Bir bacaktan yoksun olmak ve sonra düşme, ancak iyileştirmenin önceliği önce "yetenek" e başlamanızı öneririm, çünkü onu "daha kolay" hale getirmek genellikle daha hızlı yapılır ve tüm yeni motivasyon yaratmaya çalışmaktan daha net bir şekilde görülür. Yeterince kolay olduğunda, küçük bir teşvike sahip olun ve iyi bir isteminiz var, bu bir eylem olabilir.

Soru: Hangi motivasyon kullanıcılarını nasıl biliyoruz?
Cevap: En iyi yol "sor" ve "gözlemleme" dir. Anketler yapmak, mevcut müşteri görüşmeleri, incelemeleri okumak veya hücre ekibine ve müşteri hizmetleri ekibine bakmak. Bu bilgiler, müşterilerin en çok istediği ve endişelenen şeyin ne olduğunu söyleyebilecek hazinedir?

İllüstrasyonlar istemi: 3 kişi dostça bir konuşma yapıyor. Bir kişinin başın üstünde bir soru işareti (?) Vardır. Diğer kişi grafiğe işaret ederek tanımlanır. B = MAP, net bir anlayış yaratmak için soru soran soruları iletti.

Anlaması kolay olmak için özet + yapmaya çalışmak istiyorum

İzleyiciyi bir müşteriye dönüştürebilecek bir açılış sayfası oluşturmanın kalbi. Sadece güzellikte değil, aynı zamanda insan psikolojisinin anlayışına da bağlıdır. Model B = MAP (Davranış = Motivasyon + Yetenek İstemi), sorunu görmemize ve doğrudan çözmemize yardımcı olacak en güçlü ve basit araçtır.

Doğru için bu formülü unutmayın: doğru "M) , " en kolay "(a) yapmak ve doğru anda uygun " P) Bu 3 şey beklediğiniz "tıklama" davranışını karşıladığında, doğal olarak gerçekleşecektir. Tahmin etmeyi bırakma zamanı. Ardından, etkin olduğu kanıtlanmış ilkelere göre stratejilerle açılış sayfanızı tasarlamaya başvurun.

İş fırsatlarının tekrar düşmesine izin vermeyin! yüksek bir dönüşüm oluşturan veya doğrudan bir dönüşüm oranı optimizasyonu, Vision X Beyin Ekibi ve ÜCRETSİZ tavsiye yardımcı olacak bir uzman istiyorsanız

İllüstrasyonlar istemi: Kullanıcı görüntüsü, güzel tasarlanmış ve kullanımı kolay olan açılış sayfasındaki CTA düğmesini tıklarken mutlu bir şekilde gülümsüyor. Arka planın yükselen bir dönüşüm oranı vardır. Başarı ve somut sonuçları aktarır

‍