تخصيص واجهة عربية للتطبيق: دليل عملي للمبتدئين

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

ما المقصود بتخصيص واجهة عربية للتطبيق؟

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

الفرق بين التطبيق «المعرَّب» والتطبيق «العربي» يظهر في أول ثلاث ثوانٍ. جرّب بنفسك: افتح أي تطبيق ترجمته ضعيفة وستلاحظ أن سهم «التالي» ما زال يشير إلى اليسار، وأن أيقونة السلة تزاحم اسم المنتج في الركن نفسه.

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

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

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

الخطوة الأولى: اتجاه RTL ليس مجرد قلب للصفحة

تحويل التطبيق إلى الاتجاه العربي يبدأ بخاصية واحدة: dir="rtl" على مستوى الصفحة أو التطبيق. في المنصات التي تدعم العربية أصلًا تجد الخيار جاهزًا في الإعدادات بضغطة زر. لكن القلب الآلي وحده يُنتج أخطاء مضحكة إن لم تراجعه بعينك.

القاعدة التي أستخدمها بسيطة: اقلب كل ما يتعلق بالقراءة، واترك كل ما يتعلق بالواقع كما هو.

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

الفخ الذي يقع فيه الجميع تقريبًا هو مزج العربية بالأرقام واللاتينية في سطر واحد. اكتب «اتصل بنا على +966 55 123 4567» داخل نص عربي، وشاهد كيف يقفز رمز + إلى مكان خاطئ. الحل ليس تصميميًا بل عبر علامات Unicode للاتجاه (RLM وLRM أو محدِّدات العزل)، وأغلب المنصات الحديثة تتيح ذلك تلقائيًا في حقول النصوص.

نصيحة تقنية تفيد مبرمجك: اطلب استخدام الخصائص المنطقية في CSS مثل margin-inline-start بدلًا من margin-left. بهذه الطريقة يعمل التطبيق بالعربية والإنجليزية دون ملفَّي تنسيق منفصلين.

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

اختيار الخط العربي وحجمه: التفصيل الأكثر إهمالًا

الخط هو معظم إحساس المستخدم بجودة الواجهة العربية، ومع ذلك يختاره كثيرون بالمزاج. لا تستخدم خطًا لاتينيًا مع بديل عربي عشوائي؛ اختر عائلة عربية مصممة للشاشات منذ البداية.

خياراتي المفضلة عمليًا: IBM Plex Sans Arabic لواجهات لوحات التحكم لأن أوزانه متسقة ويُقرأ جيدًا بحجم صغير، وTajawal أو Cairo للتطبيقات الاستهلاكية والمتاجر، وNoto Kufi Arabic للعناوين القوية. أما «خط دبي» فمتاح مجانًا من حكومة دبي ويعطي إحساسًا خليجيًا مؤسسيًا يناسب الجهات الحكومية والشركات الكبرى.

ثلاثة أرقام أطبّقها في كل مشروع:

• زد حجم النص العربي نقطة أو نقطتين عن مقابله اللاتيني؛ فالحروف العربية أقصر ارتفاعًا وتحتاج مساحة أكبر لتُقرأ بوضوح.
• اجعل ارتفاع السطر بين 1.7 و1.9 من حجم الخط، لأن النقاط والحركات تحتاج تنفسًا رأسيًا.
• لا تنزل بنص الجسم عن 15 بكسل على الجوال، خصوصًا لجمهور فوق الأربعين.

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

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

الأرقام والتواريخ والعملات في السوق الخليجي

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

ابدأ بالأرقام: مستخدمو السعودية والإمارات والكويت يقرأون الأرقام الغربية (123) في الواجهات الرقمية بلا مشكلة، وهي الأسلم للأسعار وأرقام الطلبات. اترك الأرقام الهندية (١٢٣) للنصوص التحريرية أو للجهات التي تطلبها صراحة. الأهم من الشكل هو الاتساق: لا تخلط الصيغتين في شاشة واحدة أبدًا.

العملة تُكتب بعد الرقم في العربية: «149.00 ر.س» أو «149.00 د.إ» أو «12.500 د.ك». لاحظ أن الدينار الكويتي والبحريني بثلاث خانات عشرية، وهذا خطأ شائع في التطبيقات التي تفترض خانتين لكل العملات فتقلب الحسابات رأسًا على عقب.

الضريبة تحتاج عرضًا صريحًا. في السعودية ضريبة القيمة المضافة 15٪، وفي الإمارات 5٪، ويتوقع المستخدم رؤية «السعر شامل الضريبة» أو تفصيلها داخل سلة الشراء. وإذا كنت تصدر فواتير في السعودية فأنت مطالب بمتطلبات هيئة الزكاة والضريبة والجمارك، وقد شرحنا ذلك عمليًا في مقال الفوترة العربية داخل التطبيقات بما يغني عن التكرار هنا.

