تصميم تجربة المستخدم للتطبيقات العربية (RTL): أخطاء شائعة وكيف تتجنبها

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

1. قلب كل شيء، أو عدم قلب أي شيء

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

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

القاعدة البسيطة: اعكس ما يعبّر عن اتجاه الحركة في الواجهة، واترك ما له شكل ثابت في العالم الحقيقي.

2. أرقام وأسعار وكلمات إنجليزية تختل داخل النص

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

الأرقام الغربية أم الهندية؟

في الإمارات تُستخدم الأرقام الغربية (1، 2، 3) على نطاق واسع في التطبيقات والفواتير ولوحات السيارات، بينما يفضل بعض الجمهور الأرقام الهندية (١، ٢، ٣) في سياقات معينة. المهم أن تختار واحدة وتلتزم بها في التطبيق كله، وأن تكون حقول الإدخال قادرة على قبول النوعين لأن لوحات المفاتيح تختلف.

3. خط عربي ضعيف أو معامل كأنه لاتيني

الحروف العربية تحتاج مساحة رأسية أكبر بسبب النقاط والحركات والحروف النازلة، لذلك يجب أن تكون مسافة الأسطر أكبر مما في الإنجليزية. ومن الأخطاء الشائعة:

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

4. نصوص مترجمة آلياً

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

5. تصميم بطول النص الإنجليزي

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

6. نماذج لا تناسب المستخدم في الإمارات

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

7. تجاهل التقويم والأسبوع المحلي

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

8. صور ومحتوى لا يشبه الجمهور

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

9. صفحة المتجر بالإنجليزية فقط

صور التطبيق ووصفه في App Store وGoogle Play هما أول تجربة للمستخدم. إذا كان جمهورك عربياً فجهّز صوراً ووصفاً بالعربية، تُظهر الواجهة العربية الفعلية لا الإنجليزية.

10. الاختبار بمحتوى وهمي

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

11. الإيماءات والحركة باتجاه واحد

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

كيف يتجنب فريق التطوير هذه الأخطاء من البداية؟

معظم هذه المشاكل تُحل بقرار مبكر في طريقة البناء. بدل تحديد المسافات والمحاذاة بـ"يمين" و"يسار"، تُستخدم خصائص "البداية" و"النهاية" التي تتبع اتجاه اللغة تلقائياً، وهي مدعومة في أدوات تطوير iOS وAndroid وFlutter وفي CSS للمواقع. وتُجهَّز الأيقونات من البداية في مجموعتين: ما يُعكس وما لا يُعكس. وتُخزن النصوص في ملفات لغة منفصلة يراجعها كاتب عربي، لا داخل الكود. بهذا تصبح إضافة لغة أو تعديلها عملاً منظماً لا إصلاحاً شاشة بشاشة.

قائمة تحقق سريعة قبل الإطلاق

1. أسهم الرجوع والتقدم بالاتجاه الصحيح في اللغتين.
2. الأسعار وأرقام الهواتف تظهر بترتيب صحيح في كل الشاشات.
3. لا تباعد بين الحروف العربية، ومسافة أسطر مريحة.
4. كل نصوص الواجهة ورسائل الخطأ مراجعة بالعربية.
5. الأزرار تتسع لأطول نص في اللغتين.
6. حقول الهاتف والبريد والرموز من اليسار إلى اليمين.
7. صفحة المتجر بالعربية بصور الواجهة العربية.

الخطوة التالية

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