دليل نمط واجهة مستخدم إضافات Google Workspace

تنظيم صفحاتك في مجموعات يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.

Google Workspace يجب أن تكون الإضافات متناسقة مع النمط والتنسيق لتطبيق المضيف الذي تنطبق عليه الإضافات. ويجب توسيع واجهة المستخدم بشكل طبيعي من خلال استخدام عناصر التحكم والسلوكيات المألوفة. توضّح الإرشادات الواردة هنا طرق التعامل مع النصوص والصور وعناصر التحكّم والعلامة التجارية التي تروّج لتقديم تجربة عالية الجودة للمستخدم.

إذا فتحت الإضافة صفحات ويب منفصلة تُعد جزءًا لا يتجزأ من تشغيل الإضافة، (مثل صفحة إعدادات للإضافة)، تأكَّد من أن صفحات الويب هذه تتبع أيضًا إرشادات النمط هذه.

استخدام Google Workspace مجموعة تصميم الإضافات

لتوفير تجربة سلسة للمستخدم، يمكن للمصمِّمين استخدام Google Workspace مجموعة ميزات تصميم واجهة مستخدم الإضافات المتوفرة على Figma. يمكنك إنشاء حساب مجاني في Figma أو طلب ترخيص من مشرف مؤسستك.

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

الحصول على حزمة التصميم

النصوص والصور

يوضّح لك هذا القسم كيفية استخدام النصوص والصور بشكل صحيح في الإضافة.

اسم الإضافة

يجب ضبط اسم الإضافة في ملف البيان ضمن المشروع، وعند ضبط إعدادات إضافتك للنشر. يظهر الاسم في عدة أماكن، مثل قائمة Google Workspace Marketplace وضمن القوائم. عند اختيار اسم:

  • استخدِم حالة أحرف العنوان
  • تجنَّب استخدام علامات الترقيم، ولا سيما الأقواس، ما لم تكن جزءًا من علامتك التجارية.
  • احرص على ألا يكون طوله 15 حرفًا على أفضل نحو. قد يتم اقتطاع الأسماء الطويلة تلقائيًا في Google Workspaceبيانات Marketplace وفي أي مكان آخر.
  • لا تُدرِج الكلمات "Google"أو &"Gmail"أو أسماء منتجات Google الأخرى في اسم الإضافة.
  • لا تُدرِج الكلمة "إضافة"&أو "إضافة&quot، في اسم الإضافة.
  • يجب استبعاد معلومات الإصدار.

نمط الكتابة

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

عند كتابة نص واجهة المستخدم:

  • استخدِم حالة أحرف الجملة (خاصةً للأزرار والتصنيفات وإجراءات البطاقات).
  • أفضّل استخدام نص قصير وبسيط بدون لغة أو لغة اختصارية.

الإجراءات العامة وبطاقات الإجراءات

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

  • تجنَّب تكرار نص القائمة الذي يكرّر اسم الإضافة.
  • ابدأ كل عنصر في القائمة بكلمة إجراء مثل "Run;quot;,"Configure" أو "إنشاء"..
  • قدِّم وصفًا للمهمة، وليس لمكوِّن واجهة المستخدم الذي يتم عرض الإجراء له.
  • إذا بدأ الإجراء الذي تتّبعه سير العمل، ولم يكن هناك فعل واحد يصف ما يفعله، اطلق عليه اسم "بدء&quot.
  • حافظ على عدد عناصر القائمة صغيرًا لتجنب إلزام المستخدم بالتمرير خلال قائمة كبيرة. إذا كان لديك المزيد من الإجراءات التي يمكنك تنفيذها، ننصحك باستخدام بطاقات متعددة تتضمّن إجراءات مختلفة لكل منها.

رسائل الخطأ

عندما يحدث خطأ، من المهم استخدام لغة عادية. اشرح المشكلة من وجهة نظر المستخدم واقترح كيفية حلّها.

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

محتوى المساعدة

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

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

صور بحث Google

وتُعدّ الصور المستخدَمة في إضافتك إحدى أنواع الرموز المضمّنة أو صورة مستضافة بشكلٍ علني يحدّدها عنوان URL. عند استخدام الصور المستضافة، تأكّد من أنه يمكن لجميع الأشخاص الذين يمكنهم استخدام إضافتك الوصول إليها.

عناصر التحكّم

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

الأزرار

يمكنك استخدام الأزرار للتحكم في الإجراءات الرئيسية لواجهة المستخدم وليس باستخدام أدوات أخرى.

  • يجب أن تبدأ معظم تصنيفات أزرار النصوص بأكثر من عمل.
  • يجب أن تقتصر صفوف الأزرار على ثلاثة أزرار أو أقل في معظم الحالات.

نص مزخرف

تتيح لك أدوات النص المزخرف تقديم محتوى نصي مع رموز أو أزرار أو مفاتيح تحكم.

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

مدخلات الاختيار

يمكنك استخدام مجموعة متنوعة من أدوات إدخال الاختيار في الإضافة: مربّعات الاختيار المنسدلة ومربّعات الاختيار وأزرار الاختيار.

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

إدخالات النص

تتيح إدخالات النص مكانًا للمستخدمين لإدخال بيانات السلسلة.

  • لا تستخدم إدخالاً نصيًا لجعل نوع المستخدم واحدًا من مجموعة محدّدة من الإدخالات المحتملة. استخدِم قائمة منسدلة بدلاً من ذلك.
  • يمكنك استخدام التلميحات والاقتراحات لمساعدة المستخدم في إدخال النص بالتنسيق والتنسيق الصحيحين.
  • استخدم إدخالات نصية متعددة الأسطر إذا كان النص الذي سيتم إدخاله هو أكثر من بضع كلمات.

العلامة التجارية

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

في الإضافة

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

  • يجب أن تتبع جميع جوانب إضافتك إرشادات العلامة التجارية.
  • لا تُدرِج كلمة "Google" أو &"Gmail"أو أسماء منتجات أخرى من Google.
  • لا يجب تضمين رموز منتجات Google، حتى إذا تم تعديلها.
  • لا تُدرِج الكلمة "إضافة"، أو "إضافة إلى &quot، في نص علامتك التجارية.
  • يجب ألا يزيد نص العلامة التجارية عن بضع كلمات.

في Google Workspace Marketplace

عند ضبط الإضافة للنشر، يمكنك توفير عدد من الأصول الرسومية والنصية لإنشاءGoogle Workspace بطاقة بيانات Marketplace.

يجب أن تكون كل جوانب بطاقة بيانات المتجر ومواد العرض هذه متوافقة مع إرشادات وضع العلامة التجارية.