خيارات تصميم المواقع العربية التي تحدد ما إذا كان المستخدمون يبقون أو يتحولون إلى عملاء
أطلقت نسخة عربية من موقعك. النصوص مترجمة، والصفحات تبدو صحيحة، وأقرّ الفريق بذلك. لكن المستخدمين في الرياض أو دبي لا يزالون يغادرون بسرعة، وتُترك النماذج دون إكمال، والتحويلات أقل من نظيرتها الإنجليزية.
السبب الأكثر شيوعاً ليس الترجمة. بل التصميم.
يتضمن تصميم المواقع العربية مجموعة محددة من قرارات التخطيط والخطوط والتفاعل تتجاوز بكثير مجرد توجيه النص في اتجاه مختلف. إذا أُهملت هذه القرارات، لاحظها المستخدمون الناطقون بالعربية فوراً، حتى لو لم يستطيعوا تحديد ما يبدو غير صحيح بالضبط.
RTL ليس مجرد قلب للتخطيط
يؤثر تخطيط اليمين إلى اليسار على تدفق القراءة، وموضع التنقل، وموضع الأزرار، وسلوك النماذج، والتسلسل البصري، ومنطق تنقل المستخدم عبر الواجهة. يبدأ المتحدثون بالعربية طبيعياً في المسح من الجانب الأيمن من الشاشة. وهذا يعني أن القوائم والنداءات الرئيسية للعمل والمحتوى الأساسي يجب أن تكون مثبتة هناك.
الفخ الذي تقع فيه معظم الفرق هو المحاكاة الزائفة. يبدو التخطيط عربياً على السطح، لكن منطق التفاعل الأساسي لا يزال يتبع الأنماط الإنجليزية. تعمل الفلاتر من اليسار إلى اليمين. تتحرك أشرطة التقدم في الاتجاه الخاطئ. تظهر نتائج البحث بترتيب غير صحيح. لا يحتاج مستخدم في جدة إلى قراءة الكود ليشعر بأن التجربة غير صحيحة. يشعر بالاحتكاك فيغادر.
إليك ما يجب تغييره فعلياً في واجهة عربية مبنية بشكل صحيح:
- الشعار والتنقل الرئيسي يكونان على اليمين
- قوائم القائمة المنسدلة تتوسع إلى اليسار
- أيقونة القائمة المطوية على الهاتف تنتقل إلى الجانب الأيسر من الشاشة
- تتوافق تسميات النماذج مع اليمين، ويتدفق نص المدخلات من اليمين إلى اليسار
- تظهر رسائل خطأ التحقق على اليمين
- تتحرك مؤشرات التقدم متعددة الخطوات من اليمين إلى اليسار
- الأيقونات الاتجاهية كالأسهم الدالة على "التالي" تشير إلى اليسار، لأن ذلك هو اتجاه الحركة للأمام في قراءة RTL
بعض العناصر لا يجب قلبها أبداً. تُعرض أرقام الهاتف دائماً من اليسار إلى اليمين. وتتبع الساعات والجداول الزمنية الاتفاقيات العالمية بصرف النظر عن لغة الواجهة.
أحد أخطاء التطبيق الشائعة هو تطبيق إعداد اتجاه RTL على عناصر فردية فقط بدلاً من جذر المستند. يؤدي ذلك إلى تناقضات حيث تحترم بعض أجزاء الصفحة الاتجاه وأخرى لا تحترمه. يتعطل المحتوى المختلط العربي والإنجليزي، الذي يظهر في كل موقع تجاري عربي تقريباً بسبب أسماء العلامات التجارية ومصطلحات المنتجات، بطرق غير متوقعة عند ضبط الاتجاه بشكل غير متسق.
قرارات الخطوط التي تعكس الجودة
الخطوط هي المكان الذي يصبح فيه الفرق بين موقع مترجم وتجربة عربية أصيلة أكثر وضوحاً للقراء، حتى عندما يكون غير مرئي لصاحب العمل الذي أوكل العمل.
استخدم خطوطاً مخصصة للعربية. تُقدّم الخطوط اللاتينية ذات الخط العربي الاحتياطي اللغة العربية بشكل رديء. تتصل الحروف العربية بناءً على موضعها في الكلمة، والخط الذي لا يدعم العرض المنحني يعرض الحروف العربية بأشكال مكسورة ومنعزلة تبدو مهملة لأي قارئ عربي. تشمل الخيارات الموثوقة: IBM Plex Sans Arabic، وNoto Sans Arabic، وTajawal، وCairo، وAlmarai، وكلها مصممة للاستخدام العربي على الويب.
اضبط ارتفاع السطر أعلى مما تفعله للإنجليزية. تمتد الحروف العربية للأعلى والأسفل بطرق لا تفعلها الحروف اللاتينية، وتتطلب علامات التشكيل مساحة رأسية. ارتفاع السطر البالغ 1.5 الذي يعمل بشكل جيد لنص الجسم الإنجليزي يجعل الحروف العربية تزدحم مع بعضها. النطاق المناسب لنص الجسم العربي هو من 1.7 إلى 1.85.
لا تضف مسافات بين الحروف العربية أبداً. العربية خط متصل. تنضم الحروف داخل الكلمة لتشكيل وصلات. أي قيمة لتباعد الحروف، حتى صغيرة، تكسر تلك الوصلات وتجعل النص يبدو متشظياً. الإعداد الصحيح هو صفر، يُعلن صراحةً بدلاً من تركه كقيمة افتراضية.
حجّم نص العربية أكبر قليلاً. يحتاج النص العربي إلى أن يكون أكبر بنسبة تتراوح بين 10 و15 بالمئة تقريباً من النص اللاتيني ليبدو بنفس درجة القابلية للقراءة عند نفس حجم البكسل. إذا كان نص جسمك الإنجليزي 16 بكسل، يجب أن تكون العربية أقرب إلى 18 بكسل. على الهاتف، البقاء عند 16 بكسل أو أكثر يمنع أيضاً سلوك التكبير التلقائي الذي يُطلقه iOS على المدخلات الأصغر، مما يعطل تدفقات الدفع.
اختبر الخطوط الغامقة بمحتوى حقيقي. يمكن أن يصبح الغامق العربي أصعب قراءة بسبب طريقة استجابة أشكال الحروف المتصلة للوزن المضاف. لن يكشف النص النائب عن المشكلة. اختبر بنسخة عربية فعلية قبل اعتماد أي أنماط للعناوين أو الأزرار.
النماذج والدفع هي المناطق الأعلى خطورة
إذا كانت الخطوط تحدد ما إذا كان المستخدمون يثقون بما يقرأونه، فإن النماذج تحدد ما إذا كانوا يكملون معاملة ما.
يتوقع المستخدمون الناطقون بالعربية أن تتصرف النماذج بشكل طبيعي في بيئات RTL، بما في ذلك محاذاة الحقول، واتجاه نص العنصر النائب، وتنسيق رقم الهاتف، وهيكل العنوان. عندما يبدل تدفق الدفع الاتجاه في منتصف خطوة ما، أو عندما يسير مؤشر التقدم في الاتجاه الخاطئ، يقرأ المستخدمون ذلك كإشارة إلى أن المنتج لم يُبنَ لأجلهم.
اختيار الكلمات داخل الواجهات التعاملية مهم بقدر أهمية الاتجاه. أحد الأمثلة الموثقة من تدقيق UX يتعلق بتطبيق تجارة إلكترونية ترجم كلمة "Checkout" على أنها "خروج"، التي تعني "المغادرة" بالعربية. ظن المستخدمون أنهم يغادرون الموقع. كلفت تلك الكلمة الواحدة الشركة عدداً قابلاً للقياس من الطلبات المكتملة.
تخلق رسائل الخطأ المترجمة تلقائياً مشكلة مماثلة. رسائل التحقق المكتوبة بعربية غير طبيعية، أو المترجمة حرفياً من العبارات الاصطلاحية الإنجليزية، تُضعف الثقة في اللحظة التي يكون فيها المستخدم على وشك الالتزام بعملية شراء.
فروق السوق التي تستحق المعرفة
الأسواق الناطقة بالعربية ليست موحدة. وجد استطلاع UserQ الذي شمل أكثر من 500 مستخدم من منطقة MENA أن العربية هي اللغة المفضلة للخدمات المصرفية والمدفوعات، وتوصيل الطعام، والتسوق لدى غالبية المستطلعين، مما يشير إلى أن العربية ليست فقط لتصفح المحتوى بل للحظات التعاملية عالية المخاطر.
يميل مستخدمو المملكة العربية السعودية إلى توقع رحلات عربية أولاً مباشرة، خاصة في التجارة عبر الهاتف والتكنولوجيا المالية. يرتاح مستخدمو الإمارات عموماً للتنقل بين العربية والإنجليزية، لكنهم يلاحظون عندما تبدو النسخة العربية ثانوية. يُولي سوق قطر أهمية خاصة للمعالجة الثنائية السلسة للغات في سياقات المالية والقطاع العام. نادراً ما يؤدي قالب ثنائي اللغة واحد أداءً متساوياً في الثلاثة.
يُعمّق الاتساق عبر الأجهزة هذا الأمر. التجربة العربية الجيدة على الهاتف لا تعوّض لوحة تحكم ويب تعود إلى التخطيط من اليسار إلى اليمين. ينتقل المستخدمون بين الأجهزة، والثقة تعتمد على تجربة متسقة في كل نقطة تواصل.
ما تبنيه Branchnode
تبني Branchnode Technology مواقع وتطبيقات ثنائية اللغة بالإنجليزية والعربية مع تصميم RTL مدمج من البداية بدلاً من إضافته لاحقاً. يشمل ذلك معالجة صحيحة لاتجاه المستند، وإعدادات خطوط خاصة بالعربية، ونماذج وتدفقات دفع مراعية لـ RTL، وتكاملات دفع إقليمية مستخدمة في أسواق دول مجلس التعاون الخليجي والمشرق. تغطي خدمة تطوير المواقع ثنائية اللغة كلاً من الواجهة ومنطق التفاعل الكامن تحتها.
إعادة تصميم RTL في قاعدة كود LTR قائمة تستغرق وقتاً أطول وتُنتج حالات حدية أكثر من التصميم له منذ البداية. إذا كنت تخطط لنسخة عربية من منتجك، فإن قرارات البنية المتخذة مبكراً تحدد مقدار إعادة العمل الذي ستدفع ثمنه لاحقاً.
الخطوة التالية
إذا كان لديك موقع عربي بالفعل، افتحه على جهاز هاتف ومرّ عبر تدفق الدفع أو التسجيل من حساب جديد. تحقق مما إذا كانت خطوات التقدم تسير في الاتجاه الصحيح، وما إذا كانت رسائل الخطأ تُقرأ بشكل طبيعي، وما إذا كانت حقول النموذج تبدو متوافقة مع اللغة. ستخبرك هذه الفحوصات الثلاثة بسرعة ما إذا كانت التجربة مبنية للمستخدمين العرب أو مترجمة لأجلهم.
إذا كنت تبدأ منتجاً عربياً جديداً أو تخطط للتوسع في المملكة العربية السعودية أو الإمارات، تواصل معنا ويمكننا مناقشة تفاصيل مشروعك.