FOGG Davranış Modeli: Web Sitesinde Kullanıcı Davranışı Modeli.

Web sitesi tasarımcıları, işletme sahipleri, e-ticaret ve tüm dijital pazarlamacılar! Hiç hissettiniz mi ... bazen "güzel tasarım" "tam bilgi" bir web sitemiz var, ama neden ... neden müşteri "" başvurmayı reddetme "veya" satın almayı reddetme "tıklamayı reddetti? Uyarmaya çalıştık. Ama sonunda bir kullanıcı hiçbir yere "hareket etmiyor" gibi görünüyor?

Bugünün çevrimiçi savaş alanı "yarışması" eskisinden daha fazla "şiddetli". Sadece "güzel" veya "tam bir işlevi" olan bir web sitesine sahip olmak artık yeterli olmayabilir! Çünkü kitleyi "müşteri" veya "normal kullanıcı" olarak "değiştirmenin" anahtarı "insan davranışını" derinden ve "web sitesi tasarımı" ın "bu davranışa akıllıca yanıtlamak" için "anlamasıdır!

Bugün sizi dünya sınıfı tasarımcılarının ve pazarlamacılarının seçtiği "gizli silahı" tanımaya götüreceğim. ** "Fogg Davranış Modeli" **! Bu güçlü ama güçlü model, kullanıcıların zihinlerine "bakmanıza" ve sistematik olarak istediğinizi "yapmalarına" "motivasyon" yapmanıza yardımcı olacaktır. Tıklama, uygulama, satın alma veya hatta yeniden kullanın!

Web sitesinin potansiyelini "kilidini açmaya" ve etkili olan "davranış yaratmak için makineler" olarak değiştirmeye hazırsanız ... "Derinlemesine gidin" Web sitenize "Uygulama Sırrı" ile "Derinlemesine Git" FOGG Davranış Modeli!

Hayattaki asıl sorun (web sitesi kullanıcı davranışını teşvik etmediğinde)

Hayal edin ... güzel bir webflow web sitesi oluşturmak için zamanı ve bütçeyi ayırdınız. Muhteşem çizimler var. İçerik sıkı, ancak dönüşüm hayal ettikleri gibi değil. Bu sorunlarla karşılaşabilirsiniz, değil mi?

[cite_start]
• ** "Birçok insan görmeye geliyor ... ama hiçbir şey basmayın!": ** Web sitesinin yüksek trafiği var, ancak hemen çıkma oranı da yüksek. Kullanıcı geldi ve hızlı bir şekilde dışarı çıktı. Web sitenizle herhangi bir etkileşim olmadan [alıntı: 138, 139]
[cite_start]
• ** "Müşteriler sepete bir şeyler koydular ... ama sadece bırakın!": ** E-ticaretin klasik sorunu, kullanıcıların belirli bir seviyeyle ilgilendiklerini, ancak son adımda "fikrinizi değiştir" olduğunu gösteriyor [alıntı: 139]
[cite_start]
• ** "Başarılı üyeler değil / formda doldurma bitmedi!": ** Form çok uzun, karmaşık veya kullanıcıların anlamadığı kanallar var. Arabanın ortasındaki dolguyu terk etmelerine neden oluyor [alıntı: 159]
• ** "Makaleyi okuyan kişi bitti ... ve sonra kayboluyor!": ** İçerik iyi olsa da, kullanışlıdır, ancak kullanıcıların daha fazla okuması için stimülasyon eksikliği. Başka bir sayfaya tıklayın. Ya da okuduktan sonra istediğimiz şeyi yap
• ** "İyi promosyonlar ... ama insanlar umursamıyor!": ** Bir afiş veya açılır. Ancak kimse tıklamıyor veya kimse verilen indirim kodunu kullanmıyor

Bu sorunlar artık sadece tasarımın "güzelliği" ile ilgili değil. Ancak, web sitenizin hala "davranışı teşvik etme gücü" kullanıcılarının belirlediğiniz hedeflere ulaşmalarına sahip olabileceğinin bir işaretidir. web sitesi tasarımındaki fikirleri anlamak , bu sorunların temel nedenini daha net görmenize yardımcı olabilir.

