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

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

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

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

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

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

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

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

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

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

تركّز التطبيقات المصغّرة للمجموعات عادةً على حالات الاستخدام التالية:

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

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

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

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

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

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

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

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

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

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

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

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

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

الإيماءات

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

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

العناصر

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

ضبط التطبيقات المصغّرة من قِبل المستخدمين

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

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

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