تظهر إضافة تستند إلى البطاقة كجزء من الشريط الجانبي (أو على الجوّال كنافذة نشاط أخرى يتم الوصول إليها من خلال القائمة). تتضمن الإضافة شريط أدوات علويًا يتعرف على الإضافة ويعرض بطاقة، وهي في الأساس "صفحة" لواجهة مستخدم الإضافة. تمثل "برمجة التطبيقات" البطاقات في رمز المشروع باستخدام عناصر Card.
بنية البطاقة
البطاقة هي مجموعة من عناصر واجهة المستخدم التي تصمّمها. تتألف البطاقة من الأقسام التالية:
- عنوان البطاقة: يحدد هذا الإجراء البطاقات. إنه يحتوي على نص عنوان، وقد يحتوي اختياريًا على ترجمة مصاحبة ورمز.
قسم واحد أو أكثر من أقسام البطاقة: وهذه هي الأقسام الفرعية لمنطقة واجهة المستخدم للبطاقة. قد يكون للقسم رأس قسم نصي بشكل اختياري. يتم فصل أقسام البطاقات عن بعضها بعضًا على البطاقة بواسطة قاعدة أفقية. إذا كان قسم البطاقة كبيرًا بشكل خاص، يتم عرضه تلقائيًا كقسم قابل للطي، ويمكن للمستخدمين توسيعه أو تصغيره حسب الحاجة. يجب ألا تحتوي البطاقة على أكثر من 100 قسم، ويجب أن تتضمن أقسامًا قليلة فقط لتحسين الأداء.
يحتوي كل قسم من البطاقات على واحدة أو أكثر من أدوات واجهة المستخدم. وتوفر الأدوات للمستخدم معلومات أو عناصر تحكم تفاعلية. تعد أقسام البطاقات والبطاقات أدوات بنائية، لذا لا يمكنك إضافتها إلى قسم بطاقة. يمكن أن يحتوي قسم البطاقة على لا يزيد عن 100 أداة، ويجب أن يكون بسيطًا قدر الإمكان لتحقيق أفضل أداء.
يجب تصميم بطاقات حول أنشطة أو مجموعات بيانات معينة للمستخدمين. على سبيل المثال، قد تتضمن إضافة في Google Workspace تعرض بيانات مأخوذة من "جداول بيانات Google" بطاقة منفصلة لكل ورقة تسحب منها البيانات.
استخدام بطاقات متعددة
تتألف الإضافات عادةً من أكثر من بطاقة واحدة. يمكنك إما تهيئة هذه البطاقات كقائمة بسيطة للتنقل الأساسي مع بطاقات متعددة، أو لتهيئة طرق تنقل أكثر تعقيدًا للتحكم في كيفية تنقل المستخدم بين البطاقات.
إذا كانت الإضافة تستخدم التنقل الأساسي، عند فتح الإضافة لأول مرة، ينشئ تطبيق Google Workspace قائمة برؤوس البطاقات ويعرضها على المستخدم. ويؤدي النقر على عنوان البطاقة إلى فتح البطاقة. كما يتم توفير سهم رجوع للرجوع إلى قائمة عنوان البطاقة. ليس عليك ترميز وظائف رأس الصفحة وسهم الرجوع، حيث يتم ذلك تلقائيًا عند تعريف البطاقات في الإضافة.
عند تصميم إضافات، من الأفضل تحديد عدد البطاقات التي يتم عرضها في وقت واحد، نظرًا لأن البطاقات يجب أن تشارك مساحة محدودة من الشاشة. ومن الأفضل أيضًا تجنُّب التعقيدات غير الضرورية في البطاقات.