أخطاء في تصميم المنتجات العربية بتضرّ التحويل

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

دي التسعة اللي بشوفهم أكتر حاجة، مرتّبين تقريباً حسب حجم الضرر.

١. قلب التخطيط بدل تصميمه

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

القاعدة: اعكس التخطيط واتجاه التنقّل. متعكسش الحاجات اللي اتجاهها بيحمل معنى مستقل.

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

والرسوم البيانية ليها اعتبار خاص. محور زمني بيمشي من اليمين للشمال صح بالعربي، ومربك لو أنت بس قلبت الحاوية من غير ما تعيد ترتيب التسميات.

٢. إنك تكتب left وright في الـCSS

كل margin-left وpadding-right وtext-align: left ده خطأ RTL مؤجّل. الخصائص المنطقية — margin-inline-start وpadding-inline-end وtext-align: start — بتعمل الصح في الاتجاهين من غير أي كود شرطي.

لو بتستخدم Tailwind، أدوات ms-* وme-* وps-* وpe-* وtext-start موجودة لده بالظبط. تحويل قاعدة كود بعدين شغل ميكانيكي ومُمِل؛ إنك تبدأ كده مش بيكلّف حاجة.

٣. بحث عربي مش لاقي العربي

دي بتضيّع مبيعات بصمت وبتطلّع صفر رسائل خطأ.

العربية فيها صور متعددة للألف (ا أ إ آ)، وتاء مربوطة مقابل هاء (ة/ه)، وياء مقابل ألف مقصورة (ي/ى)، وتشكيل اختياري. المستخدم اللي بيدوّر على احمد مش هيلاقي أحمد غير لو وحّدت الفهرس والاستعلام.

اعمل ده وقت الفهرسة، مش وقت العرض. المستخدمين بيكتبوا بسرعة ومن غير تشكيل؛ وكتالوجك اتدخّل بعناية وبتشكيل. من غير التوحيد، عمرهم ما هيتقابلوا، ومنتجك هيبان كأن مفيش عنده بضاعة.

٤. تخزين المحتوى القابل للترجمة في عمود واحد

لو product.name حقل واحد، المحتوى ثنائي اللغة بيبقى مشكلة تكرار يدوي، وواحدة من اللغتين بتبقى متأخرة بشكل دائم.

نمذِج المحتوى القابل للترجمة على إنه كده من البداية، بقاعدة رجوع صريحة. ووقتها إضافة لغة أو تصحيحها بتبقى مهمة محتوى مش ترحيل قاعدة بيانات. ده قرار تصميم صغير في اليوم الأول ومشروع كبير في اليوم الأربعمية.

٥. أرقام لاتينية، أرقام عربية، وعدم اختيار ولا واحدة

الأرقام الغربية (123) والعربية الشرقية (١٢٣) الاتنين مستخدمين في العالم العربي، بتفضيل يختلف من بلد للتانية. اللي بيكسر الثقة هو عدم الاتساق — أسعار بواحدة، وكميات بالتانية، وتواريخ بتالتة.

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

٦. تواريخ بتفترض تقويم واحد

لو مستخدمينك في السعودية، التاريخ الهجري ممكن يكون مهم. لو في مصر، الميلادي غالباً كفاية. لو منتجك بيخدم الاتنين، قرّر بوعي مش بالافتراضي.

ونسّق التواريخ كنص مش كأرقام — 03/04 غامض في كل اللغات.

٧. الخطوط العربية كأنها فكرة لاحقة

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

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

٨. كل حاجة برّه التطبيق فاضلة إنجليزي

الواجهة عربية بشكل جميل. وبعدين إيميل تأكيد الطلب، والرسالة النصية، وملف الفاتورة، ورسالة التحقق، ورسالة استعادة كلمة السر — كلهم بيوصلوا بالإنجليزي.

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

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

٩. نصوص واجهة مترجمة آلياً

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

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

العربية الفصحى المعاصرة الواضحة بتسافر كويس بين مصر والسعودية والخليج. واللهجة اختيار مقصود لسوق ونبرة محددين — مش وضع افتراضي.

اللي بيكلّف أكتر حاجة: إنك تعمل ده بعدين

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

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

تقييم اللي عندك دلوقتي

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

صفحة تطوير برمجيات عربية RTL بتغطي التقييم ده بيبص على إيه وإيه اللي الشغل الثنائي الصح بيشمله. أو ابعت رابط أو لقطة شاشة واحجز مكالمة مجانية 15 دقيقة — هقولّك أنت في أنهي فئة قبل ما تلتزم بأي حاجة.