الخط والنبرة والتخطيط بالعربية
ابدأ التصميم بالعربية. فالتخطيط الإنجليزي المعكوس في نهاية العمل نادرًا ما يصمد أمام محتوى حقيقي، لأن شكل النص العربي يختلف عن اللاتيني. وينطلق عملنا في التصميم بالعربية ومن اليمين إلى اليسار من هذه القواعد.
- الخط. اختر خطًا عربيًا متعدد الأوزان واختبره بأصغر حجم تستخدمه. وكثيرًا ما تحتاج العربية إلى حجم أكبر قليلًا وارتفاع سطر أعلى من اللاتينية.
- لا تباعد بين الحروف ولا مائل ولا حروف كبيرة. التباعد بين الحروف يقطع اتصال الحروف العربية، وليس في العربية خط مائل حقيقي ولا حروف كبيرة. أبرز الكلمة بالوزن أو اللون.
- الأرقام. الأرقام الغربية والهندية العربية كلتاهما مفهومة. اختر قاعدة واحدة للمنتج والتزم أسلوبًا واحدًا في الشاشة الواحدة.
- الجنس والجمع. تتغير الأفعال والصفات في العربية بحسب جنس المستخدم، وللعدد صيغ مختلفة للواحد والاثنين والقليل والكثير. ابنِ قواعد الجمع في نظام الرسائل.
ثبّت هذه الاختيارات مرة واحدة في نظام تصميم: سلّم خطوط عربي ومكوّنات معكوسة ومكتبة رسائل تعيد كل شاشة استخدامها.
المحتوى المختلط بين العربية والإنجليزية
قلّما يحوي المنتج السعودي لغة واحدة. فأسماء المنتجات والرموز وعناوين البريد والمصطلحات الإنجليزية تقع داخل جمل عربية، وقد يُحفظ اسم الشخص بالعربية وبالحروف اللاتينية. ويعرض دليل المنتجات ثنائية اللغة بالعربية والإنجليزية المنهج، وهذه قرارات التصميم.
- حدد ما يبقى بالإنجليزية. تبقى أسماء العلامات والرموز وعناوين البريد والويب عادة كما هي، وتُترجم التسميات والتعليمات. اكتب القاعدة للمحررين.
- أبقِ المقاطع مقروءة. قد تدفع كلمة لاتينية أو رقم داخل جملة عربية علامات الترقيم إلى الجهة الخطأ، فيحتاج التصميم إلى مسافات تُبقي كل مقطع واضحًا. راجع مدخل التصميم من اليمين إلى اليسار.
- احفظ صيغتي الاسم. دع الناس يكتبون الاسم بالعربية وبالحروف اللاتينية، وابحث في الصيغتين، واعرض ما يوافق لغة الواجهة.
- احفظ مكان المستخدم. يجب أن يحتفظ مبدّل اللغة بالصفحة والنموذج المعبّأ وموضع التمرير. راجع مدخل التوطين.
التصميم للجوال أولًا
سيلتقي كثير من المستخدمين السعوديين بالمنتج على الجوال أولًا، فصمم الشاشة العربية الصغيرة قبل شاشة سطح المكتب، واختبرها على هاتف أندرويد متوسط المواصفات وعلى آيفون حديث.
- المنال والانعكاس. في التخطيط من اليمين إلى اليسار تكون حافة البداية على اليمين. أبقِ الإجراءات الرئيسية في متناول اليد، وضع أزرار الرجوع والقائمة عند البداية.
- لوحات المفاتيح. افتح لوحة المفاتيح المناسبة لكل حقل: لاتينية للبريد وعناوين الويب، ورقمية للرموز والهواتف، وعربية للأسماء. والنموذج الذي يفرض تبديل لوحة المفاتيح عند كل حقل يخسر مستخدميه.
- الإشارة الضعيفة والروابط المشاركة. اعرض ما يُحمَّل، واحتفظ بما كتبه المستخدم، وأبقِ الصور خفيفة. وكثيرًا ما تُتداول الروابط في تطبيقات المحادثة، فاجعل لكل صفحة عنوانًا واضحًا، وتأكد أن الرابط المشارك يفتح شاشة مفيدة على الجوال.
النماذج والهوية وشاشات الدفع
تطلب خطوات الهوية والدفع أكثر ما يُطلب وتتسامح أقل ما يمكن، لذلك فالنماذج هي الموضع الذي يكسب فيه المنتج السعودي مستخدميه أو يخسرهم.
الأسماء والأرقام والعناوين
- الأسماء. لا تفرض اسمًا أول وأخيرًا. اسمح بأجزاء عدة وبالتهجئة العربية واللاتينية.
- أرقام الهواتف. استخدم رمز الدولة +966، واقبل الرقم مكتوبًا بالصفر الأول أو بدونه، واحفظه بصيغة دولية واحدة.
- رقم الهوية الوطنية ورقم الإقامة. اطلبهما حين تلزم الخدمة فقط، واقبل الأرقام الغربية والهندية العربية، وأخفِ الرقم بعد إدخاله، وأبقه خارج الروابط.
- العناوين. قدم دبوس خريطة وسطرًا حرًا للمعالم، وعند الحاجة العنوان الوطني. وتحقق من صيغته الحالية لدى المزود الذي تستخدمه.
تسجيل الدخول عبر نفاذ
ينقل نفاذ المستخدم من شاشتك إلى تطبيق الهوية ثم يعيده. صمم الحالات التي تسبب التسرب: الانتظار (اشرح ما عليه فعله في التطبيق وأظهر مهلة)، والرفض أو انتهاء الصلاحية (قدم إعادة المحاولة وطريقًا آخر للدخول)، وغياب التطبيق عن الجهاز (اشرح الخطوة التالية). والوصول تحدده الجهة المصدِرة، فاسأل مبكرًا عن الموافقة المطلوبة. وتغطي صفحة تطوير المواقع الجانب التقني.
شاشات الدفع
اعرض الإجمالي وتفاصيل التسليم وخيارات الدفع في شاشة واحدة، بالوسائل التي يتوقعها جمهورك مثل مدى وApple Pay والبطاقات. وكثير من البنوك ينقل المستخدم إلى تطبيقه للموافقة على الدفعة، فصمم العودة: حالة انتظار، ونتيجة واضحة بالعربية، وإمكانية الاستئناف دون دفع مرتين.
التقويمات والتواريخ في الواجهة
يُستخدم التقويم الهجري (أم القرى) في كثير من الأغراض الرسمية، والتواريخ الميلادية في معظم الحياة التجارية. والسؤال في التصميم: أيهما يراه المستخدم وأين.
- اختر لكل حقل. تُقرأ الحجوزات والتسليمات والفواتير غالبًا بالتاريخ الميلادي، وتُتوقع الوثائق الرسمية والشخصية كثيرًا بالهجري. وحيث يهم الاثنان اعرضهما ووسمهما.
- منتقيات التاريخ. ابدأ شبكة الأسبوع من الأحد، وعلّم الجمعة والسبت عطلة، واختبر المنتقي بالعربية بتواريخ حقيقية، فكثير من المكوّنات يفترض التاريخ الميلادي.
- التواريخ المتحركة. يتوقف بدء رمضان وموعد العيد على رؤية الهلال، فالنص الذي يعد بتاريخ هجري قبل أشهر يحتاج إلى تنبيه بأنه قد يتحرك يومًا.
سهولة الوصول من أول رسم
كثيرًا ما يطلب مشترو الجهات الحكومية والمؤسسات الالتزام بمعيار WCAG، وغالبًا عند المستوى AA، فاسأل أي إصدار ومستوى يتوقعه العميل قبل أن يبدأ التصميم. ومعالجة ذلك في مرحلة الرسم أرخص.
- افحص تباين النص بأصغر حجم، فالخطوط العربية الرفيعة تفقد التباين أسرع مما توحي به العناوين الكبيرة.
- اجعل ترتيب التركيز والقراءة يتبع التخطيط من اليمين إلى اليسار، بما في ذلك الشرائح والجداول المعكوسة.
- حدد لغة الكلمات الإنجليزية المضمّنة ليبدّل قارئ الشاشة صوته، واختبر بقارئ شاشة عربي.
- أبعد النص عن الصور، وأبقه مقروءًا عند التكبير إلى 200 بالمئة.
البحث مع المستخدمين السعوديين عن بُعد
ينبغي أن تُختبر قرارات التصميم للمستخدم السعودي مع مستخدمين سعوديين، وينجح ذلك عن بُعد بجلسات فيديو موجَّهة أو اختبارات نماذج أولية غير موجَّهة بأدوات مثل Figma وMaze.
- اختر المشاركين بالسلوك. عرّف الجمهور بما يفعله الناس، كمن سدّد فاتورة عبر الإنترنت، وضم مناطق ومستويات إنجليزية مختلفة.
- أجرِ الجلسات بالعربية. يجب أن يكون الدليل والنموذج الأولي والملاحظات بالعربية. ويمكن كتابة الخلاصة بالإنجليزية أو العربية بحسب قارئها.
- احجز وفق اليوم. تقع الجلسات في أسبوع الأحد إلى الخميس. راجع أوقات الصلاة عند حجز المكالمات المباشرة، وتوقع توافرًا مختلفًا في رمضان.
- اختبر المسارات الصعبة. نفاذ والدفع ونموذجًا باسم عربي وشاشة بمحتوى مختلط اللغة.
للتوعية وليست استشارة قانونية. الجلسة المسجلة تحوي بيانات شخصية. اطلب الموافقة بالعربية، وبيّن ما يُسجَّل ومدة حفظه، وتأكد مما ينطبق مع مستشار قانوني محلي مؤهل.
التخطيط وفق أسبوع العمل وماذا تسأل مزود التصميم
نعمل عن بُعد ونرتب المكالمات وفق يوم عملك، فتقع مراجعات التصميم والعرض الأسبوعي داخل أسبوعك من الأحد إلى الخميس. والسعودية على توقيت UTC+3 طوال العام، فلا تتحرك المواعيد بتغير الفصول. ويمكن أن تجري الموجزات والمراجعات بالعربية أو بالإنجليزية.
وخطط للمواسم كذلك. يقصّر رمضان ساعات العمل وينقل الاستخدام إلى المساء، وتجلب الأعياد والمناسبات الوطنية حملاتها. ابنِ اللافتات والعروض محتوى في نظام التصميم ليكون التغيير الموسمي تعديلًا لا إعادة تصميم. وحين تقارن مزودي التصميم فاسأل:
- هل تُصمَّم العربية أولًا، أم تُترجم من تخطيط إنجليزي في النهاية؟
- من يكتب النص العربي ويراجعه؟
- هل يستخدم النموذج الأولي محتوى عربيًا حقيقيًا بأسماء طويلة ونص مختلط وأحجام خطوط كبيرة؟
- كيف تُختبر مسارات نفاذ والدفع والنماذج مع مستخدمين حقيقيين؟
- ماذا سأتسلم: نظام تصميم بخط عربي ومكوّنات معكوسة، أم شاشات فقط؟
راجع تجربة المستخدم وواجهته للخدمة كاملة، وتطوير المواقع للبناء، وطريقة عملنا للإيقاع، والسعودية للصورة الأشمل.