Worasoft
Teklif Al →

Ana sayfa/Blog/Web & UI/UX

Web & UI/UX

Form Tasarımı: En Çok Kaybın Yaşandığı Yer

Ziyaretçiyi buraya kadar getirdiniz. Kötü bir form, tüm çabayı boşa çıkarır.

Worasoft ekibi28 Şubat 2026 · 3 dk okuma
telework, technology, laptop, connection — Form Tasarımı: En Çok Kaybın Yaşandığı Yer

Görsel: Pixabay · Pixabay Lisansı

Neden formlar bu kadar önemli?

Form, ziyaretçinin müşteriye dönüştüğü noktadır. Buradaki her sürtünme doğrudan kayıptır.

Üstelik formu terk eden kullanıcı genellikle geri dönmez.

Kural bir: az alan

Her alan için "bu bilgi olmadan devam edebilir miyim" diye sorun. Cevap evet ise alanı kaldırın.

Sonradan toplanabilecek bilgileri ilk temasta istemeyin.

İsteğe bağlı alanları açıkça işaretleyin; zorunlu olanları yıldızla işaretlemek yerine isteğe bağlı olanı belirtmek daha az gürültü üretir.

Kural iki: görünür etiket

Etiketi alanın üstüne koyun ve yazarken kaybolmamasını sağlayın.

Yalnız yer tutucu metin kullanmak, kullanıcı yazmaya başladığında ne doldurduğunu unutturur. Erişilebilirlik açısından da yetersizdir.

Kural üç: doğru klavye ve otomatik doldurma

Mobilde e-posta alanında e-posta klavyesi, telefon alanında sayısal klavye açılmalıdır.

Otomatik doldurma ipuçlarını tanımlayın. Tarayıcının adı, adresi ve telefonu otomatik doldurabilmesi form süresini belirgin biçimde kısaltır.

Kural dört: anlık ve yapıcı doğrulama

Hataları gönderim anında değil, alandan çıkışta gösterin.

Hata mesajı ne yapılacağını söylemelidir. "Geçersiz" kelimesi bilgi taşımaz.

Hatalı alanı ekranda odaklayın; kullanıcının hatayı araması gerekmemelidir.

Kural beş: sayısal alan tuzağı

Ondalık ayırıcı olarak virgül kullanılan yerelleştirmelerde, sayısal giriş alanları virgüllü değeri sessizce boş kabul edebilir.

Bunu kendi projelerimizde fiyat alanlarında yaşadık: değer görünüyor ancak kaydedildiğinde boşalıyordu. Belirti hata mesajı değil, sessiz veri kaybıydı.

Sayısal alanlarda değeri nokta ayırıcıyla basmak ve gösterimi ayrı yönetmek bu sorunu kökten çözer.

Kural altı: gönderim geri bildirimi

Düğmeye basıldığında bir şeyin olduğunu gösterin. Çift gönderimi engelleyin.

Başarı ekranı, ne olacağını söylemelidir: "24 saat içinde döneceğiz" gibi.

Hata durumunda girilen veriler kaybolmamalıdır.

Kural yedi: bot koruması

Anonim formlar otomatik gönderime açıktır. Tuzak alan, hız sınırı ve tekrar kontrolü asgari önlemlerdir.

Bu önlemler yoksa, forma bağlı otomatik e-postalar bir gecede yüzlerce gereksiz ileti üretebilir; bunu yaşadık ve o günden beri her anonim forma bu üçlüyü koyuyoruz.

Doğrulama bulmacaları son çaredir; kullanıcıyı yorar ve dönüşümü düşürür.

Çok adımlı form tasarımı

Adımları mantıklı gruplayın ve ilerleme göstergesi koyun.

İlk adımda en kolay bilgiyi isteyin; başlayan kullanıcı tamamlama eğilimi gösterir.

Geri dönüş mümkün olmalı ve girilen veriler korunmalıdır.

Her adımda kaydedin; son adımda tamamlanmayan formların kısmi verisi bile satış için değerlidir, ancak bunun için izin ve aydınlatma gereklidir.

Erişilebilir form kontrolü

Sekme tuşuyla form baştan sona doldurulabiliyor mu?

Hata mesajları ekran okuyucu tarafından duyuruluyor mu?

Zorunlu alanlar yalnız renkle değil, metinle de belirtiliyor mu?

Bu üç kontrol, formun hem erişilebilirliğini hem genel kullanılabilirliğini belirgin biçimde artırır.

Benzer bir projeniz mi var?Birkaç soruyla anlatın, size dönelim.
Teklif Al →

Sık sorulanlar

Tek sayfa form mu, çok adımlı form mu?

Alan sayısı azsa tek sayfa daha hızlıdır. Çok alan gerekiyorsa adımlara bölmek algılanan yükü azaltır ve tamamlanma oranını artırır.

Telefon numarası zorunlu olmalı mı?

Satış süreciniz telefonla ilerliyorsa evet, aksi halde isteğe bağlı bırakın. Zorunlu telefon alanı, form terk oranını belirgin biçimde artırır.

Formda hangi bilgileri istemek yasal olarak sorun yaratır?

İhtiyacınız olmayan kişisel veriyi istemek veri minimizasyonu ilkesine aykırıdır. Topladığınız her alanın bir işleme amacı olmalı ve aydınlatma metninde yer almalıdır.

Ücretsiz araç Site sağlık kontrolü Alan adınızı yazın, sitenizin teknik temelini on üç başlıkta denetleyelim. Ücretsiz, kayıt yok. Aracı aç →
İlgili hizmetKurumsal Web & UI/UX Hizmeti incele →

Diğer yazılar

plans, design, web design, designer — Kurumsal Web Sitesi Fiyatları: Aradaki Fark Nereden Geliyor? Web & UI/UX Kurumsal Web Sitesi Fiyatları: Aradaki Fark Nereden Geliyor? 3 dk okuma computer, technology, coding, web design — Web Sitesi Ne Zaman Yenilenmeli? Beş Somut İşaret Web & UI/UX Web Sitesi Ne Zaman Yenilenmeli? Beş Somut İşaret 3 dk okuma ux, prototyping, design, webdesign — UI/UX Süreci: Güzel Görünmek ile İşe Yaramak Arasındaki Fark Web & UI/UX UI/UX Süreci: Güzel Görünmek ile İşe Yaramak Arasındaki Fark 3 dk okuma