انتقل إلى المحتوى
الخبر، المملكة العربية السعودية

تصميم تجربة مستخدم عربية

عربية أصيلة الإحساس لا مجرد انعكاس

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

2 إلى 3

أسابيع لتدقيق RTL وخطة الإصلاح

2

اتجاهان يُصمَّمان ويُختبران معاً

كل

شاشة تُراجع لنص مختلط الاتجاه

تخطيطات من اليمين إلى اليسارالخط العربينص مختلط الاتجاهأعراف الأرقامأيقونات معكوسةكتابة واجهات عربيةأنماط النماذج والعناوينالتاريخ الهجري والميلادياختبار مع ناطقين بالعربيةتقرير تدقيق RTL

الإجابة المباشرة

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

قبل وبعد

ما الذي تزيله هذه الخدمة.

النسخة العربية تبدو ترجمة

اليوم

استُبدلت التسميات لكن التخطيط والأيقونات والنبرة ما زالت تتبع أعراف الإنجليزية.

مع النظام

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

النص ينكسر حين تختلط العربية بالإنجليزية

اليوم

أرقام الطلبات وأسماء العلامات وعلامات الترقيم تقفز داخل الجمل العربية وتربك المستخدم.

مع النظام

يُعالج النص ثنائي الاتجاه في التصميم والشيفرة، فتُقرأ النصوص المختلطة بالترتيب الصحيح.

الخطوط تبدو رفيعة أو مزدحمة

اليوم

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

مع النظام

يُختار خط عربي ويُضبط حجمه ووزنه وارتفاع سطره، ويُختبر على أجهزة حقيقية.

تواريخ وأرقام وعناوين خاطئة

اليوم

تفترض النماذج صيغ العناوين والتواريخ الغربية، ولا يستطيع المستخدم إدخال العنوان الوطني السعودي بسهولة.

مع النظام

تدعم النماذج التاريخين الهجري والميلادي والأرقام التي يختارها المستخدم وإدخال العنوان المختصر بما يوافق العادات المحلية.

ماذا نبني

ما الذي يصل إلى يديك.

تدقيق RTL

مراجعة شاشة بشاشة لمنتج قائم مع قائمة إصلاحات مرتبة.

تصميم تخطيطات من اليمين إلى اليسار

مسارات ونظام تنقل ومكونات معكوسة مع بيان الاستثناءات.

الخط العربي

اختيار الخط وسلم الأحجام وارتفاع السطر، مختبراً على الهواتف الشائعة.

قواعد النص ثنائي الاتجاه

كيف تُوسَم وتُعرض النصوص المختلطة من العربية واللاتينية والأرقام.

كتابة الواجهة بالعربية

أزرار ورسائل خطأ وحالات فارغة بعربية فصحى واضحة.

اختبار مع ناطقين بالعربية

جلسات مع قراء العربية تكشف ما لا يكشفه التدقيق.

بالتفصيل

كيف يعمل، وما الذي عليك أن تقرره.

ما يصيبه الانعكاس وما يخطئه

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

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

النص ثنائي الاتجاه والخط والأرقام

الواجهات العربية الحقيقية تخلط الأنظمة الكتابية باستمرار: اسم عميل بالعربية بجانب رقم فاتورة أو رمز منتج أو رابط أو علامة إنجليزية. وبلا وسم صحيح تعيد هذه النصوص ترتيب نفسها وتقع علامات الترقيم في الجهة الخطأ. والحل في الشيفرة بقدر ما هو في التصميم: ضبط خاصية dir وعزل المقاطع اللاتينية داخل السطر والاختبار ببيانات واقعية. وصفحات W3C للتدويل حول النص ثنائي الاتجاه مرجعنا في العمل.

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

الكتابة والاختبار بالعربية

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

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

خطة التسليم

خمس مراحل. تعتمد كل واحدة.

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

01 / 04

تدقيق RTL

أسبوع واحد

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

ما تقوم به
  • إتاحة الوصول إلى المنتج أو نسخة منه
  • مشاركة تحليلات المستخدمين العرب
  • تحديد المسارات الأهم
ما نسلمه
  • تقرير تدقيق شاشة بشاشة
  • قائمة إصلاحات مرتبة
  • قائمة استثناءات الانعكاس لمنتجك
معيار الانتقال

ننتقل عندما اتفقنا على المشكلات التي تُصلح أولاً.

02 / 04

تصميم الاتجاه والخط

1 إلى 2 أسبوع

نضع قواعد التخطيط من اليمين إلى اليسار، ونختار الخط العربي، ونحدد أعراف الأرقام والتواريخ.

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

ننتقل عندما اعتُمدت قواعد التخطيط والخط والنص وظهرت في شاشات نموذجية.

03 / 04

الشاشات والنصوص العربية

2 إلى 4 أسابيع

نعيد تصميم المسارات الرئيسية من اليمين إلى اليسار ونكتب نصوص الواجهة بالعربية.

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

ننتقل عندما اجتازت المسارات الرئيسية المراجعة ببيانات عربية ومختلطة حقيقية.

04 / 04

التحقق مع الناطقين بالعربية

أسبوع واحد

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

ما تقوم به
  • المساعدة في استقطاب مشاركين عرب
  • حضور جلسة
  • اعتماد الإصلاحات النهائية
ما نسلمه
  • ملخص نتائج الاختبار
  • شاشات ونصوص محدثة
  • قائمة RTL نهائية للإصدارات القادمة
معيار الانتقال

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

أسئلة المشترين

تُطرح قبل التوقيع.

هل تجربة المستخدم العربية مجرد عكس للتصميم الإنجليزي؟

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

هل تستطيعون إصلاح منتج قائم نسخته العربية ضعيفة؟

نعم. نبدأ بتدقيق شاشة بشاشة وقائمة إصلاحات مرتبة، فتصلح أسوأ المشكلات أولاً. تصلح فرق كثيرة المسارات الرئيسية في أسابيع قليلة وتخطط لإعادة تصميم أعمق لاحقاً.

أي الخطوط العربية تستخدمون وهل يجوز استخدامها تجارياً؟

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

هل تكتبون نصوص الواجهة بالعربية أيضاً؟

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

هل يصلح هذا للويب وتطبيقات الجوال معاً؟

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

اجعل منتجك يُقرأ بطبيعية بالعربية

أرسل لنا رابط المنتج أو نسخة منه. نراجع التجربة العربية ونخبرك بما يجب إصلاحه أولاً.