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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تطبيق موسيقى عام يعرض أزرارًا مثل "لا يعجبني" و"رجوع" و"تشغيل/إيقاف مؤقت" و"إعادة توجيه" و"رائعة". يتم إدراج الفنان
            والأغنية على أنّهما "الفنان" و"مثال على المحتوى الموسيقي"، على التوالي.
الشكل 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 خيارات الضبط الخاصة بها مباشرةً بعد أن يسقط المستخدم التطبيق المصغّر على شاشة رئيسية.

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

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