تم إعداد دليل الأنماط هذا لمساعدتك في اتخاذ قرارات بشأن كيفية إعداد النماذج لمعرض نماذج المنتدى. يستند دليل الأنماط هذا إلى مبادئ الكتابة في أسلوب Material Design من Google. ببساطة، تشمل هذه الخطوات ما يلي:
- كن موجزًا
- الكتابة بأسلوب بسيط ومباشر
- مخاطبة المستخدمين بوضوح
- إرسال التفاصيل الأساسية
- الكتابة لجميع مستويات القراءة
- الكتابة بطريقة تناسب البشر، وليس الروبوتات
اتّبِع هذه الإرشادات للمساعدة في ضمان أنّ جميع النماذج لها مظهر وأسلوب متّسقان، ولمساعدة المستخدمين في فهم كيفية استخدام النموذج.
معلومات
تنطبق هذه الإرشادات على العناصر المتوفّرة في علامة التبويب المعلومات في "أداة إنشاء النماذج".
الاسم
يتم عرض اسم النموذج لمستخدمي أداة "إدارة العلامات من Google" في واجهة مستخدم أداة "إدارة العلامات من Google" وفي "معرض النماذج الخاص بالمنتدى". يظهر هذا الرمز في أعلى صفحة تفاصيل النموذج، كما يظهر عند إدراج النماذج.
- استخدِم اسم شركتك/مؤسستك والاسم الوظيفي للنموذج: اسم المؤسسة اسم النموذج.
- استخدِم حالة أحرف العنوان.
- استخدِم عبارات توضّح الوظيفة.
- تجنَّب استخدام العبارة "رسمي" في أسماء النماذج، ما لم تكن مفوَّضًا بذلك من قِبل المؤسسة المعنية.
أمثلة: علامة قياس الإحالات الناجحة في MyCompany، متغيّر رقم تعريف حملة MyCompany
الوصف
وصف النموذج هو وصف للنموذج يظهر في الصفحات التفصيلية كملخّص موجز لوظيفة النموذج.
- استخدِم جملاً واضحة وموجزة لوصف ما يفعله النموذج.
- حدِّد بوضوح فوائد النموذج للمستخدم. على سبيل المثال: "يمكن أن يساعدك نموذج "أداة إنشاء الجمهور" على Example.com في إنشاء قوائم جمهور جديدة من زوّار الموقع الإلكتروني".
- تجنَّب استخدام مصطلحات فنية.
- أدرِج روابط تؤدي إلى معلومات إضافية ومستندات ودعم.
الرمز
يتم تمثيل رمز النموذج كصورة مصغّرة عند إدراجه في "إدارة العلامات من Google" وفي "معرض نماذج المنتدى".
- استخدِم تنسيق PNG أو JPEG أو GIF للصورة.
- يجب أن تكون الصورة مربّعة، وأن لا تقلّ عن 48 بكسل في 48 بكسل، وألا تزيد عن 96 بكسل في 96 بكسل.
- يجب أن يكون حجم الملف أقل من 50 كيلوبايت.
- تجنَّب استخدام شعارات الشركات الرسمية ما لم تحصل على إذن من المؤسسة المعنية بذلك.
- الحقول
- استخدِم علامة التبويب "الحقول" في "أداة إنشاء النماذج" لإضافة عناصر النموذج، مثل إدخال النص ومربّعات الاختيار وما إلى ذلك.
الحقول
تنطبق إرشادات الأنماط هذه على علامة التبويب الحقول في "أداة إنشاء النماذج".
اسم المعلَمة
هذا هو اسم الحقل كما يظهر في "محرر النماذج"، وليس كما يظهر للمستخدم. يجب أن تكون الأسماء وصفية لنوع البيانات المستخدَمة. اضبط تنسيق أسماء المَعلمات على lowerCamelCase. أمثلة: userName، وcustomerID، وshoppingCartValue.
تصنيفات الحقول
تشمل تصنيفات الحقول حقول الأسماء المعروضة ونصوص مربّعات الاختيار والعناصر ذات الصلة.
- استخدِم حالة أحرف الجملة.
- وكلما كان المحتوى أقصر، كان ذلك أفضل.
- استخدم عبارات وصفية.
- استخدِم كلمات شائعة.
نص المساعدة
نص المساعدة هو محتوى معلوماتي، يظهر كنصائح، لمساعدة المستخدم في إدخال قيمة صالحة في حقل النموذج. قدِّم مثالاً على الإدخال، إن أمكن، ووصِف كيفية استخدام حقل النموذج أو تأثير تقديم قيم معيّنة.
- استخدِم حالة أحرف الجملة.
- كن موجزًا ولكن عبِّر عن مشاعرك. لا بأس من استخدام الكلمات المختصرة والكتابة بأسلوب الشخص الثاني (أنت).
- أنواع الحقول المتوافقة
- يُسمح بتنسيق HTML الأساسي. أمثلة:
<strong>و<em>
أنواع الحقول المتوافقة
النوع |
الوصف |
|---|---|
| إدخال نص | إدخال نص ستكون قيمة مَعلمة النموذج من هذا النوع سلسلة قد تشير إلى متغيّرات. يمكن أن تكون الأداة المصغّرة لإدخال النص المعروضة في واجهة مستخدم "إدارة العلامات من Google" إما حقل نص من سطر واحد أو إدخال من عدة أسطر. |
| القائمة المنسدلة | قائمة منسدلة يمكن فيها اختيار عنصر واحد فقط كقيمة لمَعلمة النموذج. اعرض العناصر أبجديًا ما لم يكن لديك سبب وجيه لترتيبها بطريقة أخرى. |
| مربّع الاختيار | إدخال مربّع اختيار ستكون قيمة مَعلمة النموذج من هذا النوع منطقية: صحيحة إذا تم وضع علامة في المربّع، وخطأ إذا لم يتم وضع علامة. |
| زر الاختيار | إدخال الراديو تعرِض مَعلمة النموذج من هذا النوع قائمة بالخيارات في واجهة مستخدِم "مدير العلامات من Google"، ولا يُسمح للمستخدِم إلا باختيار أحد الخيارات كقيمة لمَعلمة النموذج. |
| جدول بسيط | إدخال جدول بسيط يمكن تعديل كل خلية في الجدول في مكانها، ولا يمكن أن تكون كل خلية إلا من نوعَين: إدخال نص أو قائمة منسدلة. قيمة مَعلمة النموذج من هذا النوع هي مصفوفة من العناصر: يُشفِّر كل عنصر صفًا، ويجب أن يكون كل مفتاح في العنصر أحد أسماء الأعمدة، وتكون كل قيمة في العنصر هي قيمة الخلية المقابلة. |