Kullanıcı Deneyimi konusunu temsil eden tasarım görseli

Hata mesajı, sistemin çalışmadığını söylemekle yetinmemelidir. Kullanıcının ne olduğunu, yaptığı işlemin korunup korunmadığını ve nasıl devam edebileceğini anlamasını sağlamalıdır. Teknik hata kodunu tek başına göstermek çoğu kişi için anlamlı değildir. Açıklama, sorumluluğu kullanıcıya yüklemeden çözüm yolu sunmalıdır.

Sorunu doğru yerde açıklayın

Bir form alanı hatalıysa mesajı ilgili alanın yakınında gösterin. Sayfanın en üstündeki genel uyarı, uzun formda sorunun yerini bulmayı zorlaştırabilir. Alanın etiketi ve hata metni birlikte anlaşılmalıdır. Renk değişimine ek olarak metin veya ikon kullanın.

Düzeltmeyi tarif edin

“Yanlış bilgi” yerine hangi biçimin beklendiğini açıklayın. Ancak güvenlik açısından ayrıntı vermenin uygun olmadığı durumlarda aşırı bilgi paylaşmayın. Kullanıcının değiştiremeyeceği bir sunucu hatasını form hatası gibi göstermeyin. Sorunun türü, önerilen adımı belirlemelidir.

Girilen veriyi koruyun

Uzun açıklamalar hata sonrasında silinirse kullanıcı tekrar başlamak zorunda kalır. Mümkün olan alanları koruyun ve hatalı bölüme geri dönüşü kolaylaştırın. İşlemin gerçekleşip gerçekleşmediği belirsizse yeniden göndermeden önce durum kontrolü sağlayın. Aynı isteğin iki kez oluşması önlenmelidir.

Tonu ve erişimi test edin

Esprili hata mesajları her durumda uygun değildir; ödeme veya veri kaybı gibi konularda açıklık önceliklidir. Klavye ve ekran okuyucuyla uyarının fark edildiğini kontrol edin. İyi hata mesajı, sorun anında kullanıcının kontrol hissini korur ve güvenilir bir sonraki adım sunar.

Uygulama örneği

Uzun bir formda son alanı yanlış doldurun. Gönderim sonrasında uyarının nerede göründüğünü ve önceki bilgilerin korunup korunmadığını inceleyin. Hata mesajını okuyarak neyi düzeltmeniz gerektiğini anlayamıyorsanız metni yeniden yazın. Testi yalnızca fareyle yapmayın; klavyeyle ilgili alana dönmenin kolay olup olmadığı da çözümün parçasıdır.

Son kontrol

Hata mesajını kullanıcıyı suçlayan bir uyarı olarak değil, işlemi tamamlamaya yardım eden bilgi olarak yazın. Sorunun hangi alanda olduğunu ve nasıl düzeltileceğini belirtin. Girilmiş bilgileri mümkün olduğunca koruyun. Renk değişimi tek başına yeterli olmayabilir; metinle açıklayın. Formu klavyeyle doldurup hatadan sonra odağın nereye gittiğini kontrol etmek, düzeltme sürecindeki görünmeyen engelleri ortaya çıkarır.

Projenizi birlikte değerlendirelim ↗