ما الذي يخطئ في المواقع العربية وكيف أتقنه؟

الجواب المختصر
يجب أن ينعكس التخطيط لا النصّ وحده. فالتنقّل والأسهم والأيقونات وحقول الاستمارات ومؤشّرات التقدّم والمحاذاة كلها تنقلب في لغة تُقرأ من اليمين إلى اليسار. ومعظم المواقع العربية تصميم لاتيني صُبّ فيه نصّ مترجم، فتنتج مسافات مكسورة وأسهم تشير في الاتجاه الخاطئ وأرقام بترتيب خاطئ. وبناؤه كما ينبغي يكلّف أكثر ويظهر فورًا.
في هذه الصفحة
الخطأ الذي يسبّب البقية
معاملة العربية كمشكلة ترجمة لا كمشكلة تخطيط.
فيبني أحدهم موقعًا بالإنجليزية، ويضيف مبدّل لغة، ويصبّ فيه نصًا مترجمًا، ويعتبره منتهيًا. وما أنتجه موقع إنجليزي يحوي كلمات عربية — ويرى ذلك كل قارئ عربي خلال ثوانٍ.
فاللغة التي تُقرأ من اليمين إلى اليسار لا تعكس النصّ فحسب، بل تعكس ترتيب قراءة الواجهة كلها، وكل ما يُوضع بالنسبة إلى ذلك الترتيب عليه أن ينتقل معه.
ما الذي يجب أن ينعكس
التنقّل. تبدأ القائمة من اليمين، ويذهب الشعار إلى اليمين، وما كان العنصر الأول يصير الأقصى يمينًا.
الأسهم والأيقونات الاتجاهية. فسهم «التالي» يشير يسارًا بالعربية، وسهم الرجوع يشير يمينًا. وهذا أشيع خطأ ظاهر ويجعل الواجهة مربكة فعلًا.
المحاذاة. يُحاذى النصّ يمينًا، والعناوين يمينًا، والقوائم تُزاح من اليمين ونقاطها على اليمين.
حقول الاستمارات. فالتسميات والنصّ النائب ورسائل التحقّق كلها تُحاذى يمينًا، ويبدأ المؤشّر من اليمين.
مؤشّرات التقدّم ومسارات التنقّل والخطوط الزمنية. فكل ما يعبّر عن تسلسل يجري من اليمين إلى اليسار.
الحشو والمسافات. وهذه الدقيقة. فالمسافة المقصود وضعها قبل عنصر يجب أن تنتقل إلى الجهة الأخرى، وإلا بدا التخطيط خاطئًا قليلًا بطريقة يشعر بها القارئ دون أن يستطيع تسميتها.
ما الذي يجب ألّا ينعكس
بالأهمية نفسها، وكثيرًا ما يُعمَّم:
- الأرقام تُقرأ من اليسار إلى اليمين حتى داخل نصّ عربي
- أرقام الهواتف والأسعار والتواريخ تحتفظ بترتيبها الداخلي
- أسماء العلامات اللاتينية والمصطلحات التقنية تبقى كما هي
- أزرار الوسائط — فزرّ التشغيل يظلّ يشير يمينًا لأنه يتبع استعارة الشريط لا اتجاه القراءة
- الصور الفوتوغرافية لا تُقلب
والتصميم الذي يعكس كل شيء بلا تمييز مكسور بقدر الذي لا يعكس شيئًا.
الطباعة، وتتجاهلها معظم المواقع
العربية ليست نصًا لاتينيًا بأبجدية مختلفة. فهي متّصلة، ونسبها الرأسية مختلفة، وتحتاج إلى معالجة مختلفة:
استخدم خطًا مصمَّمًا للعربية. لا خطًا لاتينيًا رُكّبت عليه محارف عربية. فالفارق في الجودة صارخ للقارئ الأصلي.
زد ارتفاع السطر. فللعربية صواعد ونوازل تتصادم عند تباعد الأسطر اللاتيني المعتاد.
زد الحجم قليلًا. فالنصّ العربي بالحجم نفسه يُقرأ أصغر وأكثف من اللاتيني.
وتجنّب تنسيق الأحرف الكبيرة، فلا مقابل له بالعربية ولا يفعل شيئًا سوى كسر النصّ.
النقطة التجارية
إن كنت تخدم عملاء ناطقين بالعربية، فالموقع العربي السيّئ التنفيذ أسوأ من موقع بالإنجليزية فقط. فالإنجليزية وحدها قيد يفهمه الناس، أما الصفحة العربية المكسورة فتُقرأ استهانةً بهم تحديدًا.
وإتقانه يكلّف أكثر لأنه عمل أكثر فعلًا — مجموعة ثانية من قواعد التخطيط، وخيارات طباعة، واختبار. والعرض الذي يقدّم العربية بلا كلفة إضافية يقدّم عادةً نصًا مترجمًا في تخطيط لاتيني.
كيف تفحص موقعًا في خمس دقائق
لا تحتاج إلى قراءة العربية لالتقاط معظمها:
١. بدّل إلى العربية وانظر إلى شريط التنقّل — هل انتقل إلى اليمين؟ ٢. ابحث عن سهم. هل يشير في اتجاه جريان اللغة؟ ٣. انظر إلى استمارة. هل التسميات محاذاة يمينًا أم تطفو بغرابة؟ ٤. افحص سعرًا ورقم هاتف — هل الأرقام لا تزال بالترتيب الصحيح؟ ٥. انظر إلى المسافات حول الأزرار والبطاقات. هل هي متناظرة أم كل شيء مزدحم في جهة؟
وأي إخفاق في هذه القائمة يعني أن الموقع تُرجم ولم يُبنَ، والأرجح أن ذلك ينطبق على كل ما لا تراه.
ماذا يساوي أن يكون «مبنيًّا لا مترجَمًا»
فحص الدقائق الخمس أعلاه تشخيص لا علاج — والعلاج عادةً أكثر بنيوية ممّا يودّ أحد سماعه. فالموقع الذي يرسب في تلك الفحوص ليس على بُعد ملفّ أنماط واحد من النجاح. فقد أُلّف التخطيط في اتجاه واحد ثم صُبّت العربية فيه بعد ذلك.
وضبط الأمر من البداية لا يكلّف شيئًا تقريبًا. أما تركيبه لاحقًا فيكلّف إعادة بناء. ولهذا يستحق أن تسأل عنه قبل أن يبدأ أحد، ولهذا فالسؤال الذي تطرحه على المزوّد ليس «هل تدعمون العربية» — فالجميع يجيب بنعم. بل «هل التخطيط مرآتيّ أم النصّ مترجَم؟»، ثم تُجري الفحوص الخمس أعلاه على موقع بنوه بالفعل.
ويبني Helm الاتجاهين موقعًا واحدًا لا اثنين: تخطيط مرآتيّ، وأرقام وصيغ تواريخ صحيحة، وطباعة مختارة للعربية لا موروثة من اللاتينية، ولوحة تحكم واحدة تعدّل اللغتين جنبًا إلى جنب. والشركة في لندن وبيروت، وهذا السبب العملي في أن صار هذا شأنًا من الدرجة الأولى لا خانة تُؤشَّر.