Şekillendirme İletişim Formları için Uyulması Gereken Kurallar | Bu İlkeler Kırılmaz

Stil sahibi iletişim neden web sitenizin önemli bir parçasını oluşturuyor?

Her işletme sahibi, potansiyel müşterilerini müşterilere dönüştürmek ister. Bunun yerine deneyimledikleri şey, insanların düzenli olarak ziyaret etmeleri, ancak dönüşümün beklendiği gibi gerçekleşmemesi.

Dönüştürülmelerini engelleyen nedeni bilmek istiyorsanız, bunu ayrıntılı olarak açıklamak için buradayım. İletişim formları tasarlamakla ilgileniyorsanız, ciddi olma zamanının geldiğini unutmayın.

Bir iletişim formu, bir web sitesinin hayati bir parçasıdır ve web sitesinin tamamından daha az önemli değildir.

Web sitenizi tasarlarken tüm özen ve dikkatinizi veriyorsunuz ancak iletişim formlarını küçük bir parçası olduğu için gözden kaçırıyorsunuz. Ancak, bu küçük kısım, dönüştürmeye ihtiyacınız olduğunda bir cazibe gibi çalışır.

İletişim formlarını şekillendirmek neden önemlidir?

Bir kez iletişim formunun bir web sitesinin önemli bir parçası olduğunu belirttiğim gibi, önemini göz ardı edemezsiniz.

Kötü bir kullanıcı deneyiminden aşağıdaki nedenler sorumlu olabilir: gereksiz adımlar, kafa karıştırıcı alanlar, mobil cihazlarda bozuk.

İletişim formlarını şekillendirmek, form oluşturma sürecinde gerçekleştirilmesi gereken temel ilkelere tüm dikkatinizi gerektirir.

hizalamaya özen gösterin

Bu, formun daha iyi görünmesini sağlayabilecek zorlayıcı ancak basit bir kuraldır. Uzun formlar kullanıcıları korkutur ve formları ilgi çekici bir şekilde tasarlayamazsanız, insanlar onu orada bırakacaktır.

Hizalama, formunuza en iyi şekli vermenin çok önemli bir parçasıdır. Formunuzun görsel deneyiminin kalitesini iyileştirmeye buradan başlayabilirsiniz.

Modern web sitelerinin en büyük zorluklarından biri, mobil cihazlar için UX'i geliştirmektir. Bu kuralı uyguladığınızda formunuz mobil cihazlarda daha güzel görünecektir.

Hizalamayı doğru biçimde tutmak için uyulması gereken bazı kurallar şunlardır:

• İdeal olarak, etiketler solda iyi görünür. Ancak, form alanlarının üstüne koyun.
• Gruplama önemli bir iştir, ancak yatay yapı estetiği bozabilir. Bu yüzden birbirine bağlı yığınlarda dikey olarak tutmanızı öneririz.
• Çok uzun olmadığı sürece açılır menüye çoktan seçmeli seçenekler koymayın. Daha iyi bir kullanıcı deneyimi anlamına geldiği için bunları dikey olarak düzenleyin.

Gerekli tüm alanları dahil et

Formunuzu daha kısa tutmanın daha çekici olduğunu düşünebilirsiniz. Ama bu her zaman olmaz. Bazen ayrıntılı anlatmak gerekir. Bu durumda, ilgili tüm alanları dahil etmek gerekir.

Gereksiz olduğuna inandığınız şey, gerekli hale gelebilir. Beklentilerinize göre, formun önemli bir kısmı eksik olduğu için kişiler formu doldurmayabilir. Kısaltma, bir formu temiz yapar, ancak bir seferde dönüştürmeyi azaltabilir.

Bunun yerine uzun biçimi insanları sıkmayacak şekilde organize edebilirsiniz. En önemlisi, her alanın ne topladığını netleştirmeniz gerekiyor. Ardından, kullanıcılar size güvenecek ve uzun biçim iyi performans gösterebilir.

Giriş alanı etiketini yer tutucu metinden ayrı tutun