Bu sorun neden meydana geldi? (FOGG davranış modeline göre nedeni izleyin

[cite_start]

Web sitesinde istediğimizde kullanıcının "yapmadığı" sorunun kaynağı. Genellikle ** "Fogg Davranış Modeli" ** 'da 3 ana bileşenle daire çizmek. [Alıntı: 161]:

[cite_start]

Bu model ** "davranış" ** ** sadece 3 şey aynı anda buluştuğunda gerçekleşebilir, [alıntı: 161]:

$$ davranışı (b) = motivasyon (m) + yetenek (a) + istemi (p) $$

Karşılaştığınız sorun nasıl olabilir? Genellikle bu 3 şeyden birinden yoksundur!

[cite_start]
1. ** Motivasyon eksikliği (yeterli motivasyon değil): ** Müşteriler "gerekli" "" istemek "veya" yararlı "hissetmezler. Web sitesi, ürün veya hizmetin değerini açıkça iletmeyebilir. Ya da onlar için acil duygular yaratmamak [alıntı: 147]
[cite_start]
2. ** Yetenek eksikliği (Yeteneği/Yapılması Kolay yeterli değildir): ** Yapmak istese bile, adımlar "zor" "karmaşık" "rahatsız edici" veya "çok uzun sürer". Tekrarlanan bilgi gerektiren uzun bir form veya sipariş süreci düşünün. [Alıntı: 149]
[cite_start]
3. ** Hızlı eksiklik (belirsiz uyarıcı/uygunsuz): ** Kullanıcının motivasyonunun yapabilme yeteneği vardır, ancak sağ ritimde "harekete geçmeleri" için yeterince açık olan "sinyal" veya "uyarıcı" yoktur. CTA düğmesi arka planı bulanıklaştıramayacak kadar küçük. Veya metin hiç uyarmaz, bu olarak kabul edilir [alıntı: 158].

Çoğu zaman "motivasyon yaratmaya" sadece (güçlü promosyonlar yapmak gibi) tahsis etme eğilimindeyiz, ancak ihmal edilen "yapılması kolay" veya "doğru stimülasyon" davranışı olması gerektiği gibi değil. Bu web sitesini "güzel ama resim" ve "gerçekten satıyor" yapan tuzak!

Eğer kalırsa nasıl etkilenecek? (Etki açıkça görülebilir)

Web sitesindeki kullanıcıları teşvik etme sorununu görmezden gelmek, sadece fırsatları kaybetmekle kalmaz, aynı zamanda işiniz üzerinde büyük bir etkisi vardır. Ve bazen çok geç!

[cite_start]
• ** Dönüşüm oranı. Düştü: ** Bu en net etki. Kullanıcı, satın alma, uygulama veya iletişimin "müşterilerin kaybı" ve "iş fırsatlarını kaybetme" anlamına gelip gelmediğiniz anlamına gelmediğinde [alıntı: 168]
[cite_start]
• ** Ücretsiz reklam ücreti: ** Reklam için bir bütçe harcayabilirsiniz. İnsanları web sitesine çekmek için ancak web siteniz onları her ay her gün "para yakıyor" olarak müşterilere eşit hale getiremezse [alıntı: 173]
[cite_start]
• ** Hasarlı marka imajı: ** Zor web sitesi veya kullanıcı davranışına yanıt vermemek, müşterileri "dostça değil" "güvenilir değil" hissettirir ve markanızın görüntüsüyle sonuçlanabilir. Gözlerinde "profesyonel değil". [Alıntı: 174]
• ** Rekabet o kadar yüksek ki, rakipleriniz bu teknikleri sizden "müşterileri kazanmak" için kullanıyor olabilir. Bu yüksek rekabet pazarında sizi "düşecek" hale getirecek.
• ** Yeni bir müşteri daha yüksek bulma maliyeti: ** Dönüşüm oranı daha düşük olduğunda, her yeni müşteriyi bulmak için daha fazla para harcamanız gerekecektir. İş kârınızı doğrudan etkiler

Bu, kullanıcı deneyimini geliştirmek için FOGG davranış modelini anlamaya ve uygulamaya "yatırımın" nedeni budur, bu yüzden sadece "seçenekler" değil, bu dijital çağda hayatta kalmak ve büyümek için "gerekli". Ve SaaS müşterileri için UX tasarımını bu yatırımın iyi bir örneğidir.

Herhangi bir çözüm var mı? Ve nereden başlamalı? (FOGG Davranış Modeli ile Davranış Kilitini Açın)

[cite_start]

Davranışın motivasyon (motivasyon) + yetenek (yetenek/kolay) + istemi (stimülatör) [alıntı: 161] neden olduğunu anladığımızda, çözüm aynı anda 3'e hedeflenmelidir. Ve böyle başlamalısınız:

1. Motivasyon ekleyin ("Yapmak İsteyin")

• ** Mümkün olduğunca net bir şekilde değer teklifi: ** Kullanıcı, web sitenizden, ürününüzden veya hizmetinizden ne alacaklarını hemen bilmelidir. Neden sensin? Fayda nedir? [Cite_Start] Başından beri güçlü olan başlık ve alt başlık kullanın [alıntı: 147, 184, 185].
• ** Aciliyet (aciliyet) ve kıtlıklar (kıtlık) yaratın: ** Örneğin, "Kalan X Saat", "Sınırlı Ürün", "Bu indirim sadece ayın sonu"
[cite_start]
• ** Sosyal kanıt kullanın: ** Güvenilirlik oluşturmak ve [CITE: 211, 214, 215]
• ** Kullanıcıların "acı" veya "arzusu" ile bağlantılı: ** Karşılaştıkları sorunlar hakkında konuşun. Ve en iyi çözüm olduğunuzu gösterir

2. Yetenek ekleyin ("kolay yap" ı)

[cite_start]
• ** Her adımda sürtünmeyi azaltın: ** Süreci mümkün olduğunca kolaylaştırın. İster formu doldurma, sipariş veya abonelik olsun [alıntı: 149]
[cite_start]
• ** Görsel Hierachy Design: ** Kullanıcının gözlerini en önemli şeye yönlendirin. Harfler, renkler ve boş alan kullanın. [Alıntı: 188, 191, 192, 193]
[cite_start]
• ** Mobil dostu mükemmel: ** Çoğu kullanıcı web sitesine mobil aracılığıyla girdiğinden düğmeye kolayca basılması gerekir. Metin açıktır, yakınlaştırmaya gerek yoktur [alıntı: 161, 219, 221].
[cite_start]
• ** Form kısa ve doldurulması kolay olmalıdır: ** Gerektiğinde bilgi isteyin, yer tutucu ve hata mesajı dostu [alıntı: 159, 204, 209]
[cite_start]
• ** Sayfa hızı ekleyin: ** İndirilen web siteleri kullanıcı iyi hissedecek ve [CITE: 227] sürecinin sonuna kadar kullanmaya devam etme eğilimindedir.

3. İstemi Ekle ("Doğru Uyarıcıya Sahip Ol" ı Yapın)

• ** Olağanüstü ve net olan çağrı -ila -ksiyon (CTA): ** CTA düğmesinde, sadece "buraya tıklayın" değil, aynı zamanda "hemen indirim al!" [Cite_start] veya "Ücretsiz kullanmaya başlayın!" [Alıntı: 158, 196, 198, 200]
[cite_start]
• ** İNDİ doğru konuma yerleştirin: ** Katlamanın üstünden net bir CTA olmalı ve bir CTA'ya sahip olmalıdır.
• ** Bildirim veya açılır pencereyi akıllıca kullanın: ** Rahatsız etmek için çok fazla değil, pop -up gibi sağ ritimde kullanılır. Kullanıcı web sayfasından ayrılırken özel teklifler
• ** "Küçük kazançlar" oluşturun: ** Kullanıcıları uzun bir formda ilerleme çubuğu gibi biraz yavaş yavaş hissettirir.

İyi bir başlangıç ** "Mevcut web sitenizi analiz et" ** FOGG davranış modelinin kompozisyonuna göre. Kendinize "Kullanıcı yeterince motive mi?", "Yapması yeterince kolay mı?" Ve "Doğru ritimde açık bir uyaran var mı?" Zayıflığı belirleyebileceğiniz zaman. Güncellemeye nereden başlayacağınızı bileceksiniz. Etkili bir CTA tasarlamak istiyorsanız, en iyi çağrıdan arınmaya .

Eskiden elde edilen gerçek şeyden örnekler (oyunu çeviren FOGG Davranış Modeli Vaka)

FOGG davranış modelinin "gerçekten farklı" olduğunu açıkça görmek için. Bir örnek vermek istiyorum. "Birçok kullanıcıyla karşılaşan ancak nadiren" kullanmaya başlayın "veya" sürekli kullanım "ile karşılaşan SaaS proje yönetim platformundan biri

** FOGG davranış modelini kullanmadan önce: **

Çoğu kullanıcı uygulanır çünkü ilginç olan "özellikler" görürler (motivasyon makul), ancak bunun yerine başvurduktan sonra, işe alım (düşük) adımlarda "düşme" oranı çok yüksektir. Başvurduktan hemen sonra herhangi bir şey yapmak açık olan "uyarıcı" yoktur. Kullanıcının kaybolmasına neden olmak ve devam etmek istememiştir

** Sorunları çözmek için FOGG Davranış Modelinin Uygulanması: **

Ekip sorunu bu modele göre analiz etmeye başladı:

1. ** Motivasyon: ** Kullanıcıların uygulandığını biliyorlar çünkü özelliğin faydalarını görüyorlar (yeterince yüksek motivasyon), ancak ilk sayfadaki iletişim, kullanıcının gerçekten alacağı "sonuçlara" odaklanmıyor. Daha sonra, "projeyi iki kez daha hızlı bitirmek için yönet" gibi müşterinin "başarısını" vurgulamak için başlığı ve alt başlığını ayarlarlar.
2. ** Yetenek: ** Bu önemli bir zayıflık! [Cite_Start] Ekip, ilk ayar sürecinin "karmaşık" ve "çok uzun sürdüğünü" buldu, bu nedenle "işe alım" daha kısa bir "ilerleme çubuğu" ve "adım adım" önerisi kısa bir animasyon olduğunu gösteriyor. "Kolayca", "varsayılan şablonlar", "varsayılan şablonlar", "varsayılan şablonlar", Merkezden başlamak için hemen kullanılmaksızın, kullanıcıyı azaltmadan hemen sonra kullanabilir . SaaS müşterileri, onlara çok yardımcı oluyor.
3. ** İstemi: ** Ekibin, olağanüstü olan ve net bir uyarıcı mesajı kullanan "İlk Projenizi Başlat" düğmesine sahip olmak için "Hoş Geldiniz E -postası" nı geliştirmesi için başvurduktan sonra. Ayrıca, kullanıcıların ilk kez oturum açarken hemen yapması gereken ilk işlevi "tanıtmak" için uygulamada görünen bir "araç ipucu" da vardır. Bu, kullanıcılara "şimdi ne yapacağına" izin veren "ritim" istemidir.

** İnanılmaz sonuçlar: **

FOGG davranış modeli prensibine göre yenilendikten sonra, sadece 3 ay. "Aktif Kullanıcı" oranı ** "%150'den fazla arttı!" ** ve uzun vadede "hız kısıtlama oranı" "daha iyi iyileştirilmiş" dir.

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

"Yapma" zamanı! Bu, web sitenize hemen uygulamak için FOGG Davranış Modelini uygulayabileceğiniz basit bir kontrol listesidir:

1. ** "Hedef Davranışı" nı açıkça belirtin: **
   • Kullanıcıların web sitesinde ne yapmasını istiyorsunuz? (Üyelik başvurusu yapmak, ürün satın almak, e-kitap indirmek, iletişim kurmak gibi)
   • İlk olarak en önemli olana odaklanın.
2. ** Bu davranış için kullanıcıların "motivasyonunu" değerlendirin: **
   • Web siteniz bu davranışın "avantajları" veya "değeri" iletir. Ne kadar net?
   [cite_start]
   • Artan bir inceleme, referans veya başka bir sosyal kanıt var mı? [Alıntı: 211]
   • Teklifiniz, kullanıcının "arzusunu teşvik edecek" için yeterince çekici mi?
3. ** Bu davranışın "yeteneğini" (yapma kolaylığı) değerlendirin: **
   [cite_start]
   • Kullanıcıların "kolay" ve "karmaşık değil" yapması gereken adımlar yeterli mi? [Alıntı: 149]
   [cite_start]
   • Kısa form, sıkı, okunması kolay ve uygun mu? [Alıntı: 204]
   [cite_start]
   • Hızlı indir web sitesi ve mobil cihazlarda iyi çalışıyor mu değil mi? [Alıntı: 219, 227]
   • Bunu yapmayı kolaylaştıran bir öneri veya yardımcı var mı?
4. ** Tasarım "istemi" (uygun uyaranlar): **
   [cite_start]
   • Henüz "olağanüstü" "net" ve "tıklamalı" için bir çağrı -arama (CTA) var mı? [Alıntı: 198]
   • CTA, kullanıcının karar vermeye hazır olduğu "konuma" yerleştirilir mi? [Cite_Start] (bölümün bitiminden sonra önemli bilgiler gibi) [alıntı: 201]
   • CTA'daki metin eylemi uyarıyor ve faydaları açıkça anlatıyor mu? [Cite_Start] ("Ücretsiz Deneme Başlat", "Hemen İndirim Al") [Alıntı: 200]
   • "Evet" ve "Rahatsız Etmeme" ritminde bildirim veya açılır pencereyi akıllıca kullanın
5. ** "Test" ve "Sürekli Geliştirme": **
   [cite_start]
   • FOGG davranış modeli sabit bir formül değil, "deney" ve "öğrenme" gerektiren bir "düşünce çerçevesi" dır [alıntı: 202]
   • Başlık, CTA metni, düğme rengi veya formdaki prosedürlerle A/B testi yapmaya çalışın. Web sitesi tasarımı için oyunlaştırma kullanma hakkında daha fazla bilgi edinmek istiyorsanız, motivasyonu artırmak için de uygulanabilir

Motivasyon, yetenek ve istemin her bir bileşeninde bir seferde çok azın iyileştirilmesinin web sitenizde büyük bir kullanıcı davranışına yol açacağını unutmayın! Ve hedefe daha hızlı ulaşmanıza yardımcı olacak analizlere yardımcı olmak ve tavsiyelerde bulunmak için bir dönüşüm oranı optimizasyonu (CRO) uzmanına

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

Yani kendinize güveniyorsunuz ve FOGG davranış modelini kullanmaya hazırsınız. Ortak bir soru derledim. Açık bir cevapla!

S1: FOGG davranış modeli. Her türlü web sitesinde kullanabilir misiniz?

A: ** Tabii! ** Bir e-ticaret web sitesi, hizmet web sitesi, bilgi web sitesi, hatta genel bloklar olsun. Bu model, istediğimiz davranışı teşvik etmek için uyarlanabilir. Ürün satın almak, haberlere başvurma, indirme, iletişim veya hatta makaleyi tekrar tekrar okumak için geri dönme, kalp, net olmak istediğiniz davranışı belirtmek ve daha sonra analiz etmek ve geliştirmek için harita modelini kullanmaktır.

S2: Sınırlı bir bütçem varsa, "M" "A" veya "P" için odaklanmalı mı?

C: Bu cevap, web sitenizin en büyük "zayıflığına" bağlıdır. Verileri (Google Analytics gibi) analiz etmeye veya gerçek kullanıcı davranışını gözlemlemeye çalışın:

• Birçok kişi web sitesine girerse, ancak kimse hiçbir şeyi tıklamazsa, eksik olabilir ** istemi (P) ** Bu net ve çekici.
• İnsanlar tıklamaya devam ederse, ancak "formu doldurmayı" veya "satın al" i reddetmek eksik olabilir ** yetenek (a) ** süreç çok zordur.
• İnsanlar nadiren web sitesine giderse veya içeri girip ürünü hiç umursamıyorsa. Eksik olabilir ** Motivasyon (M) ** Bu ilginç mi?

Çoğu durumda, iyileştirme ** yetenek (a) ** (yapılması kolay) ve ** istemi (p) ** (doğru noktayı uyarmak) genellikle önce hızlı ve somut getiriler sağlar. Çünkü bazen kullanıcının zaten motivasyonu var, sadece onları kolaylaştırmadık. Ya da onlara ne yapacağını açıkça söylemedim

S3: "İstemimizin" uygun olduğunu nereden biliyorsunuz?

[cite_start]

A: En iyi yol ** "Testi (A/B testi)" **! [CITE: 202] CTA düğmesi rengini, düğmedeki metni, konumlandırma konumunu veya hatta istem türünü (POP -UP gibi satır içi afiş gibi) değiştirmeyi deneyin ve hangi tür dönüşüm oranının en yüksek olduğunu görün. Hızlı etkileşiminizin genel görüntüsünü daha iyi görmenize yardımcı olur.

S4: "Motivasyon" ve "istemi) farklı mı?

A: Temel fark şudur:

[cite_start]
• ** Motivasyon (teşvik): ** bunu yapma arzusudur. Kullanıcıları, bu ürünü istemek, bu sorunu çözmek istemek, daha fazla bilgi istemek gibi bir şey istemeye iten dahili bir faktördür [CITE: 161] [Cite_Start] Değer, acil veya sosyal kanıt sunarak motivasyon yaratırsınız [CITE: 147]
[cite_start]
• ** istemi (stimülatör): **, kullanıcıya "Şimdi yapalım" diyen "sinyal" dış görünümde bir davranış için bir kıvılcım olduğunu söyleyen "sinyal" dir. Örneğin, doğru zamanda görünen çağrı-kontrat düğmesi, uyarı, pop-up [alıntı: 161, 196]

Her iki parça da birlikte çalışmalı! Sadece motivasyon var, ama uyaran olmadan davranış yok. Veya bir uyarıcınız var, ancak kullanıcının motivasyonu göz ardı edilecek

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

Nasılsın? "FOGG Davranış Modeli: Web Sitesinde Model Tasarım Kullanıcı Davranışı." Umarım kullanıcıların web sitesinde istediğimiz şeyi "yapmasını" sağlamak için "net resimler" görürsünüz. Sadece "güzel bir web sitesi yapmak" değil, aynı zamanda "psikolojiyi anlamak" ve bu şeylere sistematik olarak yanıt veren "tasarım deneyimi" dir.

[cite_start]

Her zaman kullanıcının davranışının yalnızca yeterince ** motivasyon, kolayca anma ve istemi, sağ ritmde ** [alıntı: 161] olduğunda ortaya çıkabileceğini unutmayın. Davranış olmayacak. Veya olması zor

** "Yapma" zamanı! ** Bugün web sitenize geri dönmeyi ve her sayfayı, her bir adımda Fogg davranış modelinin gözlükleriyle "değerlendirmenizi" denemenizi istiyorum:

• Açılış Sayfanız ** Motivasyon ** İnsanları tanımaya devam edecek kadar güçlü mü?
• Sipariş süreci veya formunuzu doldurma "kolay" herkes için yeterli mi? ** yeteneğiniz ** yüksek mi?
• Ve "çağrı -ila düğmesi" veya "uyaranlar" net "ve" doğru zamanda doğru "kullanıcıyı bir sonraki adıma götürecek kadar? ** istemi ** güçlü mü var?

Haritanın her bir bölümündeki küçük gelişme, kesin olarak düşünebileceğinizden daha "harika bir sonuç" yaratacaktır! "Kullanıcının" kullanıcısının artık işletmenizin başarısını kesintiye uğratmasına izin vermeyin! Kullanıcı davranışını anlamaya yatırım yapın ve web sitenizin "kitleyi değiştir" ve "müşteriler" ve "gerçek hayranlar" a göreceksiniz!

** Vision X Beyninin "analiz etmenize" yardımcı olmak için "tasarımcının ortağı" olmasını isteyin ve "kullanıcıların davranışını teşvik etmek ve" satış yapmak "için" geliştirmek "web sitesi, doğru mu? Buraya tıklayın! Ücretsiz için CRO uzmanlarımıza danışmaya danışın! Yükümlülük yok! Web sitenize yardım etmeye hazırız.

‍