نصوص الواجهة جزء من التصميم. الكلمات الواضحة تساعد المستخدم على إنجاز مهمته دون مساعدة، بأي لغة كان. تغطي هذه الصفحة العربية والإنجليزية، واكتب كل لغة لقرّائها: يجب أن تُقرأ الشاشة العربية كأنها كُتبت بالعربية أولًا، لا أن تكون ترجمة حرفية.
الأسلوب والنبرة
- الوضوح: جمل قصيرة وكلمات مألوفة. قل ما سيحدث ثم توقف.
- الاحترام: خاطب المستخدم مباشرة وبأدب، ولا تحمّله مسؤولية الأخطاء.
- الهدوء والموثوقية: الخدمات الحكومية تتعامل مع بيانات شخصية وأموال، فتجنّب المزاح والعامية وعلامات التعجب والكلمات المثيرة للقلق.
- الاتساق: استخدم الكلمة نفسها للشيء نفسه في كل الشاشات، وارجع إلى جدول المصطلحات أدناه.
غيّر النبرة بحسب الموقف. رسالة التأكيد يمكن أن تكون ودودة ("تم إرسال طلبك")، ورسالة الخطأ تبقى محايدة وعملية، والإجراء الذي لا يمكن التراجع عنه يُوصف بوضوح ("سيُحذف الملف لدى جميع المستخدمين").
صيغة المخاطبة
- خاطب المستخدم بصيغة المفرد المذكّر المحايدة المعتادة في الخدمات الحكومية، أو تجنّب المخاطبة بصيغ عامة: "أدخل رقم الهوية" أو "إدخال رقم الهوية".
- استخدم الفعل الأمر في الأزرار والتعليمات القصيرة ("احفظ"، "أرسل")، أو المصدر ("حفظ"، "إرسال")، والتزم بأحدهما في المنتج كله. يعتمد هذا الموقع المصدر في الأزرار.
- تجنّب ضمير المتكلّم الجمع المبالغ فيه ("نحن نعتذر بشدة"). اكتب مباشرة: "تعذّر حفظ التغييرات".
علامات الترقيم
- استخدم علامات الترقيم العربية: الفاصلة (،) والفاصلة المنقوطة (؛) وعلامة الاستفهام (؟).
- لا تضع مسافة قبل علامة الترقيم، وضع مسافة واحدة بعدها: "الاسم، والبريد الإلكتروني".
- لا تُنهِ التسميات والأزرار والعناوين بنقطة. استخدم النقطة حين تتكوّن الرسالة من أكثر من جملة.
- استخدم علامات التنصيص العربية «» أو المزدوجة "" باتساق في المنتج نفسه.
- لا تستخدم التطويل (ـــ) لملء المساحة أو لمحاذاة النص.
الأزرار والروابط
- ابدأ بما يحدث عند الضغط: "حفظ التغييرات"، "إرسال الطلب"، "تنزيل ملف PDF".
- اجعل التسمية قصيرة، من كلمة إلى ثلاث كلمات غالبًا.
- تجنّب التسميات المبهمة مثل "موافق" أو "نعم" أو "اضغط هنا". في النوافذ المنبثقة كرّر الإجراء: "حذف الملف" و"إلغاء".
- نص الرابط يذكر وجهته: "عرض تفاصيل الطلب" لا "المزيد".
- استخدم التسمية نفسها للإجراء نفسه في المنتج كله.
النماذج
- لكل حقل تسمية ظاهرة. النص التوضيحي داخل الحقل ليس تسمية، لأنه يختفي عند الكتابة.
- استخدم النص المساعد لشرح الصيغة أو القاعدة قبل وقوع الخطأ: "أدخل رقم الهوية الوطنية المكوّن من 10 أرقام".
- اكتب "(اختياري)" بجانب الحقول الاختيارية حين تكون معظم الحقول مطلوبة، أو ميّز المطلوبة حين تكون معظمها اختيارية. لا تعتمد على اللون أو النجمة وحدهما.
رسائل الخطأ
رسالة الخطأ الجيدة تقول ما الذي حدث وكيف يُصلَح، بكلمات بسيطة، وبجانب الحقل الذي تخصّه.
| اكتب | تجنّب |
|---|---|
| أدخل رقم هوية مكوّنًا من 10 أرقام | إدخال غير صالح |
| حجم الملف أكبر من 10 ميجابايت. اختر ملفًا أصغر. | فشل الرفع: خطأ 413 |
| تعذّر حفظ التغييرات. تحقّق من الاتصال وحاول مرة أخرى. | حدث خطأ ما! |
| اختر تاريخ انتهاء بعد تاريخ البدء | لقد أدخلت تاريخًا خاطئًا |
- لا تلُم المستخدم ("لقد أدخلت"، "أخفقت في").
- لا تعرض الرموز التقنية وحدها. إن احتاج الدعم الفني رمزًا، فضعه بعد الشرح.
- احتفظ بما كتبه المستخدم حتى يصحّح الخطأ فقط.
الحالات الفارغة ورسائل التأكيد
- الحالة الفارغة تشرح سبب خلوّ المكان وما الخطوة التالية: "لا توجد طلبات بعد. ستظهر هنا الطلبات التي ترسلها."
- رسالة التأكيد تذكر ما حدث، وما سيحدث بعده إن كان ذلك مفيدًا: "تم إرسال الطلب. سنراسلك بالبريد الإلكتروني عند مراجعته."
- قبل أي إجراء لا يمكن التراجع عنه، اذكر ما سيُفقد، وسمِّ الإجراء على الزر.
الأرقام والتواريخ والأوقات والعملة
- تستخدم واجهات هذا النظام الأرقام الغربية (0123456789) في النصين العربي والإنجليزي، وهي الأرقام المستخدمة في هذا الموقع. التزم بنظام أرقام واحد في المنتج كله.
- اكتب الأعداد أرقامًا: "3 ملفات"، "5 دقائق". وانتبه لمطابقة المعدود للعدد.
- استخدم الفاصلة للآلاف والنقطة للكسور العشرية: 12,500.75.
- اكتب العملة بعد المبلغ: "1,250 ريالًا" أو "1,250 ر.س"، والتزم بصيغة واحدة في الشاشة.
- اكتب التاريخ باليوم واسم الشهر والسنة: 7 أكتوبر 2026. وتجنّب التواريخ الرقمية مثل 07/10/2026 لأنها تُقرأ بطرق مختلفة.
- حين يظهر التقويمان معًا، اذكر التقويم: "15 ربيع الآخر 1448هـ (7 أكتوبر 2026م)".
- اكتب الوقت بنظام 12 ساعة مع "ص" و"م"، أو بنظام 24 ساعة، والتزم بأحدهما.
- نسّق الأرقام والتواريخ في الشيفرة باستخدام Intl.NumberFormat وIntl.DateTimeFormat، لا يدويًا.
الكتابة القابلة للوصول
- اكتب نص الرابط أو الزر بحيث يُفهم وحده، لأن مستخدمي قارئ الشاشة يتنقّلون غالبًا من رابط إلى آخر.
- أعطِ كل زر يحتوي أيقونة فقط اسمًا (aria-label) يصف الإجراء: "إغلاق"، "حذف الملف".
- لا تُشِر إلى الموقع أو اللون وحدهما: عبارة "الزر الأخضر على اليمين" لا تصلح في الواجهة الإنجليزية ولا في السمة الداكنة ولا لمستخدمي قارئ الشاشة.
- اكتب نصًا بديلًا للصور ذات المعنى، واتركه فارغًا للصور الزخرفية.
المصطلحات
استخدم هذه المصطلحات في اللغتين. تتبع المصطلحات العربية الأسماء المستخدمة في هذا الموقع.
| الإنجليزية | العربية |
|---|---|
| Sign in / Sign out | تسجيل الدخول / تسجيل الخروج |
| Submit | إرسال |
| Save | حفظ |
| Cancel | إلغاء |
| Delete | حذف |
| Edit | تعديل |
| Search | بحث |
| Filter | تصفية |
| Upload | رفع |
| Download | تنزيل |
| Request | طلب |
| Required / Optional | مطلوب / اختياري |
| Settings | الإعدادات |
| Notifications | الإشعارات |
| Error / Warning / Success | خطأ / تحذير / نجاح |
الكتابة للغتين معًا
- اكتب النص العربي بالعربية مباشرة، ولا تحتفظ بترتيب الكلمات الإنجليزي أو تعابيره.
- قد يكون النص العربي أطول من الإنجليزي، وقد يحدث العكس في التسميات القصيرة. صمّم كل حاوية لتتّسع للنص، ولا تحشر التسمية في عرض ثابت.
- أبقِ أسماء المنتجات والشيفرات والأوامر بالحروف اللاتينية في اللغتين.
اقرأ النص بصوت مسموع قبل نشره. إن بدا كخطاب رسمي جامد أو ترجمة آلية، فأعد كتابته.
قائمة التحقق
التسميات والأزرار قصيرة وتبدأ بالإجراء.
رسائل الخطأ تذكر ما حدث وكيف يُصلَح.
المصطلحات مطابقة لجدول المصطلحات في اللغتين.
الأرقام والتواريخ والعملة بصيغة واحدة متسقة.
كتب النص العربي أو راجعه كاتب لغته الأم العربية.
النص يبقى مناسبًا للمساحة حين يطول بنسبة 30%.