إنجاز المهام بسرعة باستخدام اختصارات التطبيقات

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

François Beaufort
François Beaufort
Jungkee Song
Jungkee Song

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

ستعلّمك هذه المقالة كيفية تحديد اختصارات التطبيقات. بالإضافة إلى ذلك، ستتعرّف على بعض أفضل الممارسات المرتبطة.

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

يتم تشغيل قائمة اختصارات التطبيق من خلال النقر بزر الماوس الأيمن على رمز التطبيق في شريط التطبيقات (Windows) أو شريط التطبيقات المضمّنة (macOS) على كمبيوتر المستخدم المكتبي، أو من خلال لمس رمز مشغّل التطبيق مع الاستمرار على جهاز Android.

لقطة شاشة لقائمة اختصارات تطبيق مفتوحة على جهاز Android
تم فتح قائمة "اختصارات التطبيقات" على نظام التشغيل Android
لقطة شاشة لقائمة اختصارات تطبيقات مفتوحة على نظام التشغيل Windows
تم فتح قائمة "اختصارات التطبيق" على نظام التشغيل Windows

لا تظهر قائمة اختصارات التطبيقات إلا لـ تطبيقات الويب التقدّمية التي تم تثبيتها على كمبيوتر المستخدم المكتبي أو جهازه الجوّال. اطّلِع على التثبيت في وحدة "التعرّف على التطبيقات المتوافقة مع الويب" للتعرّف على متطلبات التثبيت.

يعبّر كل اختصار تطبيق عن هدف المستخدم، ويرتبط كل اختصار بعنوان 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 بدلاً من ذلك.

إذا أردت رموزًا دقيقة بدقة بكسل، قدِّمها بزيادة قدرها 48dp (أي رموز بحجم 36×36 أو 48×48 أو 72×72 أو 96×96 أو 144×144 أو 192×192 بكسل). بخلاف ذلك، ننصح باستخدام رمز واحد بحجم 192 x ‏192 بكسل.

كأحد مقاييس الجودة، يجب أن تكون الرموز نصف الحجم المثالي للجهاز على Android على الأقل، أي 48 وحدة بكسل مستقلة الكثافة. على سبيل المثال، للعرض على شاشة xxhdpi، يجب ألا يقل حجم الرمز عن 72 × 72 بكسل. (مشتق من معادلة تحويل وحدات dp لوحدات البكسل.)

اختبار اختصارات التطبيقات

للتحقّق من إعداد اختصارات التطبيق بشكل صحيح، استخدِم لوحة البيان في لوحة التطبيق في "أدوات مطوري البرامج".

لقطة شاشة لاختصارات التطبيق في "أدوات مطوري البرامج"
اختصارات التطبيقات المعروضة في "أدوات مطوّري البرامج"

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

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

أفضل الممارسات

ترتيب اختصارات التطبيقات حسب الأولوية

يتم عرض الاختصارات بالترتيب الذي تحدّده لها في البيان. ننصحك بترتيب اختصارات التطبيقات حسب الأولوية لأنّ الحد الأقصى لعدد اختصارات التطبيقات المعروضة يختلف حسب النظام الأساسي المستخدَم. على سبيل المثال، يحدّ متصفِّحَا Chrome وEdge على نظام التشغيل Windows من عدد اختصارات التطبيقات إلى 10، في حين يعرض متصفِّح Chrome على Android 3 اختصارات فقط. قبل الإصدار 92 من Chrome لنظام التشغيل Android 7، كان الإصدار 4 مسموحًا به. أضاف إصدار Chrome 92 اختصارًا إلى إعدادات الموقع الإلكتروني، ما أدّى إلى استخدام إحدى خانات اختصار المتوفّرة للتطبيق.

استخدام أسماء مميزة لاختصارات التطبيقات

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

قياس استخدام اختصارات التطبيقات

يجب إضافة تعليقات توضيحية إلى إدخالات url اختصارات التطبيقات كما تفعل مع start_url لأغراض الإحصاءات (مثل url: "/my-shortcut?utm_source=homescreen").

دعم المتصفح

تتوفّر اختصارات التطبيقات على المنصات والإصدارات المدرَجة أدناه.

توافق المتصفّح

  • Chrome: 96
  • الحافة: 96
  • Firefox: غير متوافق
  • ‫Safari: 17.4

المصدر

لقطة شاشة لقائمة اختصارات التطبيقات المفتوحة على نظام التشغيل ChromeOS
قائمة اختصارات التطبيقات مفتوحة على ChromeOS

دعم "النشاط الموثوق به على الويب"

إنّ أداة Bubblewrap هي الأداة المُقترَحة لإنشاء تطبيقات Android التي تستخدِم Trusted Web Activity، وهي تقرأ اختصارات التطبيقات من بيان تطبيق الويب وتُنشئ تلقائيًا الإعدادات المقابلة لتطبيق Android. يُرجى العِلم أنّ رموز اختصارات التطبيقات مطلوبة ويجب أن تكون بحجم 96 x ‏96 بكسل على الأقل في Bubblewrap.

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

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

عيّنة

اطّلِع على نموذج اختصارات التطبيقات ومصدرها.