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

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

François Beaufort

Jungkee Song

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

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

لمحة عن اختصارات التطبيقات

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

يتم استدعاء قائمة اختصارات التطبيق من خلال النقر بزر الماوس الأيمن على رمز التطبيق في شريط التطبيقات. (نظام التشغيل 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. كروم 92 أضاف اختصارًا إلى إعدادات الموقع الإلكتروني، مع أخذ أحد الاختصارات المتاحة. خانات للتطبيق.

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

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

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

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

دعم المتصفح

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

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

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

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

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

عيّنة

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

روابط مفيدة

• MDN
• المواصفات
• نموذج لاختصارات التطبيقات | نموذج مصدر اختصارات التطبيقات
• مكوِّن Blink: UI>Browser>WebAppInstalls