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

مقدمة

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

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

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

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

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

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

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

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

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

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

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

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

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

التنفيذ

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

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

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

ملاحظات

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

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