Yer tutucu ne yapar? Bir alana hangi bilgilerin girileceğini biraz açıklayan ek metinle kullanıcılara yardımcı olur. Kullanıcılar yazmaya başladığında bu ipuçları kaybolur.

Form etiketiniz olarak yer tutucu metin kullanırsanız, bu kötü bir kullanıcı deneyimi yaratır. Nasıl?

• Kullanıcılar kutuya tıkladığında, metin artık var olmayacak. Bu nedenle, kullanıcıların alanın ne hakkında olduğunu bilmek için ikinci bir şansları yoktur. Doğru bilgiyi yazıp yazmadıklarından emin olamazlar.
• İkincisi, kullanıcılar zaten yazılmış bir şey olduğunu gördüklerinde, otomatik doldurma özelliği nedeniyle zaten dolduğunu düşünebilirler. Kullanıcılar aptal değil, ancak kafa karışıklığı yaratan bir senaryo oluşturmamalısınız.

Yer tutucu metni form etiketi olarak kullanmanızı önermesem de, onu kayan bir etiket olarak kullanabilirsiniz. Varsayılan olarak, kullanıcılar hem yer tutucu hem de etiket olan tek bir metin parçası görür. Yazmaya başladıklarında metin kaybolacak ve kayan bir etiket ortaya çıkacaktır.

Yalnızca iki alan gerektiren oturum açma formları gibi basit formlar için yer tutucuyu etiket olarak kullanabilirsiniz. Yine, çok fazla bilgi toplayacağınız zaman, bu yaklaşım kötü bir uygulamayı tasvir eder.

Formu olabildiğince kullanıcı dostu yapın

Kullanıcılarınız nereden geliyor olursa olsun, ister masaüstü ister el cihazları olsun, onlara yardımcı tekniklerle yardımcı olmalısınız. Başka bir deyişle, formunuz daha kolay olmalı, böylece kullanıcılar sorunsuz bir şekilde giriş yapabilir.

Kullanıcıların doldururken kendilerini rahat hissedebilecekleri şekilde donatılması gereken sizin formunuzdur. Kullanıcılar ne yapacaklarını anlayamazlarsa, kaybınızdan siz sorumlusunuz.

Giriş sürecini basitleştirmek için bazı teknikleri inceleyelim.

mantıksal sekme

Bu, web geliştiricilerinin kolayca anlayabileceği bir şeydir. Ne hakkında olduğunu görmek için mantıksal sekme için bir bağlantı ekledim. Bu özelliği etkinleştirerek, masaüstü kullanıcıları ve erişilebilirlikle ilgili sorunları olan diğer kişilerin sorunlarını çözmüş olursunuz. İletişim formlarını doğru şekilde şekillendirmeye odaklanırsanız, kullanıcı deneyimine dikkat etmelisiniz ve mantıksal sekme, gitmek için harika bir seçenektir.

Giriş maskeleri

Giriş formatı belirsizse, kullanıcılar belirli bir sembolü koyup koymama konusunda kafa karıştıracaktır. Öte yandan, formatların eksikliği, insanların düzeltmesini zorlaştırıyor. Her iki durumda da, iki durum, kullanıcıların formu terk etmesine neden olur.

Doğru formatı otomatik olarak eklediklerinden giriş maskeleri doğru yanıttır ve kullanıcıların endişelenmesine gerek yoktur. Kullanıcılar girişi yazdığında, biçim doğal olarak gelir.

Bu tür otomatik biçimlendirme aynı zamanda daha az tıklamaya (özellikle telefon numarası veya kredi kartı gibi bir alan birden fazla alana bölünmüşse) ve daha hızlı form tamamlamaya yol açar.

İlerleme çubuğu

Bir ilerleme çubuğu, kullanıcılara formun ne kadar tamamlanması gerektiğini gösterir. Form doldurma işlemine doğrudan etkisi yoktur. Kullanıcılar formun tamamlanmasına ne kadar kaldığını bildikleri için kendilerini daha rahat ve daha az korkmuş hissederler.

Giriş türleri

HTML giriş türleri, kullanıcıların mobilde yazarken doğru klavye seçeneklerini görmelerine yardımcı olacak ve onları her şeyi sıfırdan yazmak zorunda kalmaktan (e-posta için “.com” gibi) kurtaracaktır.

