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 →
أنماط تجربة المستخدم7 دقائق قراءة·Updated أكتوبر 2026·بواسطة فريق ExodeUI

كيفية تصميم رسائل الخطأ التي تقلل من الإحباط

كيفية تصميم حالات الخطأ التي يمكن للأشخاص التعافي منها: الموضع، والتوقيت، والصياغة، والحفاظ على المدخلات، وإمكانية الوصول والحركة، بناءً على أبحاث قابلية الاستخدام.

ملخص وتعريف مباشر

الوجبات الجاهزة الأساسية

تظهر رسالة خطأ جيدة ويتم وضعها بجانب المشكلة، مكتوبة بلغة واضحة، توضح كيفية إصلاحها، وتحتفظ بما كتبه الشخص بالفعل ولا تلومه أبدًا. قم بإظهاره عندما ينتهي الشخص من كتابة حقل أو إرساله، وليس أثناء الكتابة، وتأكد من أن قارئات الشاشة تعلن ذلك.

المبادئ التوجيهية

يلخص Nielsen Norman Group رسائل الخطأ الفعالة على أنها مرئية للغاية وبناءة وتحترم جهد المستخدم. ومن الناحية العملية يعني ذلك:

  • ضع الرسالة بجوار الحقل أو العنصر الذي يحتوي على المشكلة.
  • استخدم لغة واضحة ومحددة: "هذا الرقم قصير برقم واحد"، وليس "إدخال غير صالح".
  • قم بتقديم حل: ما هو التنسيق المتوقع، وما الذي يجب تجربته بعد ذلك.
  • احتفظ بما كتبه الأشخاص حتى يتمكنوا من تعديله بدلاً من البدء مرة أخرى.
  • لا تلوم: تجنب كلمات مثل غير صالح أو غير قانوني أو خاطئ.
حقل رقم البطاقة به خطأ سطري يشير إلى أن الرقم قصير برقم واحد ويحتفظ بالأرقام المكتوبة، بجوار قائمة مرجعية لإرشادات رسائل الخطأ
خطأ مضمن محدد، يحتفظ بالإدخال ويوضح كيفية إصلاحه.

توقيت

يعد إظهار الخطأ قبل انتهاء شخص ما من الأخطاء الأكثر شيوعًا. يطلق NN/g على الأخطاء المبكرة نمطًا عدائيًا، مثل تصحيح الاختبار قبل انتهاء الطالب. قم بالتحقق من صحة الحقل عندما يتركه الشخص أو يرسل النموذج، ثم قم بتحديث الرسالة مباشرة أثناء تصحيحه.

الأخطاء التي لا تتعلق بالنماذج

بالنسبة لأخطاء النظام مثل فشل الحفظ أو فقدان الاتصال، اذكر ما حدث وما تم الاحتفاظ به وما يمكن للشخص فعله: إعادة المحاولة أو العمل دون اتصال أو الاتصال بالدعم. تجنب رموز الخطأ من تلقاء نفسها؛ إذا كنت بحاجة إلى دعم، فاعرضه جنبًا إلى جنب مع شرح بشري.

إمكانية الوصول

لا تعتمد على اللون الأحمر وحده: أضف رمزًا ونصًا. قم بتوصيل الرسالة بالحقل الخاص بها حتى تتمكن برامج قراءة الشاشة من قراءتها مع الحقل، ونقل التركيز إلى الخطأ الأول، أو ملخص الأخطاء، بعد فشل الإرسال.

الحركة في حالات الخطأ

يمكن أن يؤدي الاهتزاز القصير أو تغيير اللون إلى جذب الانتباه إلى المجال الذي به المشكلة، لكن اجعله موجزًا، ولا تكرره عند كل ضغطة على المفتاح، واستبدل الحركة بتغيير اللون أو الرمز عند تشغيل الحركة المنخفضة. الرسالة نفسها أكثر أهمية من الرسوم المتحركة.

مفتاح Principle للتذكر

  • ضع الأخطاء بجانب المشكلة، بكلمات واضحة، مع الإصلاح
  • احتفظ بما كتبه الناس
  • التحقق من الصحة بعد انتهاء الحقل، وليس أثناء الكتابة
  • لا تعتمد أبدًا على اللون وحده؛ ربط الرسائل لقارئات الشاشة
  • اجعل حركة الخطأ مختصرة واحترم الحركة المنخفضة

الأسئلة المتداولة

المصادر

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

الأدلة والأمثلة ذات الصلة

صمم حالة الخطأ، وليس المسار السعيد فقط

افتح أمثلة ExodeUI التي تحتوي على حالات الخطأ والنجاح لتبديل التعليمات البرمجية الخاصة بك، وقم بتكييفها.

افتح الأمثلة
حاول مجانا