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