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

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

الاتجاه والتخطيط: ما الذي يُعكس وما الذي يبقى كما هو؟

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

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

ومن ناحية البرمجة، يصبح الأمر أسهل كثيرًا إذا خُطِّط له من البداية: استخدم خصائص البداية والنهاية بدل اليمين واليسار الثابتين، وهي مدعومة في iOS وAndroid وFlutter وCSS، فيخدم تخطيط واحد اللغتين معًا. وجهّز الأيقونات من البداية في مجموعتين: مجموعة تنعكس وأخرى لا تنعكس أبدًا.

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

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

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

معاملة الخط العربي كأنه خط لاتيني

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

أزرار مقاسة على النص الإنجليزي

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

المحتوى والصياغة

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

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

النماذج والتواريخ والتفاصيل المحلية

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

صفحة المتجر والاختبار

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

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

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

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

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

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