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

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

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

أنواع الأدوات

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

قيود الأداة

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

الإيماءات

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

الإيماءات الوحيدة المتاحة للتطبيقات المصغّرة هي اللمس والتمرير السريع الرأسي.

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

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

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

محتوى الأداة

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

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

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

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

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

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

تغيير حجم الأداة

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

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

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

يؤدي السماح للمستخدمين بتغيير حجم التطبيقات المصغّرة إلى فوائد مهمة:

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

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

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

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

مثال لتطبيق
الشكل 7. مثال على تطبيق مصغّر للطقس بحجم "صغير" بحجم 3x2.


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


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

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

اعتبارات التصميم

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

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

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

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

قائمة التحقق من تصميم الأداة

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