WordPress’te güzel form tasarımı için hack ve teknikler
Bir web yöneticisi veya web yöneticisiyseniz, ziyaretçilerinizden veri ve bilgi toplamak için genellikle kaliteli web formlarını kullanmanız gerekir. Bu nedenle, bir web formu her yaptığınızda, izleyicinin formu hızlı bir şekilde cevaplaması daha kolay ve daha rahat hale gelmesi için organize bir şekilde derlemeniz mantıklıdır. Bu makale, doğru kullanıcının katılımını sağlayacak güzel bir form tasarımının nasıl oluşturulacağı konusunda size rehberlik edecektir. WordPress formunuzun temizliğini korumak için güzel formlar tasarlamak için 16 ipucu, pratik kurallarımızı göz önünde bulundurabilirsiniz. İşte temiz bir web sitesi formu oluşturmanıza yardımcı olacak bir dizi kural:
Form türünü seçin
Form türünüzün üst olduğunu belirleyin. Örneğin, bir abonelik formu oluşturacaksanız, yalnızca e -posta ve tam adınız gibi alanlar eklemek yeterlidir. Ancak, çevrimiçi tarama testi, bir dizi ankete uyacak şekilde web formunuzda bir dizi alan gerektirebilir.
Bir form oluşturmadan önce, kitlenizin kim olduğunu bilmelisiniz. Bir iş adayı için bir form oluşturmak istiyorsanız, yalnızca bir e -posta ve tam ad alanı eklemek iyi bir fikir değildir. Abonelik formlarının aksine, çalışanlarınızdan yeterli bilgi almak için bir dizi alan eklemelisiniz.
Soru türünüze uygun bir alan seçin
Fiziksel kağıttan farklı olarak, kullanıcılarınızdan veri toplamak için makine dilinin gücünden yararlanabilirsiniz. Cevaplamak için olağan soruları ve metin alanlarını eklemek yerine, aşağıdaki üç alan seçeneğini kullanabilirsiniz: 1. Çoktan Seçmeli Alan:
Kullanıcılar ikiden fazla seçenekten yalnızca bir seçenek seçmeleri gerektiğinde, sorunuz için çoktan seçmeli bir alan seçeneği kullanabilirsiniz.
2. Tull-Downed Menü: Belirli bir seçenek seçmek için çok fazla seçenek olduğunda, radyo kutusu daire simgesinin kaosundan kaçınabilmeniz için açılır menüyü kullanacak kadar akıllı olacaktır.
3. onay kutusu: Kullanıcılar, yüzeye bir onay kutusu kullanarak verilen bir dizi seçenekte birden fazla öğe seçmeleri gerektiğinde. İşte kullanıcının birden fazla seçeneğe girebileceği bir onay kutusu örneği:
Gereksiz öğeleri gizlemek için koşullu mantık kullanın Web formları oluşturmada profesyonellik sağlamak için, alakasız seçenekleri gizlemek amacıyla koşullu mantığı kullanabilirsiniz. En iyi yanı, belirli bir dizi olayda koşullar yaratabilmenizdir. Örneğin, kullanıcınız başka bir seçeneğe tıklarsa, radyo kutusuna dahil olmayan cevapları girmek için bir metin kutusu alır:
Gizli seçenekler yalnızca kullanıcı tarafından etkinliği (burada “diğerleri” olaydır) tetikleyerek görüntülenebilir. Koşullu mantık hakkında daha fazla bilgi edinmek için bu bağlantıyı takip edebilirsiniz. Metin alanının boyutunu soru türüne göre ayarlayın
Metin alanının boyutunu, kullanıcınızı ondan beklediğiniz metin miktarını tahmin etmeye yönlendiren soru türüne göre ayarlayın. Alana dikey sipariş yaklaşımını uyguladım
CXL’ye göre, kullanıcıların çok sütunlu bir formu doldurmak yerine doğrusal formları (bir sütun) doldurma olasılığı daha yüksektir. Aşağıdakiler tek bir sütun ve çoklu katlı görüntü görüntüsü: Kullanıcıyı yönlendirmek için düğme etiketini ayarlayın
Form üreticisi, amacınıza uygun olmayabilecek önceden belirlenmiş bir etiket düğmesine sahip olabilir. Bu yüzden düğme etiketini ayarlamanız gerekir.
Tarih, ay ve yılı seçmek için otomatik bir takvim kullanın
Daha fazla seviye form üreticileri JavaScript’i maksimum olarak kullanabilir. Mesele şu ki, kullanıcılar tarih alanını tıkladıklarında, ekrandan görünen bir takvim alırlar. Bu etkileşimli takvim, kullanıcının istenen tarihe yalnızca bir fare tıklamasıyla girmesine yardımcı olacaktır – yani manuel yazmanın burada önemli olmadığı anlamına gelir. Recaptcha’yı kullanmak
Web formlarında Recaptcha’yı kullanma eğilimi bugün çok popüler hale geldi. Web formunu temizlemenize yardımcı olmasa da, spam ve spammer çevrimiçi robotları tarafından hasar görmemek için web formunuzu kaydetmenin en iyi yoludur. Yardım metnini ve yer tutucusunu kullanın:
Tüm ziyaretçiler web formlarını doldurmaya alışık değildir. İyi nedenlerle, acemi kullanıcıların formları bilinçsiz bir şekilde doldurmalarına yardımcı olabilmeniz için yardım metnini ve yer tutucusunu kullanmalısınız. Ek bilgileri kullanıcılara yardımcı olmak için bağlantıları kullanın
Şartlar ve koşullar veya bunun gibi şeyler için, kullanıcıların diğer sayfalara giderek metni okumalarına yardımcı olmak için bir bağlantı kullanabilirsiniz. Gerekirse çok tabakalı formu kullanın: Formunuz birçok sıralı alan içeriyorsa, multilatek işlevselliği kullanabilirsiniz. Formun birkaç adım içeren ekran görüntüleri şunlardır:
Teşekkürler sayfasını kullanın: Kullanıcınız formu gönderdikten hemen sonra bir teşekkür sayfası göstermelisiniz. Teşekkürler sayfası, kullanıcının form verilerinin web sitesi yöneticisine başarıyla gönderildiğinden emin olmasına yardımcı olur.
Formunuzu paylaşacaksanız alanı doldurun: İletişim formunuzu nasıl göndererek ve alıcınızı dinamik bir alan popülasyonu ile nasıl şaşırtarak? Bunu yapmak için, yalnızca parametrenin adını kullanmanız ve parametrenin değerini girmeniz gerekir ve alanı otomatik olarak doldurarak bitmiş olursunuz. Aşağıda, otomatik olarak doldurulan alan hakkında bir video içeren bir öğreticidir.
Zorunlu alanlar yapmak için yıldız işaretlerinin kullanımı:
Yıldız işareti zorunlu bir alan yapmak için düzgün bir araçtır. Müşterinin araştırmasını veya anketini yaptığımızda ve tahmin ettiğimizde müşterilerimizden e -posta almaktan mutluluk duyuyoruz – kullanıcıyı formda e -posta adresini girmeye zorlayabilirsiniz.
Belirtilen şablonun uygulanması:
DIYer türü değilseniz, WordPress form üreticisine dahil edilen önceden belirlenmiş bir şablon kullanabilirsiniz. Bu şablon, güzel bir web sitesinin şeklini çok hızlı bir şekilde tasarlamanıza ve elbette estetiği korumanıza izin verecektir.
