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

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

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

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

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

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

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