Bir form, kullanıcıyla işletme arasındaki en doğrudan temas noktalarından biridir. Güzel görünen ama ne istediği anlaşılmayan bir form, kullanıcıyı yardım aramaya zorlar. İyi form tasarımı yalnızca renk ve boşluk seçmek değil; soruyu, yanıtı ve sonraki adımı anlaşılır kılmaktır.
Her alanın amacı belli olsun
W3C form rehberi, kontrollerin tanımlanabilir etiketlerle sunulmasını ve etiket ile alan arasında programatik ilişki kurulmasını açıklar. Alan içine yazılan kısa bir örnek, görünür etiketin yerini tutmamalıdır. Kullanıcı yazmaya başladıktan sonra da hangi bilginin istendiğini anlayabilmelidir.
İşletme açısından her alanın neden gerekli olduğunu sorgulayın. İlk görüşmede kullanılmayacak bilgileri zorunlu istemek yerine sonraki aşamaya bırakmayı değerlendirin. Daha kısa form her zaman daha iyi değildir; doğru kapsam, işin gerçekten gerektirdiği bilgiyi açık bir dille istemektir.
Beklentiyi kullanıcı hata yapmadan anlatın
Telefon biçimi, dosya türü veya karakter sınırı gibi kurallar varsa bunları ilgili alanın yanında açıklayın. Zorunlu alan işaretinin anlamı da anlaşılır olmalıdır. W3C'nin etiketler ve talimatlarla ilgili açıklamaları, kullanıcıya hangi girişin beklendiğini önceden anlatmanın önemini vurgular.
Hata mesajı çözüm de sunsun
“Geçersiz değer” yerine hangi alanın neden kabul edilmediğini belirtin. Kullanıcının yazdıklarını koruyun ve düzeltilecek alana ulaşmayı kolaylaştırın. Renk tek başına hata göstergesi olmamalı; metinsel açıklama da bulunmalıdır. Formun üstünde özet kullanılıyorsa ilgili alanlarla tutarlı kalmasına dikkat edin.
Bir iletişim formunda bağlantı kesilmesi, mesajın içeriğinin yanlış olduğu anlamına gelmez. Sistem hatası ile kullanıcı giriş hatasını ayırmak, aynı bilgiyi tekrar tekrar yazma ihtiyacını azaltmaya yardımcı olur.
Gönderim sürecini açık hale getirin
- İşlem sürerken düğmede anlaşılır bir durum gösterin.
- Başarı mesajını ancak sunucu kaydı doğruladığında sunun.
- Başarısız gönderimde yeniden deneme yolunu açıklayın.
- Klavyeyle alanlar ve düğmeler arasında ilerlemeyi test edin.
- Mobil ekranda hata mesajlarının kesilmediğini kontrol edin.
Tasarımı gerçek senaryolarla sınayın
Uzun isim, Türkçe karakter, boş zorunlu alan, yavaş bağlantı ve küçük ekran gibi örnekler test planında yer almalıdır. Ekran okuyucuyla etiketlerin anlaşılır olup olmadığını da kontrol edin. Amaç formu yalnızca doldurulabilir yapmak değil, kullanıcının süreci güvenle tamamlamasını sağlamaktır. HaderTech ile başvuru veya iletişim akışınızı değerlendirerek bu ayrıntıları mevcut tasarım diliniz içinde iyileştirebilirsiniz.
Kaynaklar: W3C WAI — Labeling Controls, https://www.w3.org/WAI/tutorials/forms/labels/ ; Labels or Instructions, https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions.html