واجهة مستخدم تثبيت تطبيق ويب تقدّمي (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، يمكنهم تقديم شكل ومظهر تطبيق الويب بشكل مستقل، مع إمكانية الوصول بسهولة إلى تطبيقات النظام الأساسي.

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

إضافة ملاحظات

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

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