دعم العربية في التطبيق ليس ترجمة كلمات بل إعادة تفكير في الاتجاه. كثير من التطبيقات “تدعم العربية” لكنها تترك أيقونات لليسار، وأسهمًا معكوسة، ونصًا مختلطًا يقرأ غلط. النتيجة: تطبيق يبدو مترجمًا لا أصيلًا، والعميل يشعر أن المطور لم يفكر فيه. تصميم RTL صحيح يصنع فارقًا بين تطبيق يُحب وتطبيق يُحتمل. إليك الأخطاء الشائعة وحلولها.
ما هو RTL ولماذا يتجاوز الترجمة؟
RTL (Right-to-Left) يعني أن اتجاه القراءة والتدفق من اليمين لليسار. أثره لا يقتصر على النص:
- اتجاه التدفق: العناصر تترتب من اليمين.
- الأيقونات الاتجاهية: السهم “التالي” يشير لليسار لا اليمين.
- التبويبات: أول تبويب على اليمين.
- هوامش الصور: النص يلتف عكس اتجاه LTR.
- القوائم: تبدأ من اليمين، والتاريخ على اليسار.
أخطاء RTL الشائعة في التطبيقات العربية
| الخطأ | الصحيح |
|---|---|
| سهم “رجوع” يشير لليسار (LTR) | يشير لليمين في RTL |
| أيقونات تنقّل في غير مكانها | مرتّبة من اليمين لليسار |
| تبويب أول على اليسار | على اليمين |
| شريط تمرير على اليسار | على اليمين |
| نص إنجليزي داخل عربي بلا عزل | عزل اتجاه صحيح |
| أرقام مختلطة الاتجاه | اتجاه موحّد واضح |
| حركات وسحب باتجاه LTR | مطابقة لاتجاه RTL |
النص المختلط: أصعب تحدٍّ
الجملة “تطبيق Shopify لمتجر سلاّ” تحتوي عربيًا وإنجليزيًا. أخطاء شائعة:
- تقطيع الكلمات: عرض الحروف مفككة.
- اتجاه خاطئ: الكلمة الإنجليزية تظهر مقلوبة.
- تباعد غريب: مسافات غير طبيعية بين العربي والإنجليزي.
الحل تقنيًا: استخدم Unicode Bidirectional Algorithm وعزل الاتجاه بوسوم مناسبة. أداة مثل Flutter تدعم هذا تلقائيًا إن أُعدّت صحيحًا.
كيف تبني تطبيقًا عربيًا أصيلًا منذ البداية؟
- صمّم RTL من اليوم الأول: لا تبني LTR ثم تحاول “قلبه”. ابدأ بالعربية.
- استخدم إطار عمل يدعم RTL: Flutter وReact Native يدعمانه تلقائيًا.
- اختبر على أجهزة عربية: لغة الجهاز عربية، وشاهد التطبيق بعين المستخدم.
- افحص أيقوناتك: كل أيقونة اتجاهية يجب أن تُعكس للعربية.
- تأكد من النص المختلط: اختبر جمل فيها إنجليزي وعربي وأرقام.
- اعرض على متحدث عربي: لتقييم لا مجرد فحص تقني.
أثر RTL على التجربة والثقة
العميل السعودي يلحظ فورًا:
- تطبيق بـ RTL صحيح يبدو “صُنع لنا”.
- تطبيق بـ RTL ناقص يبدو “مُترجم لنا”.
- الفرق يُترجم ثقة وولاءً لا مجرد راحة.
التطبيقات السعودية الناجحة تبني للعربية أصالة لا تكييفًا.
الأخطاء الخفية وراء “نحن ندعم العربية”
- دعم واجهي فقط: النصوص معكوسة لكن التفاعلات لا.
- لا خطوط عربية محسّنة: خط لاتيني معدّل يبدو سيئًا.
- اختصارات غير مترجمة: “OK” و”Cancel” بدل “موافق” و”إلغاء”.
- تواريخ بأشهر إنجليزية: بدل الميلادي أو الهجري الملائم.
- أرقام لاتينية: بدل الأرقام العربية الشائعة محليًا.
اختبار RTL: كيف تتأكد أنه صحيح
دعم RTL الذي يبدو سليمًا في العرض التقني قد يخفي عشرات الأخطاء. الفحص البصري السريع لا يكفي؛ ما تحتاجه قائمة فحص منهجية تُنفَّذ قبل كل إطلاق. القاعدة الأولى: اجعل لغة جهاز الاختبار عربية بالكامل، لا مجرد تبديل locale من الإعدادات. الفرق جوهري — لغة الجهاز تُجبر النظام على معاملة التطبيق كـ RTL حقيقي وتكشف أخطاءً يخفيها التبديل الجزئي.
قائمة فحص RTL قبل الإطلاق
- الأيقونات الاتجاهية: سهم الرجوع يشير يمينًا، وسهم “التالي” يسارًا، وأيقونة القائمة على اليمين.
- التبويبات والقوائم: أول تبويب يبدأ من اليمين، وعلامة التحديد على العنصر المختار في الجهة الصحيحة.
- حقول الإدخال: المؤشّر يبدأ من اليمين، والنص يُكتب بالاتجاه الصحيح، وأرقام الهاتف والأسعار لا تنقلب.
- النص المختلط: اختبر جملًا فيها عربي وإنجليزي وأرقام ورموز معًا (مثل: “السعر 99 SAR شامل الضريبة”).
- الإيماءات (Gestures): السحب للأمام وللخلف يعكس اتجاهه، والـ Slider يملأ من اليمين.
- الإشعارات والشاشات المنبثقة: الترويسة والأزرار مرتّبة صحيحًا.
اختبر على جهاز حقيقي لا المحاكي فقط، فالمحاكي يخفي مشاكل الخطوط واللمس. وفي Flutter فعّل خصيصة RTL من لوحة المعاينة لتنتقل بين الاتجاهين بنقرة. أخيرًا — والأهم — سلّم التطبيق لمتحدث عربي أصلي لاستخدامه 10 دقائق؛ سيكشف أخطاءً لا تظهر في أي قائمة فحص. وإن أردت فريقًا ينفّذ هذه القائمة كاملة قبل إطلاقك، احجز استشارة مع جوّل، أو ابدأ بـتحويل موقعك إلى تطبيق عربي أصيل مبني على RTL من أول سطر.
الأسئلة الشائعة
هل دعم RTL مكلف؟
إن بُني من البداية لا. إن أُضيف لاحقًا لتطبيق LTR، قد يكون إعادة عمل كبيرة.
هل أدعم العربية والإنجليزية معًا؟
نعم إن كان جمهورك مختلطًا. التطبيق الجيد يتحوّل بسلاسة بين الاتجاهين حسب لغة الجهاز.
هل Flutter يدعم RTL تلقائيًا؟
نعم بشكل ممتاز. أعدّ_direction إلى rtl ويتعامل مع معظم التفاصيل تلقائيًا.
هل أستخدم الأرقام العربية أم اللاتينية؟
اللاتينية (1, 2, 3) شائعة ومقبولة في السعودية. استخدم ما يفضّل جمهورك، بشرط الاتساق.
تريد تطبيقًا عربيًا أصيلًا لا مترجمًا؟ احجز استشارة مجانية مع جوّل — نبني RTL منذ التصميم. أو اطّلع على خدمة تحويل الموقع إلى تطبيق.