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

تجربة طريقة Compose
‫Jetpack Compose هي مجموعة أدوات واجهة المستخدِم المقترَحة لنظام Android. تعرَّف على كيفية إنشاء التطبيقات المصغَّرة باستخدام واجهات برمجة التطبيقات بنمط Compose.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الإيماءات

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

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

العناصر

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

اعتبارات التنسيق

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

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

إعدادات التطبيق المصغَّر التي يضبطها المستخدمون

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

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

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