تصميم مواقع بالعربي و RTL: الترجمة لوحدها مش كفاية

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

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

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

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

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

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

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

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

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

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

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