تتيح اختصارات التطبيقات الوصول السريع إلى مجموعة من الإجراءات الشائعة التي يحتاجها المستخدمون كثيرًا.
لتحسين إنتاجية المستخدمين وتسهيل إعادة التفاعل مع المهام الرئيسية، تتيح منصة الويب الآن استخدام اختصارات التطبيقات. وهي تسمح لمطوّري الويب بتوفير الوصول السريع إلى عدد قليل من الإجراءات الشائعة التي يحتاجها المستخدمون بشكل متكرر.
توضّح هذه المقالة كيفية تحديد اختصارات التطبيقات. بالإضافة إلى ذلك، ستتعلم بعض أفضل الممارسات المرتبطة.
لمحة عن اختصارات التطبيقات
تساعد اختصارات التطبيقات المستخدمين على بدء المهام الشائعة أو المقترَحة بسرعة داخل تطبيق الويب. وتؤدي سهولة الوصول إلى هذه المهام من أي مكان يتم عرض رمز التطبيق إلى تعزيز إنتاجية المستخدمين وزيادة تفاعلهم مع تطبيق الويب.
يتم استدعاء قائمة اختصارات التطبيقات عن طريق النقر بزر الماوس الأيمن على رمز التطبيق في شريط التطبيقات (نظام التشغيل Windows) أو شريط الإرساء (نظام التشغيل macOS) على سطح المكتب لدى المستخدم، أو النقر مع الاستمرار على رمز مشغّل التطبيق في نظام Android.
لا تظهر قائمة اختصارات التطبيقات إلا لتطبيقات الويب التقدّمية المثبّتة على جهاز الكمبيوتر أو الجهاز الجوّال الخاص بالمستخدم. يمكنك الاطّلاع على التثبيت في وحدة "تعلُّم تطبيق الويب التقدّمي (PWA)" للتعرّف على متطلبات إمكانية التثبيت.
يعبّر كل اختصار تطبيق عن هدف المستخدم، ويرتبط كل اختصار بعنوان URL ضمن نطاق تطبيق الويب. ويتم فتح عنوان URL عندما يفعّل المستخدم اختصار التطبيق. تشمل أمثلة اختصارات التطبيقات ما يلي:
- عناصر التنقّل ذات المستوى الأعلى (مثل الصفحة الرئيسية والمخطط الزمني والطلبات الأخيرة)
- بحث
- مهام إدخال البيانات (على سبيل المثال، إنشاء رسالة بريد إلكتروني أو تغريدة، إضافة إيصال)
- الأنشطة (مثل بدء محادثة مع جهات الاتصال الأكثر رواجًا)
تحديد اختصارات التطبيقات في بيان تطبيق الويب
يتم تحديد اختصارات التطبيقات بشكل اختياري في بيان تطبيق الويب، وهو ملف JSON لإعلام المتصفّح بتطبيق الويب وكيفية عمله عند تثبيته على سطح المكتب أو الجهاز الجوّال للمستخدم. وعلى وجه التحديد، يتم تعريفها في عضو المصفوفة shortcuts. يوجد أدناه مثال لبيان تطبيق ويب محتمل.
{
"name": "Player FM",
"start_url": "https://player.fm?utm_source=homescreen",
…
"shortcuts": [
{
"name": "Open Play Later",
"short_name": "Play Later",
"description": "View the list of podcasts you saved for later",
"url": "/play-later?utm_source=homescreen",
"icons": [{ "src": "/icons/play-later.png", "sizes": "192x192" }]
},
{
"name": "View Subscriptions",
"short_name": "Subscriptions",
"description": "View the list of podcasts you listen to",
"url": "/subscriptions?utm_source=homescreen",
"icons": [{ "src": "/icons/subscriptions.png", "sizes": "192x192" }]
}
]
}
يُعد كل عضو في مصفوفة shortcuts قاموسًا يحتوي على name وurl على الأقل. أما الأعضاء الآخرون، فهم اختياريون.
name- عبارة عن تصنيف يمكن للمستخدمين قراءته لاختصار التطبيق عند عرضه للمستخدم.
short_name(اختياري)- التصنيف الذي يمكن للإنسان قراءته عندما تكون المساحة محدودة. ونقترح عليك تقديمها، حتى لو كانت اختيارية.
description(اختياري)- الغرض من اختصار التطبيق الذي يمكن للمستخدمين قراءته. لا يتم استخدامه في وقت الكتابة، ولكن قد يتعرّض للتكنولوجيا المساعِدة في المستقبل.
url- يتم فتح عنوان URL عندما يفعّل المستخدم اختصار التطبيق. يجب أن يتوفّر عنوان URL هذا في نطاق بيان تطبيق الويب. وإذا كان عنوان URL نسبيًا، سيكون عنوان URL الأساسي هو عنوان URL لبيان تطبيق الويب.
icons(اختياري)مصفوفة من عناصر موارد الصور. ويجب أن يشتمل كل كائن على السمة
srcوالسمةsizes. على عكس رموز بيان تطبيقات الويب، تكون السمةtypeللصورة اختيارية. لا تكون ملفات SVG متاحة في وقت الكتابة. استخدِم تنسيق PNG بدلاً من ذلك.إذا كنت تريد الحصول على رموز بكسل مثالية، قدِّمها بأشكال إضافية تبلغ 48 بكسل مستقل الكثافة (أي رموز 36×36 أو 48×48 أو 72×72 أو 96×96 أو 144×144 أو 192×192 بكسل). بخلاف ذلك، يوصى باستخدام رمز واحد بحجم 192x192 بكسل.
لقياس الجودة، يجب أن تكون الرموز بحجم لا يقل عن نصف الحجم المثالي للجهاز على Android، أي 48 بكسل مستقل الكثافة (dp). على سبيل المثال، لعرض الرمز على شاشة xxhdpi، يجب أن لا يقل حجم الرمز عن 72 × 72 بكسل. (مشتق من معادلة تحويل وحدات dp لوحدات البكسل.)
اختبار اختصارات تطبيقك
للتحقّق من أنّه تم إعداد اختصارات التطبيق بشكل صحيح، استخدِم لوحة البيان في لوحة التطبيق في "أدوات مطوري البرامج".
توفّر هذه اللوحة نسخة يمكن للمستخدمين قراءتها من العديد من خصائص البيان، بما في ذلك اختصارات التطبيقات. ويسهل التحقق من أن جميع رموز الاختصارات، إذا تم توفيرها، يتم تحميلها بشكل صحيح.
قد لا تتوفّر اختصارات التطبيقات على الفور لجميع المستخدمين، لأنّ الحد الأقصى لتحديث تطبيق الويب التقدّمي هو مرة واحدة في اليوم. تعرَّف على مزيد من المعلومات حول كيفية معالجة Chrome لتحديثات بيان تطبيق الويب.
أفضل الممارسات
ترتيب اختصارات التطبيقات حسب الأولوية
يتم عرض الاختصارات بالترتيب الذي حددتها به في البيان. ننصحك بترتيب اختصارات التطبيقات حسب الأولوية لأنّ الحد الأقصى لعدد اختصارات التطبيقات المعروضة يختلف حسب النظام الأساسي المستخدَم. على سبيل المثال، يحدّ Chrome وEdge على نظام التشغيل Windows من عدد اختصارات التطبيقات بـ 10، بينما يعرض Chrome لأجهزة Android 3 اختصارات فقط. قبل استخدام الإصدار 92 من Chrome لنظام التشغيل Android 7، تم السماح باستخدام الإصدار 4. أضاف Chrome 92 اختصارًا إلى إعدادات الموقع الإلكتروني، مع أخذ إحدى خانات الاختصارات المتاحة للتطبيق.
استخدام أسماء مميزة لاختصارات التطبيقات
يجب ألا تعتمد على الرموز للتمييز بين اختصارات التطبيقات لأنها قد لا تكون مرئية دائمًا. على سبيل المثال، لا يدعم نظام التشغيل macOS الرموز في قائمة اختصارات شريط الإرساء. استخدم أسماء مميزة لكل اختصار تطبيق.
قياس استخدام اختصارات التطبيقات
يجب إضافة تعليقات توضيحية إلى إدخالات url الخاصة باختصارات التطبيقات كما تفعل مع
start_url لأغراض الإحصاءات (مثل url:
"/my-shortcut?utm_source=homescreen").
المتصفحات المتوافقة
تتوفّر اختصارات التطبيقات على الأنظمة الأساسية والإصدارات المدرَجة أدناه.
دعم "النشاط الموثوق به على الويب"
Bubblewrap، الأداة المقترحة لإنشاء تطبيقات Android التي تستخدم نشاط الويب الموثوق به، تقرأ اختصارات التطبيقات من بيان تطبيق الويب وتنشئ تلقائيًا الإعدادات المناسبة لتطبيق Android. تجدر الإشارة إلى أنّ رموز اختصارات التطبيقات مطلوبة ويجب ألا يقل حجمها عن 96 × 96 بكسل في Bubblewrap.
PWABuilder هي أداة رائعة لتحويل تطبيق ويب تقدّمي بسهولة إلى نشاط ويب موثوق به، وتدعم اختصارات التطبيقات مع بعض التنبيهات.
بالنسبة إلى المطورين الذين يدمجون "نشاط الويب الموثوق به" يدويًا في تطبيقات Android، يمكن استخدام اختصارات تطبيقات Android لتنفيذ السلوكيات نفسها.
عيّنة
يمكنك الاطّلاع على نموذج اختصارات التطبيقات ومصدرها.