Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Kullanıcı Deneyimi Modelleri7 dakikalık okuma·Updated Ekim 2026·ExodeUI ekibi

Hayal Kırıklığını Azaltan Hata Mesajları Nasıl Tasarlanır?

Kullanılabilirlik araştırmasına dayalı olarak, insanların düzeltebileceği hata durumlarının nasıl tasarlanacağı: yerleştirme, zamanlama, ifadeler, girdiyi koruma, erişilebilirlik ve hareket.

Özet ve tanım

Ana nokta

İyi bir hata mesajı görünür ve sorunun yanına yerleştirilir, sade bir dille yazılır, sorunun nasıl düzeltileceğini söyler, kişinin daha önce yazdıklarını saklar ve onu asla suçlamaz. Kişi hala yazarken değil, bir alanı tamamladığında veya gönderdiğinde bunu gösterin ve ekran okuyucuların bunu duyurduğundan emin olun.

Yönergeler

Nielsen Norman Group, etkili hata mesajlarını son derece görünür, yapıcı ve kullanıcı çabasına saygılı olarak özetler. Uygulamada bu şu anlama gelir:

  • Mesajı sorunlu alanın veya öğenin yanına yerleştirin.
  • Sade ve spesifik bir dil kullanın: "Geçersiz giriş" değil, "Bu sayı bir basamak kısadır".
  • Bir çözüm önerin: Hangi format bekleniyor, bundan sonra ne denenmeli?
  • Yeniden başlamak yerine düzenleyebilmeleri için insanların yazdıklarını saklayın.
  • Suçlamayın: Geçersiz, yasa dışı, yanlış gibi kelimelerden kaçının.
Hata mesajı yönergelerinin kontrol listesinin yanında, numaranın bir basamak kısa olduğunu belirten ve yazılan rakamları tutan satır içi hata içeren bir kart numarası alanı
Belirli bir satır içi hata, girişi tutar ve nasıl düzeltileceğini söyler.

Zamanlama

Birisi bitirmeden hatayı göstermek en yaygın hatalardan biridir. NN/g, erken hataları, öğrencinin bitirmeden önce bir teste not vermesi gibi, düşmanca bir kalıp olarak adlandırıyor. Kişi alanı terk ettiğinde veya formu gönderdiğinde alanı doğrulayın ve ardından onlar düzeltirken mesajı canlı olarak güncelleyin.

Formlarla ilgili olmayan hatalar

Başarısız kaydetme veya bağlantı kopması gibi sistem hataları için ne olduğunu, neyin saklandığını ve kişinin ne yapabileceğini söyleyin: yeniden deneyin, çevrimdışı çalışın veya destek ekibiyle iletişime geçin. Hata kodlarından kendi başlarına kaçının; Desteğe ihtiyacınız varsa bunu insani bir açıklamayla birlikte gösterin.

Erişilebilirlik

Yalnızca kırmızıya güvenmeyin: bir simge ve metin ekleyin. İletiyi kendi alanına bağlayın, böylece ekran okuyucular iletiyi alanla birlikte okuyabilir ve başarısız bir gönderimden sonra odağı ilk hataya veya hataların özetine taşıyabilir.

Hata durumlarında hareket

Kısa bir sallama veya renk değişikliği dikkati sorunlu alana çekebilir ancak kısa tutun, her tuş vuruşunda bunu tekrarlamayın ve azaltılmış hareket açıkken hareketi bir renk veya simge değişikliğiyle değiştirin. Mesajın kendisi animasyondan daha önemlidir.

Hatırlanacak temel ilkeler

  • Hataları sorunun yanına, düz bir ifadeyle, düzeltmeyle birlikte yerleştirin
  • İnsanların yazdıklarını koruyun
  • Yazarken değil, alan tamamlandıktan sonra doğrulama yapın
  • Asla yalnızca renge güvenmeyin; ekran okuyucular için mesajları bağlama
  • Hatalı hareketi kısa tutun ve azaltılmış harekete uyun

Sık sorulan sorular

Kaynaklar

  1. Error-Message Guidelines — Nielsen Norman Group
  2. Indicators, Validations, and Notifications — Nielsen Norman Group

İlgili rehberler ve örnekler

Yalnızca mutlu yolu değil, hata durumunu da tasarlayın

Hatalı ve başarılı ExodeUI örneklerini açın ve kod anahtarlarınızı uyarlayın.

Örnekleri aç
Ücretsiz dene