İletişim formlarının şekillendirilmesi için izlenmesi gereken kurallar |Bu ilkeler kırılamaz
İletişim tarzı neden web sitenizin önemli bir parçasıdır? Her işletme sahibi, beklentilerini müşterilere dönüştürmek ister. Yaşadıkları şey aslında insanların düzenli olarak ziyaret etmeleridir, ancak dönüşüm beklendiği gibi gerçekleşmez. Dönüştürülmelerini engelleyen nedenleri bilmek istiyorsanız, ayrıntılı olarak açıklamak için buradayım. Unutmayın, eğer iletişim formları tasarlamaya katılıyorsanız, bu ciddi olmanın zamanıdır. İletişim formları bir web sitesinin önemli bir parçasıdır ve tam bir web sitesinden daha az önemli değildir.
Web sitenizi tasarlarken ancak küçük bir parça olduğu için iletişim formunu görmezden gelerken tüm dikkatinizi ve dikkatinizi çekersiniz. Ancak, bu küçük kısım dönüşüme ihtiyacınız olduğunda cazibe gibi çalışır. İletişim formunun bir web sitesinin önemli bir parçası olduğunu belirttiğim için iletişim formunu neden ayarlamak önemlidir, önemi görmezden gelemezsiniz. Aşağıdaki nedenler kötü kullanıcı deneyimine neden olabilir: gereksiz adımlar, kafa karıştırıcı, mobil cihazlarda hasarlı alanlar. Temas formlarının düzenlenmesi, tüm dikkatinizi ve bir form oluşturma şeklinde yapılması gereken önemli ilkelerin gerektirmesini gerektirir.
Bu uyumu korumak ilginç kurallardan biridir, ancak formun daha iyi görünmesini sağlayabilecek doğrudan. Uzun formlar kullanıcıları korkutuyor ve formları ilginç bir formla tasarlayamıyorsanız, insanlar bunu orada bırakacaktır.
İdeal olarak, etiket solda iyi görünüyor. Ancak, alan alanının üzerine yerleştirin.
Gruplama önemli bir görevdir, ancak yatay yapı estetiğe zarar verebilir. Bu yüzden, birbirine bağlı bir yığın halinde dikey olarak saklamanızı öneririz.
Çıkış menüsüne çok uzun süredir çoktan seçmeli seçeneği çok uzun süre koymayın. Daha iyi bir kullanıcı deneyimi anlamına geldiğinden dikey olarak ayarlayın.
Formunuzu daha kısa tutmanın daha ilginç hale getirdiğini düşünebileceğiniz tüm alanları ekleyin. Ama bu her zaman olmaz. Bazen karmaşık olduğunu söylemeniz gerekir. Bu durumda, ilgili tüm alanları dahil etmek gerekir.
İnandığınız şeyin önemli olmasına gerek yoktur. Beklentilerinize uygun olarak, form önemli bir bölümü kaybettiği için insanlar formu doldurmayabilir. Kısaltma formu temizleştirir, ancak bir seferde dönüşümü azaltabilir. Yapabileceğiniz tek şey, insanları sıkılmayacak şekilde uzun bir form oluşturmak. En önemlisi, her alan tarafından toplananları netleştirmeniz gerekir. Ardından, kullanıcı size güvenir ve uzun form iyi performans gösterebilir. Giriş alanının etiketini yer tutucu metninden ayırın Konteyner nedir? Bu, kullanıcıların sahaya hangi bilgilerin dahil edilmesi gerektiğini biraz açıklayan ek metinlerle yardımcı olur. Kullanıcı yazmaya başladığında, bu talimat kaybolur. Yer tutucu metnini form etiketiniz olarak kullanırsanız, kötü bir kullanıcı deneyimi oluşturur. Nasıl? Kullanıcı kutuyu tıkladığında, metin artık orada olmayacaktır. Bu nedenle, kullanıcıların alanın ne olduğunu öğrenmek için ikinci bir şansı yoktur. Doğru bilgi yazıp yazmadıklarından emin değiller. İkincisi, kullanıcılar bir şey yazıldığını gördüklerinde, otomatik doldurma özelliği nedeniyle doldurulduğunu düşünebilirler. Aptal bir kullanıcı değil, ama karışıklığa neden olan bir senaryo yapmamalısınız.
Yer tutucu metnini form etiketi olarak kullanmanızı önermeme rağmen, yüzen bir etiket olarak kullanabilirsiniz. Varsayılan olarak, kullanıcı her ikisi de yer tutucu ve etiket olan metnin bir bölümünü görecektir. Yazmaya başladıklarında metin kaybolacak ve yüzen etiket görünecektir.
Sadece iki alan gerektiren gelen formlar gibi basit formlar için etiket olarak bir konteyner yeri kullanabilirsiniz. Bir kez daha, çok fazla bilgi toplayacağınız zaman, bu yaklaşım kötü bir uygulamayı göstermektedir. Bir Serama Formu Oluşturun Belki kullanıcılarınızın nereden geldiği, hem masaüstü hem de elde taşınır cihazlar, yararlı tekniklerle onlara yardımcı olmanız gerekir. Başka bir deyişle, formunuz daha arkadaş canlısı olmalı, böylece kullanıcıların komplikasyon olmadan girebilmesi. Kullanıcı ne yapacağını anlayamıyorsa, kaybınızdan siz sorumlusunuz.
Giriş işlemini basitleştirmek için bazı teknikleri kontrol edelim.
Bu mantıksal tablo, web geliştiricileri tarafından kolayca anlaşılabilen bir şeydir. İçeriği 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şilebilirlik ile ilgili sorunları olan diğerleri için sorunları çözersiniz. İletişim formunun düzenlenmesine doğru bir şekilde odaklanırsanız, kullanıcı deneyimini korumalısınız ve mantıksal sekme kullanım için iyi bir seçimdir. Giriş Maskesi Giriş biçimi belirsizse, kullanıcı belirli bir sembol yerleştirip yerleştirmeyeceği karıştırılır. Öte yandan, format eksikliği insanların düzeltmesini zorlaştırır. Her iki durumda da, iki durum kullanıcıyı formu terk etmeye yönlendirir. Giriş maskesi doğru cevaptır, çünkü otomatik olarak doğru biçimi girerler ve kullanıcıların endişelenmesine gerek yoktur. Kullanıcılar giriş yazdığında, biçim doğal olarak görünür. Bu tür otomatik biçimlendirme ayrıca daha az tıklama üretir (özellikle telefon numaraları veya kredi kartları gibi alanlar birkaç alana ayrılırsa) ve formların daha hızlı tamamlanması. İlerleme ilerlemesi kullanıcıya formun ne kadar tamamlanması gerektiğini gösterir. Formu dolduran form üzerinde doğrudan bir etkisi yoktur. Kullanıcılar formun ne kadar süre çözülmesi gerektiğini bildiğinden, daha rahat hissederler ve çok korkmazlar.
Giriş Türleri HTML girişi türleri kullanıcıların cep telefonlarına yazdıklarında doğru klavye seçeneğini görmelerine yardımcı olur, bu nedenle her şeyi en başından yazmaları gerekmez (e -posta için “.com” gibi). Giriş türünü formunuza eklerseniz, kullanıcılar cep telefonundaki klavyelerinde varyans görür. E -posta kutusuna tıkladıklarında, klavye otomatik olarak küçük harflerle görünecektir. Aynı şekilde, web sitesinin alanına tıklarlarsa, klavye .com .com seçeneği seçeneğini görüntüler. İçerik
Bu, sizinkinden daha fazla bir Google özelliği. Sizin için iki çözüm var. İlk olarak, içerik gereksinimlerini karşılayabilmesi için bir alan oluşturabilirsiniz. Bu durumda, Chrome’un anlaması zor olan alışılmadık bir alan etiketi uygulamayın.
İkinci yol bir eklenti kullanmaktır. Sadece bu amaç için yapılan WordPress eklentisini bulun. Bu özelliği etkinleştirdiğinizde, ana alan otomatik olarak doldurulur, bu da kullanıcılar için çok rahat olur. Koşullu mantık koşullu mantık en azından söylemek gerekirse ilginç bir keşiftir. İnsanlar formlarını kaostan kurtarmak için etkili bir yol elde etmek için mücadele ettiğinde, bu seçenek harika bir çözüm olabilir. Kullanıcı belirli bir alana tıklayana kadar seçenekleri görmeyecektir. Örneğin, ulaşım için çeşitli seçenekler eklediniz: yolla, hava yoluyla. Kullanıcı ‘yolla’ tıklarsa sadece otobüs, araba ve motosiklet görür. WP akıcı formlar, formunuzu tüm kaostan uzak tutmanıza yardımcı olan bu son özellik ile birlikte gelir. Harekete geçme davetine dikkat edin, düğmenin ne kadar önemli olduğunu açıklamam gerektiğini sanmıyorum. Bu, kitlenizin tıklamasını ve harekete geçmesini istediğiniz çekirdek, değil mi? En azından burada söyleyebileceğim şey, iletişim formunuzdaki düğmeyi artırmaktır. Yeni başlayanlar için, mantıksız görünse de, her zaman ana CTA’yı saha alanı ile hizalayın. Örneğin, “bir sonraki” ve “dönüş” düğmeleri varsa, “sonraki” en solda görünecektir, çünkü bu çoğu kullanıcı tarafından yapılacak eylemdir. İyileşme ile ne demek istiyorum? Düğme metniyle başlayalım. “Gönder”, dünya çapında en yaygın kullanılan metindir. “Bize fikrinizi söyle” veya “e -kitabı şimdi al” gibi daha güçlü bir kopya kullanmaya ne dersiniz? Tüm iletişim formlarının aynı olacağını söyleyemediğim son not. İş hedeflerine ve web sitesi tasarımına dayanarak, her iletişim formu farklıdır. Ancak, yukarıda tartıştığım noktalar çalıştıracağınız tüm formlar için önemlidir. Şimdi, kullanıcının seveceği bir iletişim formu oluşturmanın zamanı geldi. Kullanıcıların uzun formlardan korkmadığı bir şeyi hatırlayın. Kullanıcınız ne kadar arkadaş canlısı olursa, insanlar bunu daha iyi kabul eder. İletişim formunu düzenlerken aşağıdakileri unutmayın: katılımcılar için daha iyi bir deneyim yaratmak içinHer noktayı olabildiğince netleştirin İlgili tüm alanları ekleyin
Dönüşümü artırmak için Gönder düğmesini kullanın Cihaza zarar vermeyecek şekilde uyanmak Bir WordPress formu oluştururken unutulmaz bir deneyim elde etmek için WP akıcı formları deneyin. Sadece süper hızlı bir form yapmakla kalmaz, aynı zamanda en iyi özelliklerin çoğunu elde edersiniz. Öncelik desteği almak için bir demo şablonundan seçim yapan akıcı formlar sizi destekler.
