يدخل العميل إلى موقعك، فيجد النص عربياً، لكن شيئاً ما لا يبدو صحيحاً. السهم يشير إلى الاتجاه الخطأ، والأرقام متداخلة مع الكلام، والخط يبدو غريباً، والجمل كأنها خرجت من أداة ترجمة. قد لا يعرف بالضبط ما المشكلة، لكنه يشعر بها، ويفقد شيئاً من ثقته بك.
باختصار
- الواجهة العربية ليست واجهة إنجليزية مترجمة، بل تصميم يبدأ من اليمين ويُفكَّر فيه بالعربية.
- أكثر الأخطاء شيوعاً في: الاتجاه، والأيقونات، والخطوط، والأرقام، والنصوص المختلطة، ونبرة المحتوى.
- معالجة هذه الأخطاء ترفع ثقة العميل، وتحسّن تجربة الاستخدام، وتنعكس على التحويل والمبيعات.
لماذا يبدو موقعك "مترجماً"؟
أغلب المواقع العربية تُبنى بطريقة واحدة: يُصمَّم الموقع بالإنجليزية أولاً، ثم يُعكس الاتجاه وتُستبدل النصوص. النتيجة واجهة تتكلم العربية لكنها تفكر بالإنجليزية.
المستخدم العربي يقرأ من اليمين، وتبدأ عينه من الزاوية العليا اليمنى، ويتوقع أن تسير الأشياء في هذا الاتجاه: القوائم، والخطوات، والأسهم، وأشرطة التقدم. وعندما يخالف التصميم هذا التوقع، ولو في تفصيل صغير، يشعر المستخدم بالاحتكاك دون أن يعرف سببه.
في السعودية والخليج تحديداً، حيث المنافسة على العميل قوية والعلامات الكبرى تقدّم تجارب عربية متقنة، صار هذا الفرق واضحاً للعميل أكثر من أي وقت مضى.
1. عكس الاتجاه بشكل ناقص
أول خطوة في أي واجهة عربية هي ضبط اتجاه الصفحة كلها من اليمين إلى اليسار، لا محاذاة النصوص فقط. الخطأ الشائع أن تُحاذى الفقرات إلى اليمين، بينما يبقى كل شيء آخر على حاله:
- الشعار على اليسار والقائمة على اليمين، كما في النسخة الإنجليزية.
- الأيقونة قبل النص في الأزرار، لكن من الجهة الخطأ.
- الشريط الجانبي على اليسار، وخطوات الدفع تتقدم من اليسار إلى اليمين.
الصحيح: أن ينعكس ترتيب العناصر بالكامل، فيبدأ كل شيء من اليمين: الشعار، وعناوين الأعمدة في الجداول، وترتيب الخطوات، وموضع الصورة بجانب النص.
2. أيقونات لم تُعكس، وأخرى عُكست بالخطأ
ليست كل الأيقونات متساوية. بعضها يجب أن يُعكس في الواجهة العربية، وبعضها يجب ألا يُمس:
| تُعكس | لا تُعكس |
|---|---|
| أسهم الرجوع والتالي | زر التشغيل في الفيديو والصوت |
| أيقونة "إرسال" وأسهم القوائم المنسدلة الجانبية | الساعة وعقاربها |
| أشرطة التقدم والمؤشرات المتحركة | علامة الصح وعلامة الإغلاق |
| أيقونات القوائم التي توحي باتجاه | الشعارات والعلامات التجارية |
| أيقونة "تسجيل الخروج" ذات السهم | أيقونة البحث (العدسة) غالباً |
القاعدة البسيطة: إذا كانت الأيقونة تعبّر عن حركة أو اتجاه أو تسلسل، فاعكسها. وإذا كانت تمثل شيئاً من العالم الحقيقي، فاتركها كما هي.
ومن أكثر الأخطاء إحراجاً سهم "التالي" الذي يشير إلى اليمين في واجهة عربية، فيوحي للمستخدم بأنه سيعود إلى الخلف.
3. خط عربي ضعيف أو مفروض على الواجهة
الخط هو صوت موقعك. والأخطاء الشائعة هنا:
- الاعتماد على الخط الافتراضي للنظام، فيظهر الموقع بشكل مختلف على كل جهاز، وغالباً بشكل باهت.
- اختيار خط لاتيني جميل دون التأكد من دعمه للعربية، فيظهر العربي بخط احتياطي لا يشبه بقية التصميم.
- استخدام خط زخرفي في النصوص الطويلة، فيتعب القارئ بعد سطرين.
- أحجام صغيرة جداً: الحروف العربية بنقاطها وتشكيلها تحتاج إلى حجم أكبر قليلاً من اللاتينية لتبقى مقروءة، خصوصاً على الجوال.
- تباعد أسطر ضيق: العربية تحتاج إلى مساحة أكبر بين الأسطر من الإنجليزية، فالحروف الصاعدة والنازلة والنقاط تتزاحم بسرعة.
الصحيح: خط عربي واضح ومصمم للشاشات للنصوص، وخط عنوان يحمل شخصية العلامة، وتباعد أسطر مريح، وخط لاتيني مختار بعناية يتناسق معهما.
4. تباعد الحروف والخط المائل والأحرف الكبيرة
هذه أدوات تصميم أساسية في الإنجليزية، لكنها تكسر العربية:
- تباعد الحروف (Letter Spacing): العربية حروف متصلة، وتباعدها يقطع الوصل بينها فتظهر الكلمة مفككة. أي تباعد حروف يُطبَّق على عنوان إنجليزي يجب أن يُلغى في نسخته العربية.
- الخط المائل: معظم الخطوط العربية لا تملك نسخة مائلة، فيلجأ المتصفح إلى إمالة الحروف آلياً، فتظهر مشوهة.
- الأحرف الكبيرة (Uppercase): لا وجود لها في العربية، فالتأكيد يكون بوزن الخط أو اللون أو الحجم.
5. الأرقام والنصوص المختلطة
هنا تظهر أغرب المشكلات. عندما تجتمع العربية مع أرقام أو كلمات إنجليزية في سطر واحد، قد يختلط ترتيب العناصر:
- رقم الجوال يظهر مقلوباً أو تنتقل علامة “+” إلى آخره.
- السعر يظهر "ر.س 250" في مكان و"250 ر.س" في مكان آخر.
- اسم منتج إنجليزي في وسط جملة عربية يقفز بعلامات الترقيم إلى غير مكانها.
- البريد الإلكتروني وروابط المواقع تظهر بترتيب خاطئ.
الصحيح: أن يُحدَّد اتجاه هذه العناصر برمجياً، فتُعرض أرقام الهواتف والبريد والروابط من اليسار إلى اليمين داخل السياق العربي، وأن تُوحَّد صيغة الأسعار والعملات في الموقع كله. كما يجب أن تختار صيغة واحدة للأرقام، سواء الأرقام الغربية (1، 2، 3) أو الأرقام المشرقية (١، ٢، ٣)، وتلتزم بها.
6. نماذج الإدخال التي لا تفهم العربي
النماذج هي المكان الذي يتحول فيه الزائر إلى عميل، وفيها تكثر الأخطاء:
- حقل رقم الجوال يُكتب فيه من اليمين، فيضطرب الرقم أثناء كتابته.
- حقل البريد الإلكتروني يبدأ من اليمين، رغم أن البريد يُكتب دائماً بالإنجليزية.
- رسائل الخطأ تظهر بالإنجليزية لأنها لم تُترجم من الأساس.
- النموذج يرفض الأسماء العربية، أو الأرقام المكتوبة بلوحة المفاتيح العربية.
- حقول لا تناسب المنطقة، مثل "الولاية" و"الرمز البريدي" الإلزامي، بدل "المدينة" و"الحي".
الصحيح: حقول الجوال والبريد والروابط تُكتب من اليسار، والنموذج يقبل الأرقام العربية ويحولها تلقائياً، ورسائل الخطأ عربية وواضحة وتخبر المستخدم بما يجب فعله، والحقول مصممة لعنوان العميل الخليجي الفعلي.
7. محتوى مترجم حرفياً
حتى لو كان التصميم مثالياً، فإن النص المترجم آلياً يكشف كل شيء:
- "اضغط هنا للتقديم" بدل "قدّم الآن".
- "سلة التسوق الخاصة بك فارغة حالياً" بدل "سلتك فارغة".
- "تم إرسال طلبك بنجاح!" في كل مكان، بنبرة واحدة لا تتغير.
- مصطلحات تقنية تُرجمت حرفياً فصارت غير مفهومة.
اللغة العربية في الواجهة يجب أن تكون قصيرة ومباشرة وقريبة من لغة العميل. وفي الخليج تحديداً، يتقبل المستخدم الفصحى البسيطة في الواجهات، لكنه ينفر من الفصحى الثقيلة ومن العامية غير المدروسة على حد سواء.
نصيحة من تجربتنا: اكتب نصوص الواجهة بالعربية أولاً، لا ترجمة لنصوص إنجليزية. الأزرار والرسائل والعناوين التي تولد بالعربية تكون أقصر وأوضح وأكثر طبيعية.
8. تصميم لا يحسب حساب طول النص العربي
النص العربي قد يكون أطول أو أقصر من مقابله الإنجليزي، وارتفاع السطر العربي أكبر. فإذا صُمم المكان على مقاس الكلمة الإنجليزية:
- تنقطع العناوين أو تنكسر إلى سطرين في غير مكانها.
- تخرج النصوص من الأزرار أو تُقص.
- تُقص النقاط والتشكيل في أعلى الحروف وأسفلها داخل الحقول والبطاقات.
الصحيح: أن تُختبر كل شاشة بالمحتوى العربي الحقيقي، لا بنص تجريبي، وأن تُصمم العناصر لتتسع للنص بدل أن يُحشر النص فيها.
9. صور وتفاصيل بصرية تتجاهل السياق
الواجهة العربية لا تقتصر على النص:
- صور يتجه فيها الأشخاص أو المنتجات نحو اليسار، أي نحو خارج المحتوى في التصميم العربي.
- رسوم بيانية ومخططات زمنية تبدأ من اليسار.
- صور عامة لا تشبه العميل ولا بيئته.
- تواريخ بصيغة لا يألفها المستخدم، أو غياب التقويم الهجري حيث يكون مهماً.
للمطورين: أساسيات تقنية تمنع أغلب المشكلات
إن كنت تبني الموقع بنفسك أو مع فريق تقني، فهذه القواعد تحل جزءاً كبيراً من المشكلات من البداية:
- ضبط
dir="rtl"وlang="ar"على مستوى الصفحة، لا على عناصر متفرقة. - استخدام الخصائص المنطقية في CSS مثل
margin-inline-startوpadding-inline-endوtext-align: startبدلleftوright، فينعكس التصميم تلقائياً. - استخدام
dir="ltr"أوللأرقام والبريد والروابط داخل السياق العربي. - عكس الأيقونات الاتجاهية فقط عبر قاعدة واحدة واضحة، لا يدوياً في كل مكان.
- اختبار الواجهة على أجهزة حقيقية بلوحة مفاتيح عربية، لا على المتصفح وحده.
قائمة فحص سريعة لموقعك
افتح موقعك الآن واسأل نفسك:
- هل يبدأ كل شيء من اليمين، بما فيه القوائم والخطوات وأشرطة التقدم؟
- هل تشير أسهم "التالي" و"الرجوع" إلى الاتجاه الصحيح؟
- هل الخط العربي واضح ومريح على الجوال؟
- هل تظهر أرقام الجوال والأسعار والبريد بشكل سليم؟
- هل يمكن تعبئة نماذج الموقع بلوحة مفاتيح عربية دون مشكلات؟
- هل تقرأ نصوص الأزرار والرسائل كأنها كُتبت بالعربية من البداية؟
- هل تتسع العناصر للنص العربي دون قص أو تكسير؟
إن كانت إجابتك "لا" عن ثلاثة أسئلة أو أكثر، فموقعك على الأغلب يبدو مترجماً في عين عميلك.
أسئلة شائعة
هل يكفي تفعيل خيار اللغة العربية في قالب جاهز؟
يحل ذلك جزءاً من المشكلة فقط، لأن أغلب القوالب الجاهزة مصممة بالإنجليزية أولاً. ستحتاج غالباً إلى مراجعة الأيقونات والخطوط والنماذج والنصوص يدوياً.
هل أصمم نسخة عربية منفصلة أم أعكس النسخة الإنجليزية؟
الأفضل أن يُصمم الموقع ثنائي اللغة من البداية، بنظام تصميم واحد يعمل في الاتجاهين. هذا أوفر من بناء نسختين، وأفضل بكثير من عكس نسخة جاهزة.
هل أستخدم الأرقام الغربية أم المشرقية؟
كلاهما صحيح ومقبول. الأهم أن تختار صيغة واحدة وتلتزم بها في الموقع كله، وأن تراعي ما اعتاده جمهورك. والأرقام الغربية هي الأكثر شيوعاً في الواجهات الرقمية في الخليج اليوم.
هل يؤثر تصميم الواجهة العربية على ترتيبي في Google؟
بشكل غير مباشر نعم. ضبط اللغة والاتجاه بشكل صحيح يساعد محركات البحث على فهم صفحاتك، والتجربة السلسة تُبقي الزائر مدة أطول وتقلل مغادرته السريعة.
الخلاصة
الفرق بين موقع "مترجم" وموقع "عربي" يكمن في عشرات التفاصيل الصغيرة: سهم في اتجاهه الصحيح، وخط مريح، ورقم يظهر كما يجب، وزر يتكلم بلغة العميل. كل تفصيل منها بسيط، لكن اجتماعها هو ما يجعل عميلك يشعر أن الموقع صُنع له، لا نُقل إليه.
هل يبدو موقعك أو تطبيقك مترجماً؟
في توريوم نصمم الواجهات بالعربية أولاً، ونراجع تجربة موقعك الحالي لنحدد ما يحتاج إلى تعديل، أو نبني لك واجهة ثنائية اللغة تعمل بإتقان في الاتجاهين.
تواصل معنا عبر واتساب: +90 543 100 1414 أو البريد: [email protected]
