تصميم واجهات وتجربة المستخدم (UI/UX) لمنتجات ثنائية اللغة في الإمارات

الخطوط العربية والتخطيطات ثنائية اللغة

يحتاج النص العربي إلى خطوط مصممة له، مثل Dubai Font أو IBM Plex Sans Arabic أو Noto Sans Arabic، مقترنة بخط لاتيني مماثل في السماكة والإيقاع. وتحتاج العربية عمومًا إلى حجم أكبر قليلًا وتباعد أكبر بين الأسطر لتبقى مقروءة، وقد يكون النص العربي أقصر أو أطول بشكل ملحوظ من مقابله الإنجليزي، لذا تُصمم المكوّنات لتكون مرنة بدلًا من أن تُفصّل على لغة واحدة.

نستخدم التخطيط التلقائي (auto layout) في Figma مع المحاذاة إلى البداية والنهاية، فيمكن قلب الإطارات إلى اتجاه من اليمين إلى اليسار (RTL) ومراجعتها بسرعة، ونراجع كل شاشة رئيسية باللغتين بنصوص حقيقية لا بنصوص مؤقتة.

ما الذي يُعكس وما الذي لا يُعكس

قواعد عكس الاتجاه هي الموضع الذي تخطئ فيه كثير من تصاميم RTL. وهذه هي الأعراف التي نوثقها في نظام التصميم:

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

الأبحاث وسهولة الوصول مع مستخدمين من الإمارات

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

سهولة الوصول لأصحاب الهمم جزء من متطلبات التصميم منذ البداية، لا فكرة لاحقة. نصمم وفق معيار WCAG 2.2 AA في التباين وحالات التركيز وأحجام عناصر اللمس، ونختبر باستخدام VoiceOver وTalkBack بالعربية والإنجليزية، لأن المحتوى من اليمين إلى اليسار يخلق مشكلات خاصة به في ترتيب التركيز والقراءة.