منتجات للمستخدم العربي: تفاصيل الاتجاه من اليمين إلى اليسار التي تغيب عن روّاد الأعمال

قلب التخطيط هو الجزء السهل. الأرقام والنص المختلط والنماذج والخطوط والأيقونات هي ما يجعل النسخة العربية تبدو مبنية لقارئها، لا مترجمة له.

إضافة dir="rtl" إلى الصفحة تستغرق دقيقة. أما أن يبدو المنتج العربي مبنياً لقارئه فيستغرق وقتاً أطول، ومعظم هذا العمل مختبئ في تفاصيل صغيرة. يلاحظها المستخدم فوراً، حتى لو لم يستطع تسميتها.

هذه التفاصيل التي نراجعها في كل منتج ثنائي اللغة، ومنه هذا الموقع.

اعكس ما له اتجاه، واترك الباقي

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

استخدم خصائص CSS المنطقية، مثل margin-inline-start بدل margin-left، من أول سطر كود. إضافتها لاحقاً تعني المرور على كل مكوّن من جديد.

النص المختلط والأرقام

النص العربي مليء بأجزاء لاتينية: عناوين البريد والروابط وأسماء المنتجات والأسعار والكود. دون عزلها، قد ينقل المتصفح علامات الترقيم إلى الجهة الخطأ أو يقلب نطاقاً زمنياً، فيظهر 09:00–18:00 كأنه 18:00–09:00. وقد وقعنا في هذا الخطأ نفسه على هذا الموقع. ضع هذه الأجزاء داخل <bdi> أو أعطها dir="ltr"، واختبر بنصوص حقيقية لا بنص تجريبي.

قرّر شكل الأرقام مبكراً. كثير من المنتجات العربية تستخدم الأرقام الغربية (0–9) داخل النص العربي، وأخرى تستخدم الأرقام المشرقية. اختر واحداً وطبّقه على التواريخ والأسعار وأرقام الهواتف في كل مكان، وافعل الشيء نفسه مع التقويم.

النماذج

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

الخط

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

النص

العربية المترجمة آلياً تُكشف في ثوانٍ. اكتب النسخة العربية، أو اطلب من كاتب لغته الأم العربية أن يعيد صياغتها، بفصحى بسيطة ومعاصرة. خاطب القارئ مباشرة، واجعل الجمل قصيرة، واترك المصطلحات التقنية المعروفة مثل API وMVP بحروفها اللاتينية.

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

اختبر على الهاتف، وبمحتوى حقيقي

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