← Tüm blog yazıları
Tasarım

Hata mesajı kullanıcıyı nasıl ilerletir?

Yaklaşık 1 dk okuma
E-posta alanında eksik işareti açıklayan yardımcı hata mesajı.
Görsel: Bu blog için AI ile üretilmiş kavramsal kapak; gerçek ürün ekran görüntüsü veya kaynak kurumun görseli değildir.

Formun sonunda bir şeyler yanlış gitti mesajını görmek, hatayı düzeltmek için yeterli değildir. Kullanıcı hangi alanı değiştireceğini ve doğru değerin nasıl görüneceğini bilmelidir. İyi hata mesajı suçlamaz; bir sonraki adımı tarif eder.

Benim için iyi hata mesajı, kullanıcının yanlışını ilan eden değil, bir sonraki adımı gösteren mesaj. “Geçersiz” yazısı çoğu zaman sorunu anlatmaya yetmiyor. Neyi nasıl düzelteceğini aynı yerde söylemeyi tercih ederim. Üslubun da suçlayıcı değil, yardımcı olması gerekiyor; hata anı arayüzün en hassas anlarından biri.

Temel fikir

W3C’nin form bildirimleri rehberi, hataları açıkça tanımlamayı ve ilgili alanlara bağlamayı ele alır. Uzun bir formda üstte özet, alanın yanında ayrıntı birlikte yararlı olabilir. Bildirimin yalnızca görsel olarak eklenmesi değil, yardımcı teknolojiler tarafından anlaşılması da önemlidir.

Bir örnek üzerinden

Örneğin geçersiz giriş yerine E-posta adresinde @ işareti eksik yaz. Sunucuya ulaşılamıyorsa alanı yanlış diye işaretleme; bağlantı sorununu ayır. Kullanıcının doğru doldurduğu bilgileri silmemek de mesaj kadar değerlidir. Tekrar dene düğmesi, denemenin neyi tekrarlayacağını açıkça anlatmalı.

Pratik özet — editoryal örnek, ölçüm sonucu değildir.
BelirsizDaha açıklayıcı örnek
Hatalı girişE-posta adresinde @ işareti eksik
İşlem başarısızBağlantı kurulamadı; yeniden dene
TamamMesajın gönderildi

Nereden başlamalı?

Bir hata senaryosu üret ve formu yalnızca klavyeyle düzelt. Mesajı bulabiliyor, alana gidebiliyor ve başarılı sonucu anlayabiliyor musun? Hata tasarımı, ürünün ters giden anda ne kadar yardımcı olduğunu gösterir.

Benim yaklaşımım

Bir e-posta alanında hangi biçimin beklendiğini kısa bir örnekle açıklardım. Mesajı uzak bir üst bildirimde bırakmak yerine alanla ilişkilendiririm. Girilen bütün bilgilerin hata nedeniyle silinmesini de istemem. Benim gözümde iyi bir form, yalnızca başarılı gönderimi değil, toparlanmayı da tasarlar.

Kaynaklar

W3C WAI — User Notification

Aklına takılan bir şey mi var?

Yazıyla ilgili sorunu veya proje fikrini paylaş.

WhatsApp’tan yaz