تصميم واجهات عربية RTL بدون حلول مؤقتة
تعريب الواجهة ليس قلب كل شيء أفقيًا. الاتجاه الصحيح يحتاج قرارات واعية للنصوص والأيقونات والأرقام والمكونات المختلطة.
RTL قرار هيكلي وليس محاذاة نص
اتجاه الصفحة يحدد نقطة البداية وترتيب عناصر كثيرة، بينما المحاذاة خاصية لعنصر بعينه. وضع النص على اليمين داخل واجهة LTR لا يصلح ترتيب التنقل ولا حركة المؤشر ولا علاقة الأيقونة بالنص.
ابدأ من الهيكل: الاتجاه العام، ترتيب الأعمدة، مسار التركيز، ثم عالج الاستثناءات مثل البريد والأكواد والأرقام.
اعكس الاتجاه عندما تتغير دلالته
أسهم التالي والسابق، Breadcrumbs، وواجهات التقدم تتبع اتجاه القراءة غالبًا. لكن رموز التشغيل، الساعة، الهاتف والشعارات لا تُعكس لمجرد أن الصفحة عربية.
راجع كل أيقونة بسؤال: هل معناها يعتمد على مكان أو حركة أفقية؟ إذا كانت الإجابة لا، فاحتفظ بها كما هي.
- يُعكس عادةً: أسهم الرجوع والتقدم، ترتيب التنقل الجانبي، وتسلسل الخطوات.
- لا يُعكس عادةً: Play، Pause، Download، البحث، الساعة، والعلامات التجارية.
صمّم للنص العربي المختلط
البريد الإلكتروني، روابط الويب، أسماء المنتجات الإنجليزية والأسعار قد تظهر داخل جملة عربية. اختبرها بمحتوى حقيقي، وحدد الاتجاه محليًا للجزء اللاتيني بدل إضافة مسافات يدوية تتكسر لاحقًا.
اجعل الأرقام قابلة للمقارنة بصريًا، ولا تفرض تحويلًا لا يتوافق مع توقع الجمهور أو نوع البيانات. الأهم أن يظل رقم الطلب أو السعر واضحًا وقابلًا للنسخ.
الخط والمسافات يحتاجان ضبطًا مستقلًا
الخط العربي قد يحتاج Line-height أكبر ووزنًا مختلفًا عن النسخة اللاتينية. اختبر التشكيل والنقاط والأحرف الصاعدة داخل الأزرار والحقول، ولا تعتمد على ارتفاع صُمم للإنجليزية.
راقب كسر العناوين وطول أزرار الأفعال. اكتب النص العربي الطبيعي بدل ترجمة حرفية طويلة، واترك للمكونات مساحة مرنة.
ابنِ المكونات باتجاه منطقي
استخدم خصائص البداية والنهاية المنطقية بدل اليمين واليسار حين يستطيع الكود ذلك. في التصميم، وثق ترتيب العناصر في الحالتين بدل إنشاء نسخ منفصلة يصعب تحديثها.
اختبر الـInput مع أيقونة، الـSelect، الجداول، الإشعارات والـToast. هذه المناطق تكشف أخطاء الاتجاه أسرع من بطاقة بسيطة.
اختبار نهائي على محتوى وجهاز حقيقي
نفّذ المهمة الأساسية بلوحة المفاتيح وعلى هاتف صغير. راقب ترتيب التركيز، القص، موضع القوائم، حركة السحب، وقارئ الشاشة إن أمكن.
اجمع المشكلات في قائمة مكونات لا قائمة صفحات؛ إصلاح قاعدة الـButton أو الـModal مرة واحدة يمنع تكرار العيب في المنتج كله.
اختبر الاتجاه
التنقل، الأسهم، الـBreadcrumbs وترتيب الحقول.
اختبر المحتوى
أسماء طويلة، بريد، سعر، تاريخ، وأرقام طلبات.
اختبر الوصول
Focus واضح، أسماء مفهومة، وترتيب قراءة منطقي.