Çevrimiçi Form Tasarımı İpuçları: Web Sitelerindeki Form Tasarımlarında Sorun Nedir?
Markalar ve işletme sahipleri bu konuda çok çaba harcıyor. harika web tasarımı.
Bunda sadece küçük bir sorun var.
Ancak tasarım tek başına web sitenizden para kazandırmaz.
Daha da önemlisi, bu kanallar oluşturmakla ilgilidir. potansiyel müşteriler ve satışlar oluşturmak.
İşte çevrimiçi formların devreye girdiği yer burasıdır.
Pek çok marka form tasarımlarının önemini göz ardı ediyor ancak anahtar sorgulama kanalı Bu, web sitenizin başarısını belirler.
İnternetteki çoğu form tasarımı örneği sıkıcı, hoş olmayan görünüyor ve sonuç olarak daha az dönüşüm sağlıyor.
Çevrimiçi formlar, yeni iş potansiyeli yakalamak.
Potansiyel müşteri yaratmayı ciddiye almak istiyorsanız, kullanıcı dostu ve ilgi çekici çevrimiçi formlar kullanmak çok önemlidir.
Hedef kitlenizle daha iyi bağlantı kurmanıza yardımcı olmak için çevrimiçi bir formu nasıl eğlenceli hale getirebileceğinize dair en iyi 10 uygulamamızı burada bulabilirsiniz:
1. Karışıklığı Ortadan Kaldırın
Öncelikle formun hedef kitleniz için anlaşılması kolay olması gerekir. Ve bunu söylemek çoğu zaman yapmaktan daha kolaydır. Oform tasarımınızı eğlenceli ve heyecanlı hale getirmeyi düşünmeden önce, işlevsel ve kullanıcı dostu olduğundan emin olmanız gerekir.
İnternet, gereksiz soruları olan, kafa karıştırıcı bir dilde sorular soran ve sıkıcı görünen form tasarımlarıyla doludur. Tüm bu özellikler, formları web ziyaretçilerinin doldurmasını daha az teşvik edici hale getirir.
Form Tasarımında kaldırılması gereken önemli faktörler:
❌ Uzun formlar (daha az, daha çoktur)
❌ Gereksiz sorular
❌ İyi değer sağlamayan gereksiz sorular
❌ Soru tipinin yanlış olması, örneğin buton seçenekleri yerine açık metin alanının kullanılması
❌ Jargon ve teknik dil
❌ Düğmelerdeki standart harekete geçirici mesaj metni, örneğin Kaydol, Abone Ol, Formu Doldur
❌ Okunması zor renkler ve kontrastlar
Tüm bu noktalar çok bariz görünebilir, ancak gerçek şu ki en basit çevrimiçi formlar bile bu noktalardan bazılarını ihlal ediyor.
İnternet, kullanıcı deneyimi olmayan binlerce form tasarımıyla doludur.
Tek bir olumsuz deneyim, kullanıcıyı formunuzla ilgili harika bir deneyimden çok daha fazla etkileyebilir.
Bu uygulamaları gözden geçirin ve çok daha iyi fırsatlara sahip olacaksınız. dönüşümler oluşturmak ve etkileşim yaratın.
2. Formatı Değiştirin
Çevrimiçi formları düşündüğümüzde aklımıza genellikle basit, uzun formlar gelir. Uzun formlar veya tek adımlı formlar, tüm soruları tek bir adımda, genellikle birbirinin altında tek tek sunar.
Tek adımlı formlar için tonlarca iyi kullanım örneği vardır; örneğin yalnızca adınızı ve e-posta adresinizi isteyen formlar için. Ancak formları daha eğlenceli hale getirmeyi düşünürken mutlaka form formatını değiştirmeyi düşünmelisiniz.
Tek adımlı formlara alternatif çok adımlı formlar
Çok adımlı formlar, Bazen sihirbaz formları olarak da adlandırılan formlar çok daha sezgiseldir ve kullanıcı yolculuğu boyunca daha iyi bir deneyim sağlar.
Kullanıcı aynı anda yalnızca bir soru adımını gördüğünden bilgiler daha az karmaşıktır.
10 veya 20 farklı soruyu görmekten ziyade tek seferde tek bir soruyu görmek çok daha cesaret vericidir. Gerçek hayattan hiçbir farkı yok: Başka biriyle yaptığınız kişisel bir sohbette, bir sonraki soruyu sormadan önce sadece bir soru sorarsınız.
Çok adımlı formlarda, formun ne kadarının tamamlandığına dair gösterge sağlayan ilerleme çubuklarını kullanabilirsiniz.
İlgili: Dönüşümü Artırmak İçin Uzun Formlar Oluşturmaya Yönelik 7 En İyi Uygulama
Çok adımlı bize ulaşın formu tasarımındaki ilerleme çubuğu
Birçok durumda çok adımlı formları daha kullanıcı dostu buluyoruz; kurşun yakalama, kullanıcı yeterliliği, geri bildirim formları, başvuru formları ve daha fazlası. LeadGen Uygulaması özel metin ve grafik öğeleriyle çok adımlı formları çok kolay bir şekilde oluşturmanıza olanak tanır.
3. Form Tasarımınızı İçerikle Eğlendirin
LeadGen çok adımlı formlarda, sorularınız ve form adımlarınızla birlikte metin kutusu öğelerini (örneğin bir sorunun üstünde) gösterebilirsiniz.
Bu metin kutusu öğeleri, bağlantılar, grafikler ve GIF görüntüleri ekleyebileceğiniz WSIWYG düzenleyicisi aracılığıyla eklenebilir. Başlıklar farklı boyutlara, örneğin H1, H2, H3 formatına ayarlanabilir.
LeadGen formlarını metin kutusu öğeleriyle geliştirme - Form oluşturucu ve Canlı form
Örneğin soruları tanıtmak için birkaç satır metin ekleyerek formu daha kişiselleştirilmiş ve anlaşılması daha kolay hale getirebilirsiniz.
Bu, formunuzun tipik bir çevrimiçi form gibi daha konuşmaya dayalı ve daha az statik görünmesini sağlayabilir (Aşağıdaki resme bakın)
Metin öğeleri içeren özelleştirilmiş başlık bölümü tasarımıyla bize ulaşın
Yaratıcı fikirlerinizin akmasını sağlamak için metin kutularındaki GIF resimlerini de kullanabilirsiniz. Yarışmaya katılmak için aşağıdaki form tasarımı örneğine bakın:
GIF görselli ödüllü çekiliş yarışması kayıt formu
4. En İyi Uygulamalar Form Tasarımı
Çevrimiçi formunuzun markalaması ve stili genellikle pazarlamacıların dikkat ettiği bir şey değildir. Öte yandan, insanlar web tasarımı konusunda takıntılıdır (ki bu da elbette önemlidir). Ancak çevrimiçi formların tasarımı, web sitesinin aslında işi yönlendiren temel unsurudur.
Bu potansiyelden yararlanan ve en iyi dönüşüm oranları için müşteri adayı oluşturma formunuzu optimize etmeye başlayan az sayıda pazarlamacıdan biri olun.
Öncesi ve sonrası resimlerin yer aldığı çevrimiçi iletişim formu tasarımına bir örnek:
İletişim sorgularını yakalamanın örnek formu
Formun özgün tasarımı uzun formatta inşa edilmiştir. İşleri gereğinden fazla karmaşık hale getiriyordu.
Sorular net değildi ve yoruma açıktı. Markalama açısından formda sadece beyaz ve gri renkler kullanılıyordu; bu, görünebilecek en sıkıcı renkti.
Çok adımlı formatta yeni iletişim formu tasarımı
Yukarıda markanın gerçek tasarımındaki yeni formu görüyorsunuz. Marka zaten güçlü yeşil kullanıyordu logo ve web sitesindeki renkler, bu yüzden form için bu stili benimsedik. Çok adımlı format, soruların anlaşılmasını çok daha kolay hale getirir ve kullanıcıların takip etme olasılığını artırır.
Renkler çevrimiçi form tasarımında şu açılardan önemli bir rol oynar:
1) Forma kişilik kazandırmak ve daha az ciddi görünmesini sağlamak;
2) Form stilini marka kimliğinizle eşleştirmek
3) Daha kullanıcı dostu deneyimler yaratın
5. Oyunlaştırın
LeadGen formu qhakem to bir web sitesindeki kullanıcılarla etkileşime geçin
İnsanlar oyunları ve eğlenceyi sever. Kullanıcıların ilgisini çekmek ve bir oyun gibi geliştirmek için çok adımlı form yolculuklarını kullanın.
Bu, oluşturduğunuz her form için doğru uyum olmayabilir. Örneğin, iletişim ve potansiyel müşteri yakalama formları muhtemelen hala mümkün olduğu kadar basit görünmelidir.
Oyunlaştırma, "Katılımı teşvik etmek amacıyla bir şeye (örneğin bir göreve) oyunlar veya oyun benzeri öğeler ekleme sürecidir" (Kaynak: Snappywords sözlüğü).
Oyunlaştırılmış Çevrimiçi Form Örnekleri
Oyunlaştırılmış bilgi yarışması web sitesi tasarım formu
Yukarıdaki resimde, aşağıdaki adımlarda koşullu soru mantığına dayalı olarak yanıt geri bildirimi sağlayan oyunlaştırılmış bir LeadGen formu gösterilmektedir.
Doğru cevaplar, yanlış cevaba göre farklı bir form adımı gösterecektir. Örneğin, kullanıcı doğru "Manila" seçeneğini seçerse LeadGen formu doğru yanıt için form adımını açacaktır. Diğer tüm sorular için kullanıcıyı hem doğru yanıtlar hem de geri butonunu tıklayarak tekrar deneme seçeneği konusunda bilgilendiren bir soru adımı hazırlayabilirsiniz.
Anket LeadGen formu - Doğru cevap için cevap sayfası
Bu yanıt formu adımları, örneğin bir açıklama içeren kısa bir yanıt metni yazmak gibi istediğiniz şekilde özelleştirilebilir. Hem doğru hem de yanlış cevap bir sonraki soruya (S2) bağlanabilir, böylece kullanıcı tüm anketi sonuna kadar devam ettirebilir.
Oyunlaştırılmış bir çevrimiçi form, internette başka hiçbir yerde bulamayacağınız, alışılmışın dışında yaratıcı bir şey de olabilir. Oyunlaştırılmış çevrimiçi formun harika bir örneği şudur: BBC'den sınav
Oyuncunun sadece bebekliğini göstererek Şampiyonlar Ligi finalistini tahmin etmenizi istiyor. Bunun gibi şeyler, insanların cevabı görmek için formu incelemeye merak duymasına neden olur. Ayrıca, testinizin veya oyunlaştırılmış çevrimiçi formunuzun yeniden paylaşılma olasılığı daha yüksektir; bu da, geleneksel formlarda gerçekleşmeyecek şekilde web sitenizin görünürlüğünü kazanmanıza yardımcı olacaktır.
6. Sayfada Gezinme
Yalnızca çevrimiçi formun kendisine değil, kullanıcı yolculuğunun tamamına bakmak önemlidir.
Web sayfasındaki yolculuk kullanıcının ulaştığı yerden başlar ve form gönderildikten sonra da devam eder. Formunuz olabilecek tek bir harekete geçirici mesaj için sayfanın tamamını optimize etmek değer katar.
7. Sayfa İçeriğinde Form Tasarımını Bulun
Çevrimiçi bir form tasarladığınızda, onu sitenin mümkün olan en iyi bölümüne, belirgin bir şekilde yerleştirdiğinizden emin olun. Form, sayfada kolayca bulunabilecek ve kullanıcının gezindiği doğru noktada bulunmalıdır.
Doğru yeri bulmak formun kullanım durumuna bağlıdır.
Bir açılış sayfasında veya teklif sayfasında form genellikle en üstte bulunur (bizimki gibi) Demo rezervasyon sayfası aşağıda)
Basit bülten kayıt formları web sayfasının herhangi bir yerinde bulunabilir.
Potansiyel müşteri yakalama formları, örneğin rapor indirme or danışma teklifleri blog yazılarında farklı bir kullanım durumu vardır. Bu formlar hiçbir zaman gönderinin en üstünde gösterilmemelidir çünkü kullanıcının potansiyel müşteri teklifinin değerini anlaması için öncelikle blog içeriğiyle etkileşime geçmesi gerekir. Formlar sayfanın 3/4 aşağısına veya en sonuna yerleştirilmelidir.
Form tasarımlarını bir web sayfasında nereye yerleştirebileceğinizin görsel temsili
8. Form Tasarımına Yön Verin
Web sitesinde LeadGen Uygulaması iletişim formu tasarımı
Formlarınıza daha fazla ilgi çekmenize yardımcı olacak bir diğer taktik ise kullanıcıları forma yönlendiren web tasarım öğelerini kullanmaktır.
Bu basit bir ok görüntüsü veya forma bakan bir insan yüzünün görüntüsü olabilir.
Yukarıdaki resim LeadGen web sitemizde kullandığımız iletişim formu tasarımımızı göstermektedir. www.leadgenapp.io/contact. İçerir forma doğru işaret eden bir ok grafiği.
Ayrıca sayfa yapınızı iki parçaya bölebilir ve solda bir video, sağda ise formu görüntüleyebilirsiniz.
Bunlar, çevrimiçi formunuzu öne çıkaran ince ama etkili taktiklerdir.
9. Okunması Kolay Yazı Tipi
Çevrimiçi formunuzda kullanılan yazı tipi, ziyaretçinin deneyiminde büyük rol oynar. Standart yazı tiplerini tercih etmeyin. Bir uygulama yapın okunması kolay yazı tipi Bu, marka yönergeleriniz, renkleriniz, stiliniz ve form düğmelerindeki CTA'nızla en iyi şekilde çalışır.
10. Teşekkür Sayfası
Form gönderildikten sonraki döngünün sonunda bir Teşekkür sayfası göstermeli veya özel bir Teşekkür sayfası URL'sine yönlendirmelisiniz. Bu özellikle müşteri adayı yakalama formlarını kullanırken önemlidir. Yapmak istemediğiniz son şey, form gönderiminin başarılı olup olmadığı konusunda müşteri adayının kafasını karıştırmaktır.
Yeni "Eğlenceli" Formunuzu Oluşturun
Tüm bu fikirleri birleştirerek formların hedef kitleniz için daha eğlenceli olacağından emin olabilirsiniz.
Daha fazla eğlence aynı zamanda daha fazla yanıt toplayabileceğiniz ve dönüşüm oranlarını artırabileceğiniz anlamına da gelir.
Eğer sahip değilseniz LeadGen Uygulama hesabı Henüz eğlenceli formunuzu oluşturmak için buradan başlayın:
Yazar Hakkında