يبقى التقويم. اجعل الأسبوع يبدأ من الأحد لا الاثنين، واعرض التاريخ الهجري إلى جانب الميلادي في التطبيقات الحكومية والعقارية والتعليمية، واحسب أن الجمعة والسبت هما نهاية الأسبوع في معظم دول الخليج عند جدولة المواعيد والتذكيرات. تطبيق حجوزات أرسل تذكيراته يوم الأحد ظنًا أنه عطلة؟ رأيت ذلك فعلًا.

صياغة النصوص: اكتب بالعربية ولا تترجم

أسوأ قرار يمكن أن تتخذه هو تمرير ملف النصوص على مترجم آلي ثم النشر. الترجمة الحرفية تنتج أزرارًا مثل «تقديم» بدل «إرسال»، و«افتراضي» في موضع يحتاج «الوضع العادي»، و«حسابي الشخصي» حيث يكفي «حسابي».

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

قواعد أعتمدها في كل مشروع:

• فعل واضح على كل زر: «أضف إلى السلة»، «تأكيد الطلب»، «تحديث البيانات» — لا «موافق» الغامضة.
• فصحى مبسّطة محايدة: مفهومة من الرياض إلى مسقط، دون لهجة محلية تُقصي شريحة من المستخدمين.
• رسائل خطأ تقول ماذا أفعل: «رقم الجوال يجب أن يبدأ بـ 05» أفضل بمئة مرة من «بيانات غير صحيحة».
• لا تعتمد على النص البديل داخل الحقل فقط: ضع عنوانًا ثابتًا أعلى الحقل، فالمستخدم ينسى ما كان مكتوبًا بمجرد أن يبدأ الكتابة.

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

وحقل الاسم؟ اجعله حقلًا واحدًا مرنًا يستوعب اسمًا كاملًا بأربعة مقاطع، لا خانتين للاسم الأول والأخير.

هل يكفي قلب الاتجاه لتصبح الواجهة عربية فعلًا؟

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

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

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

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

خلاصة الفكرة: اعتبر قلب الاتجاه الخطوة صفر، ثم ابنِ بقية القائمة فوقها بهدوء.

الدفع والتكاملات المحلية تكمل الصورة

واجهة عربية أنيقة تنتهي بشاشة دفع أجنبية تعني عميلًا خرج في اللحظة الأخيرة. أضف طرق الدفع التي يعرفها جمهورك: مدى وApple Pay في السعودية، KNET في الكويت، Benefit في البحرين، مع خيارات التقسيط مثل تابي وتمارا التي صارت متوقعة في متاجر التجزئة الخليجية.

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

القائمة التي أراجعها قبل أي إطلاق:

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

لتوسيع هذه النقطة، اطّلع على مقالنا عن التكاملات المحلية للسوق العربي، ففيه تفاصيل الربط خطوة بخطوة.

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

خطة تنفيذ في أسبوع: من الفكرة إلى واجهة جاهزة

عمليًا، تخصيص واجهة عربية للتطبيق لا يحتاج شهورًا إذا رتّبت العمل. هذه خطة سبعة أيام استخدمتها مع أصحاب مشاريع لا خبرة تقنية لديهم إطلاقًا:

• اليوم الأول: فعّل الاتجاه العربي، اختر الخط، حدّد أحجام النصوص وارتفاع السطر.
• اليوم الثاني والثالث: أعد كتابة كل النصوص في جدول واحد (النص القديم، النص العربي، مكان الظهور). هذا الجدول أهم ملف في المشروع كله.
• اليوم الرابع: اضبط الأرقام والعملة والتاريخ وبداية الأسبوع وحقول العنوان والجوال.
• اليوم الخامس: اربط الدفع المحلي والفاتورة والرسائل التلقائية.
• اليوم السادس: اجلس مع خمسة مستخدمين حقيقيين من جمهورك، واطلب من كل واحد إتمام مهمة واحدة بصمت وأنت تشاهد. لا تشرح ولا تساعد مهما تألمت.
• اليوم السابع: أصلح أعلى ثلاث نقاط تعثّر ظهرت، ثم أطلق.

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

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

ما بعد الإطلاق: القياس والصيانة

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

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

وراجع الواجهة كل ربع سنة بعين طازجة. عشرون دقيقة تكشف ما لا يظهر في أي تقرير.

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

الأسئلة الشائعة

كم تكلفة تخصيص واجهة عربية للتطبيق تقريبًا؟

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

ما أفضل خط عربي لواجهة تطبيق جوال؟

للتطبيقات الاستهلاكية أرشّح Tajawal أو Cairo لوضوحهما في الأحجام الصغيرة، ولواجهات لوحات التحكم والتقارير أفضّل IBM Plex Sans Arabic لاتساق أوزانه مع الأرقام. خط دبي خيار قوي للمشاريع المؤسسية والحكومية. المهم اختيار عائلة واحدة بثلاثة أوزان كحد أقصى، ورفع ارتفاع السطر إلى نحو 1.8 حتى تتنفس الحروف.

هل أستخدم الأرقام الهندية (١٢٣) أم الغربية (123)؟

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

كيف أختبر جودة الواجهة العربية قبل الإطلاق؟

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