واجهة مستخدم تثبيت تطبيق ويب تقدّمي (PWA) أكثر ثراءً

مقدمة

أدت الأجهزة المحمولة ومقدمة متاجر تطبيقات مورّدي الأجهزة إلى تغيير النموذج العقلي للمستخدمين حول كيفية اكتشاف البرامج وتقييمها وتثبيتها. أصبح المستخدمون الآن على دراية بمتاجر التطبيقات والمعلومات الإضافية التي يتم توفيرها من خلال متاجر التطبيقات، مثل سياق التطبيق والملاحظات على الشبكات الاجتماعية والتقييمات وغيرها، ما يجعل استعارة متجر التطبيقات تظهر في أنظمة تشغيل أجهزة الكمبيوتر المكتبي، بما في ذلك ChromeOS وMac وWindows.

هناك تحدي في مساحات عرض التثبيت اليوم

اليوم، إذا أراد المستخدم تثبيت تطبيق ويب تقدّمي (PWA)، سيظهر شريط معلومات وتراكب شكلي مع الحد الأدنى من المعلومات. وإذا استمروا في التثبيت، تنتهي العملية بسرعة كبيرة دون إعطاء سياق للمستخدم. فهذا يتعارض مع توقعاته بشأن تثبيت التطبيقات ويمكن أن يربكه إلى حد ما بشأن ما حدث.

مثال على واجهة مستخدم تثبيت تطبيق الويب التقدّمي (PWA).
مثال على واجهة المستخدم لتثبيت تطبيق الويب التقدّمي (PWA).

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

مثال على واجهة مستخدم البطاقة السفلية في Chrome
مثال على واجهة مستخدم البطاقة السفلية في Chrome

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

تم توسيع واجهة المستخدم الأكثر ثراءً للتثبيت.
تم توسيع واجهة مستخدم "تثبيت أكثر تنسيقًا"
تم تصغير واجهة المستخدم الأكثر ثراءً.
تم تصغير واجهة المستخدم الغنية بصريًا.

التوافق مع الأنظمة القديمة

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

معاينة واجهة المستخدم

تعمل واجهة المستخدم هذه من Chrome 94 على Android وChrome 108 على أجهزة الكمبيوتر المكتبي.

تمّ تفعيل هذه الميزة على squoosh.app ويمكن معاينتها هناك.

التنفيذ

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

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

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

ملاحظات

وفي المستقبل، سننظر في إضافة بيانات أخرى مثل الفئات وتقييم التطبيق، ولكن سيعتمد ذلك على الملاحظات الواردة من المطورين والمستخدمين.

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