نظرة عامة حول التطبيقات المصغّرة

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

تقدم هذه الوثائق الأنواع المختلفة من الأدوات التي يمكنك إنشاؤها ومبادئ التصميم التي يجب اتباعها. لإنشاء تطبيق مصغّر باستخدام واجهات برمجة التطبيقات "إزالة العرض" وتنسيقات XML، يمكنك الاطّلاع على إنشاء أداة بسيطة. ولإنشاء تطبيق مصغّر باستخدام واجهات برمجة تطبيقات نمط Kotlin وCompose، يمكنك الاطّلاع على Jetpack Glance.

أنواع التطبيقات المصغّرة

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

التطبيقات المصغّرة للمعلومات

مثال على تطبيق مصغّر يعرض حالة الطقس في طوكيو
            غائمة أغلب الوقت، تبلغ درجة الحرارة 14 درجة، ودرجة الحرارة المتوقّعة بدءًا من
            الساعة 4 بعد الظهر حتى الساعة 7 مساءً
الشكل 1. أداة معلومات من تطبيق طقس.

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

تطبيقات المجموعات المصغَّرة

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

تركز أدوات المجموعة عادةً على حالات الاستخدام التالية:

  • تصفُّح المجموعة
  • فتح أحد عناصر المجموعة في طريقة عرض تفاصيله في التطبيق المرتبط.
  • التفاعل مع العناصر، مثلاً وضع علامة "تم" عليها، مع إتاحة الأزرار المركّبة في Android 12 (المستوى 31 من واجهة برمجة التطبيقات)

التحكّم في التطبيقات المصغّرة

تطبيق مصغّر خاص بتطبيق يُسمّى "Light list"، يعرض مفاتيح تبديل
            تحمل الاسم "غرفة النوم" و"المطبخ" و"غرفة المعيشة"، مع إيقاف
            مفتاحَي التبديل الأوّلَين
الشكل 4. مثال على أداة التحكّم:

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

إنّ التفاعل مع أداة تحكُّم يمكن أن يؤدي إلى فتح عرض تفصيلي مرتبط في التطبيق. ويعتمد ذلك على ما إذا كانت وظيفة عنصر التحكّم المصغّر تؤدي إلى إخراج أي بيانات، كما هو الحال مع تطبيق "بحث Google" المصغّر.

التطبيقات المصغّرة المختلطة

تطبيق موسيقى عام يعرض أزرارًا مثل "لا يعجبني" و"رجوع" و"تشغيل/إيقاف مؤقت" و"إعادة توجيه" و"رائعة". ويتم إدراج اسم الفنّان والمقطع الصوتي في "الفنان" و"مثال على الموسيقى" على التوالي.
الشكل 5. مثال على تطبيق مصغّر للموسيقى

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

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

دمج التطبيقات المصغّرة مع "مساعد Google"

يمكن لـ "مساعد Google" عرض أي نوع من التطبيقات المصغّرة استجابةً للأوامر الصوتية التي ينفّذها المستخدم. يمكنك ضبط التطبيقات المصغّرة لتنفيذ إجراءات التطبيقات، ما يتيح للمستخدمين الحصول على إجابات سريعة وتجارب تطبيقات تفاعلية على مساحات عرض "مساعد Google"، مثل Android وAndroid Auto. لمزيد من التفاصيل حول تنفيذ التطبيقات المصغّرة في "مساعد Google"، يمكنك الاطّلاع على دمج مهام التطبيقات مع تطبيقات Android المصغّرة.

قيود التطبيقات المصغّرة

على الرغم من أنه يمكن فهم الأدوات على أنها "تطبيقات مصغرة"، إلا أن هناك بعض القيود التي من المهم فهمها قبل تصميم الأداة.

الإيماءات

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

الإيماءات الوحيدة المتاحة للأدوات هي اللمس والتمرير السريع العمودي.

عناصر الطبيعة

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

إرشادات التصميم

محتوى التطبيق المصغّر

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

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

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

من بين العناصر الجيدة المقترحة لروابط التنقل في التطبيقات المصغّرة:

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

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

تغيير حجم التطبيق المصغّر

تطبيق "ساعة Google" المصغّر العادي
الشكل 6. تطبيق "ساعة Google" المصغّر العادي.

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

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

هناك فوائد مهمة للسماح للمستخدمين بتغيير حجم الأدوات:

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

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

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

في المثال التالي، يمكن للمستخدم تغيير حجم التطبيق المصغّر للطقس بثلاث خطوات، ليعرض معلومات أكثر تفصيلاً حول الطقس في الموقع الحالي مع نمو الأداة.

مثال على تطبيق مصغّر يعرض الطقس بأصغر حجم على شبكة 3×2، ويسرد
            اسم الموقع الجغرافي (طوكيو) ودرجة الحرارة (14 درجة) ورمز يشير إلى
            الطقس الغائم جزئيًا
الشكل 7. مثال على تطبيق مصغّر عن الطقس بحجم "صغير" على شبكة 3x2


مثال على تطبيق مصغّر لأداة الطقس بحجم 5×2 "متوسط"، بما في ذلك واجهة المستخدم بأكملها بحجم شبكة 3×2 بالإضافة إلى التصنيف "غائم أغلب الوقت"
 ودرجات الحرارة المتوقّعة من الساعة 4 بعد الظهر حتى الساعة 7 مساءً
الشكل 8. مثال على تطبيق مصغّر عن الطقس بحجم "متوسط" على شبكة 5×2


مثال على أداة للطقس بحجم "كبير" 5×4، بما في ذلك واجهة المستخدم كلها
 بأحجام الشبكة 3×2 و5×2، بالإضافة إلى توقّعات أحوال الطقس
 من الثلاثاء إلى الجمعة
الشكل 9. مثال على تطبيق مصغّر عن الطقس بحجم "كبير" للشبكة 5×4

حدِّد مقدار المعلومات التي يتم عرضها من المعلومات في تطبيقك لكل حجم أداة. للحصول على أحجام أصغر، ركز على المعلومات الأساسية، ثم أضف المعلومات السياقية عندما تنمو الأداة أفقيًا وعموديًا.

اعتبارات التخطيط

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

  • يساعدك التخطيط لاستراتيجية تغيير حجم الأداة عبر "مجموعات الأحجام" بدلاً من أبعاد الشبكة المتغيرة على الحصول على النتائج الأكثر موثوقية.
  • يمكن أن يختلف عدد الخلايا وحجمها والمسافات بشكل كبير من جهاز إلى آخر. وبالتالي، من المهم أن تكون الأداة مرنة وأن تتسع لمساحة أكبر أو أقل مما كان متوقعًا.
  • وعندما يغيّر المستخدم حجم أداة، يستجيب النظام لنطاق حجم dp يمكن من خلاله إعادة رسم الأداة تلقائيًا.
  • بدءًا من الإصدار 12 من نظام التشغيل Android، يمكنك توفير سمات حجم أكثر تحسينًا وتنسيقات أكثر مرونة. ويشمل ذلك ما يلي:

إعداد الأداة حسب المستخدمين

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

قائمة التحقق من تصميم التطبيقات المصغّرة

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