ما الذي يحتاجه متجر عربي على الهاتف ولا يحتاجه الإنجليزي

الطباعة، قبل كل شيء

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

• قدّم خطّ ويب عربيًا حقيقيًا بالأوزان التي يستخدمها التصميم. فبديل نظام التشغيل بمقاييس وأوزان مختلفة، وهو سبب ظهور العربية كأنها إضافة لاحقة.
• ارفع ارتفاع السطر لنصّ المتن العربي نسبةً إلى القيمة اللاتينية.
• أبطل letter-spacing تحت [dir="rtl"] — فالعربية خطّ متّصل والتباعد يكسر وصلاته.
• توقّع أن تُقرأ العناوين العربية أثقل عند الوزن الرقمي نفسه؛ فأنزلها درجة بدل مطابقة الرقم.

الأرقام، واختيار طقم واحد

الأرقام العربية الهندية عربيةٌ صحيحة، والأرقام اللاتينية هي ما تستعمله أغلب واجهات المتاجر في الخليج ومصر للأسعار. وكلاهما يمكن الدفاع عنه. أما ما لا يمكن الدفاع عنه فهو الاثنان في شاشة واحدة — سعرٌ بطقم وكميةٌ بآخر يُقرأ كخلل عرض ويجعل المشتري يشكّ في الرقم.

أيًّا اخترت، اعزل المقطع. فالسعر أو رقم الهاتف أو مرجع الطلب داخل جملة عربية ستعيد الخوارزمية ثنائية الاتجاه ترتيبه ما لم يُغلَّف، ورقم طلب معاد الترتيب تذكرة دعم.

صفحة الدفع نموذج مختلف هنا

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

الإبهام في الجهة الأخرى

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