Form alanlarınıza giriş türü eklerseniz, kullanıcılar mobilde klavyelerindeki farkı görürler. E-posta kutusuna tıkladıklarında, klavye otomatik olarak küçük harflerle görünecektir. Benzer şekilde, web sitesi alanına tıklarlarsa klavyede bir .com seçeneği çıkacaktır.

otomatik doldurma

Bu sizinkinden daha çok bir Google özelliği. Sizin için iki çözüm var. İlk olarak, otomatik doldurma gereksinimlerini karşılayabilmeleri için alanlar oluşturabilirsiniz. Bu durumda, Chrome'un anlaması zor olan olağan dışı alan etiketleri uygulamayın.

İkinci yol bir eklenti kullanmaktır. Yalnızca bu amaç için oluşturulmuş bir WordPress eklentisi bulun. Bu özelliği etkinleştirdiğinizde, birincil alanlar otomatik olarak doldurulacaktır, bu da kullanıcılar için mükemmel bir rahatlamadır.

koşullu mantık

Koşullu mantık, en azından söylemek gerekirse, heyecan verici bir icattır. İnsanlar formlarını dağınıklıktan arındırmanın verimli bir yolunu bulmakta zorlandıklarında, bu seçenek harika bir çözüm olabilir.

Kullanıcılar, belirli bir alana tıklayana kadar seçenekleri görmezler. Örneğin, ulaşıma birden fazla seçenek eklediniz: karayoluyla, havayoluyla. Kullanıcılar 'karayoluyla' seçeneğini tıklarsa, otobüs, araba ve motosikleti görürler.

WP Fluent Forms, formlarınızı tüm karmaşadan uzak tutmanıza yardımcı olan bu son teknoloji özellikle birlikte gelir.

Harekete geçirici mesaja dikkat edin

Düğmelerin ne kadar önemli olduğunu açıklamama gerek yok sanırım. Kitlenizin tıklayıp bir şeyler yapmasını istediğiniz temel bir bölüm, değil mi? Burada söyleyebileceğim en az şey, iletişim formlarınızdaki düğmeleri geliştirmek.

Yeni başlayanlar için, mantıklı görünmese bile, her zaman birincil CTA'yı form alanlarıyla hizalayın. Örneğin, bir “İleri” ve “Geri” düğmeniz varsa, çoğu kullanıcının yapacağı eylem olduğu için en solda “İleri” görünmelidir.

İyileştirme derken neyi kastediyorum? Düğme metniyle başlayalım. “Gönder” tüm dünyada en çok kullanılan metindir. “Bize ne düşündüğünüzü söyleyin” veya “E-kitabı şimdi alın” gibi daha güçlü bir kopya kullanmaya ne dersiniz?

Son açıklamalar

Tüm iletişim formlarının aynı olacağını söyleyemem. İş hedefine ve web sitesinin tasarımına bağlı olarak her iletişim formu farklıdır. Ancak, yukarıda tartıştığım noktalar, uygulayacağınız tüm formlar için eşit derecede önemlidir.

Şimdi, kullanıcıların seveceği bir iletişim formu oluşturma zamanı. Kullanıcıların uzun formlardan korkmadığını unutmayın. Ne kadar kullanıcı dostu yaparsanız, insanlar o kadar iyi alır.

İletişim formlarını şekillendirirken aşağıdakileri aklınızda bulundurun:

• Yanıtlayanlar için daha iyi bir deneyim oluşturmak için
• Her noktayı mümkün olduğunca açık hale getirin
• İlgili tüm alanları dahil et
• Dönüşümü artırmak için gönder düğmesini kullanın
• Cihazları bozmayacak şekilde oluşturun

WordPress formları oluştururken unutulmaz bir deneyim yaşamak için WP Fluent Forms'u deneyin. Yalnızca süper hızlı formlar oluşturmakla kalmaz, aynı zamanda birçok birinci sınıf özellik elde edersiniz. Fluent Forms, demo şablonlarından öncelikli destek almaya kadar seçim yapmanızı sağlar.