Furkan KapukayaYazılım geliştirme
Web Tasarım ve Geliştirme2 dk okuma

Form Tasarımı: Daha Çok Doldurulan Formlar İçin UX Kuralları

İletişim, teklif ve kayıt formlarında dönüşümü artıran tasarım ilkeleri; alan sayısı, etiketler, doğrulama, hata mesajları, mobil klavye, erişilebilirlik ve KVKK onay kutuları.

Bir web sitesinde ziyaretçiyi müşteriye çeviren an genellikle bir formun gönderilmesidir. Yine de formlar çoğu zaman en az özen gösterilen bölümdür. Gereksiz alanlar, belirsiz hata mesajları ve telefonda kullanılması zor alanlar, sessizce müşteri kaybettirir.

Daha az alan

Her ek alan, formun tamamlanma ihtimalini düşürür. Her alan için şunu sorun: "Bu bilgi olmadan ilk adımı atabilir miyiz?" Teklif formunda şirket unvanı, adres ve vergi numarası ilk temasta gerekmez. Ayrıca KVKK'nın veri minimizasyonu ilkesi de gereğinden fazla veri toplamamayı gerektirir.

Etiketler ve düzen

  • Görünür etiketler kullanın. Yalnızca alanın içindeki silik yazı (placeholder), yazmaya başlayınca kaybolur ve kullanıcı ne yazdığını unutur.
  • Tek sütun düzeni, gözün yukarıdan aşağıya akmasını sağlar.
  • Zorunlu ve isteğe bağlı alanları açıkça belirtin.
  • Mantıklı sıra: ad, iletişim, konu, mesaj.

Doğrulama ve hata mesajları

Kötüİyi
"Geçersiz giriş""Telefon numarası 10 haneli olmalı (5XX XXX XX XX)"
Tüm hatalar sayfanın en üstündeHer hata kendi alanının altında
Gönder'e basınca form boşalıyorGirilen bilgiler korunuyor

Doğrulamayı kullanıcı alanı bitirdiğinde yapın; her tuşa basışta kırmızı uyarı göstermek rahatsız edicidir. Unutmayın: tarayıcıdaki doğrulama kolaylık içindir, güvenlik için sunucu tarafında da doğrulama şarttır.

Mobil için ayrıntılar

  • Doğru klavye türü: e-posta için type="email", telefon için type="tel", sayı için inputmode="numeric".
  • Otomatik doldurma: autocomplete özellikleri tarayıcının bilgileri doldurmasını sağlar.
  • Dokunma hedefleri parmakla rahatça seçilecek büyüklükte olmalı.

Gönderim sonrası

Kullanıcıya ne olacağını söyleyin: "Mesajınız alındı. Mesai saatleri içinde 24 saat içinde dönüş yapacağız." Teşekkür sayfası aynı zamanda dönüşümü ölçmenin en güvenilir yoludur. Bkz. GA4 kurulumu.

KVKK ve onaylar

  • Aydınlatma metni bağlantısı form yakınında olmalı.
  • Pazarlama izni gibi ayrı onaylar önceden işaretli olmamalı.
  • Açık rıza gerektiren durumlar, hizmet şartına bağlanmamalı.

Ayrıntılar: KVKK uyumlu web sitesi.

Spam koruması

Kullanıcıyı yoran karmaşık doğrulama bulmacaları yerine honeypot alanı ve zaman kontrolü gibi görünmez yöntemler tercih edilmelidir. Bkz. form spam önleme.

Sık sorulan sorular

Çok adımlı form mu, tek sayfa mı?

Uzun formlarda adımlara bölmek ve ilerleme göstermek tamamlanma oranını artırabilir. Kısa formlarda tek sayfa en iyisidir.

Telefon alanı zorunlu olmalı mı?

Gerçekten telefonla dönüş yapacaksanız evet; aksi halde isteğe bağlı bırakmak daha fazla form gönderimi sağlar.

Sonuç

İyi bir form, ziyaretçiye az soru sorar, net konuşur ve hatayı affeder. Küçük düzenlemeler, aynı trafikle daha fazla talep almanın en ucuz yoludur.