مقدمة
في بداية عام 2020، وضع فريق Chrome على الأجهزة الجوّالة وأجهزة الكمبيوتر المكتبي خطة لتحسين قابلية اكتشاف تطبيقات الويب المثبَّتة والتفاعل معها. وأدّى عملنا إلى زيادة بنسبة تفوق 100% في عمليات تثبيت تطبيقات الويب التقدّمية (PWA) والتفاعل معها. وقد حققنا ذلك من خلال البحث عن الميزات الحالية وإجراء تجارب A/B وإجراء مقابلات مع المستخدمين لمعرفة تصورات المستخدمين وتوقعاتهم. تتناول هذه المقالة كيفية وصولنا إلى هناك.
لغة التثبيت الموحّدة
كانت عبارة الحث على اتخاذ إجراء التي تؤدي إلى تثبيت تطبيق الويب التقدّمي (PWA) غير متسقة على مستوى منصة الويب. بالنسبة إلى Chrome على نظام Android، استقرنا على الإضافة إلى الشاشة الرئيسية، ولكن على منصاتنا المخصّصة لأجهزة الكمبيوتر المكتبي، شددنا على تثبيت. جاء الأساس المنطقي لهذا التناقض من دراسة أجراها الفريق في عام 2016 قارنت سلاسل مختلفة. وتبيّن الفريق أنّ ميزة الإضافة إلى الشاشة الرئيسية تحقّق أداءً أفضل، ولو كان ذلك بشكل طفيف، على الأجهزة الجوّالة.
لم تعثر دراسة إضافية حول التصنيف في عام 2019 على أيّ اختلاف، لذا قرّر الفريق الذي يريد توحيد تجربة تثبيت تطبيق الويب التقدّمي (PWA) تعديل التصنيف ليصبح تثبيت على Android. أجرينا دراسة إضافية في عام 2021 قارنت بين اللغات التالية: التثبيت والتنزيل والتنزيل، وتبيّن لنا أنّ المستخدمين فهموا أنّ عملية التثبيت هي العملية التي كانت تحدث. شعر المستخدمون أنّ النقر على زر يحمل التصنيف Get سيؤدي إلى توجيه المستخدم إلى موقع إلكتروني، ومن خلال الخيار تنزيل، افترضوا أنّ الملف سينتقل إلى مجلد "عمليات التنزيل" أو مجلد مكافئ.
مع أخذ كل ذلك في الاعتبار، استنتجنا أنّ التصنيف تثبيت يناسب تطبيقات الويب التقدّمية (PWA). وننصح المطوّرين على منصة الويب باستخدام "التثبيت" كسلسلة مفضّلة من الآن فصاعدًا.
رمز التثبيت على الكمبيوتر المكتبي
على منصاتنا المتوافقة مع أجهزة كمبيوتر سطح المكتب، لدينا نمط تصميم كلما تم تحميل تطبيق ويب تقدّمي (PWA) على موقع إلكتروني، سيعرض Chrome دواءً يظهر على الجانب الأيسر من المربّع المتعدد الاستخدامات الذي يحتوي على رمز والتصنيف تثبيت. بعد ذلك، عندما يزور المستخدم موقعًا ما، سيظهر الرمز فقط. يؤدي النقر على هذا القرص إلى تثبيت تطبيق ويب تقدّمي (PWA) لسطح المكتب.
كان الرمز في البداية رمز علامة الجمع، ويرجع ذلك جزئيًا إلى استعارة إضافة إلى الشاشة الرئيسية المستخدمة على الأجهزة الجوّالة. مع ذلك، كما ذكرنا سابقًا، كانت اللغة التي استخدمناها هي Install. كانت الملاحظات التي تلقيناها من منتدى المطورين أن هذه الأيقونة كانت مربكة. علاوة على ذلك، إذا استخدم المستخدم وظيفة التكبير/التصغير لتكبير النص، فإن أيقونة التكبير/التصغير بدت متشابهة للغاية، مما يربك المستخدم أكثر.
قررت التحقق من تصور المستخدم، حيث كانت معظم الملاحظات سردية. ومن خلال العمل مع الباحثين في مجال تجربة المستخدم، أجرينا دراسة مع 10,000 مستخدم في الولايات المتحدة وإندونيسيا لتحديد فهم المستخدمين لأيقونات التثبيت. واختبرنا خمسة تصميمات مختلفة، بما في ذلك التصميم الحالي، وسألنا المستخدمين عما يعنيه كلمة "تثبيت". اكتشفنا أن الأيقونة الحالية، رمز زائد، كانت الأكثر إرباكًا لمستخدمينا. خلط الكثيرون هذا الرمز بين "طب" و"الإسعافات الأولية" و "البطاريات".
ووجدنا أيضًا أن المستخدمين يرتبطون بشكل أساسي بالصور مثل الأسهم والأجهزة التي تم تثبيتها. بناءً على هذه الاستنتاجات، أجرينا اختبار A/B/C في Chrome، وقارننا التصميم الحالي ببديلَين. استقرّنا على السهم الذي يشير إلى شاشة، وكان أداؤه أفضل بكثير من الاثنين الآخرين. ولاحظنا أيضًا انخفاضًا في عدد عمليات إغلاق واجهة المستخدم للتثبيت باستخدام هذه الأيقونة الجديدة.
والمحصلة هي التصميم الذي تراه اليوم، والذي شهِد معدّل تثبيت تطبيقات الويب التقدّمية (PWA) أكثر من الضعف للمواقع الإلكترونية. وأضفنا أيضًا هذا الرمز ومثالاً آخر للأجهزة الجوّالة إلى مجموعة رموز Material Design، لتمكين المنتدى من استخدام الأيقنة التي وجدناها أكثر تفاعلية.
بالطبع، لن تغير أيقونة واحدة العالم، مما يقودنا إلى ميزتنا التالية.
المساعدة في المنتج
المساعدة داخل المنتج هي تلميح من فقاقيع زرقاء لتزويد المستخدمين بالميزات الجديدة التي قد تهمّهم استنادًا إلى معايير محدّدة. قررنا إطلاق نمط التصميم هذا لإبلاغ المستخدمين بميزات التثبيت ودعم إعادة تصميم الأيقونات الجديدة.
عندما يزور أحد المستخدمين موقعًا إلكترونيًا بانتظام، يستخدم Chrome خدمة تُعرف باسم التفاعل مع الموقع الإلكتروني.
وهذا يوفر معلومات عن مدى تفاعل المستخدم مع الموقع الإلكتروني. من خلال زيارة chrome://site-engagement/، يمكنك الاطّلاع على المواقع الإلكترونية التي تتفاعل معها بانتظام. باستخدام هذه النتائج، يمكننا تحديد
ما إذا كان المستخدم مهتمًا بموقع الويب. إذا كان الموقع تطبيق ويب تقدّمي (PWA) وكان المستخدم متفاعلاً، سنعرض له واجهة مستخدم المساعدة داخل المنتج للتثبيت.
وهذا يعني أننا نركز فقط على المستخدمين المتفاعلين، ولا نزعج المستخدمين الذين قد يزورون أحد المواقع مرة واحدة.
ومع استخدام المساعدة داخل المنتج على أجهزة الكمبيوتر المكتبي، شهدنا زيادة بأكثر من 100% في عمليات تثبيت تطبيقات الويب التقدّمية (PWA)، ما يوضّح أنّ التركيز على المستخدمين المتفاعلين قد أدّى إلى تحسين إمكانية تثبيت تطبيقات الويب.
واجهة مستخدم أكثر ثراءً للتثبيت
نموذج التثبيت لمعظم المستخدمين هو المتجر. منذ منتصف عام 2000 قمنا بإعلام المستخدمين بأنه كلما قاموا بتثبيت أحد التطبيقات، سيرون الوصف ولقطات الشاشة والبيانات الوصفية الأخرى لمساعدتهم في تحديد ما إذا كان التطبيق مرغوبًا أم لا.
من خلال تطبيقات الويب التقدّمية (PWA)، كانت واجهة المستخدم التي نعرضها قليلة نسبيًا بعد أن يقرّر المستخدم تثبيت تطبيق ويب. لذا قرّر الفريق استكشاف تجربة تثبيت أكثر ثراءً من شأنها أن توفّر سياقًا للمستخدمين حول تطبيق الويب وتتيح للمطوّرين الاحتفال بتطبيقات الويب التقدّمية (PWA) التي كانت على قدم المساواة مع التجارب الأصلية.
في وقت سابق من هذا العام، أطلقنا أكثر ثراءً تثبيتًا، وهي واجهة مستخدم موسّعة للتثبيت على Chrome في أجهزة Android وتتيح للمطوّرين إضافة لقطات شاشة إلى ملف البيان. يمكن للمطوّرين أيضًا إضافة وصف مقترَح، ولكن ليس ضروريًا وبسبب واجهة المستخدم الجديدة هذه، لاحظنا مضاعفة معدّل تثبيت بعض تطبيقات الويب التقدّمية (PWA)، وهذا يوضّح أنّ المستخدمين لديهم ثقة أكبر في تثبيت تطبيقات الويب عندما نقدّم المزيد من السياق وتجارب أكثر ثراءً. إصدار سطح المكتب من واجهة المستخدم هذه قيد التقدم حاليًا.
الخلاصة
قضى الفريق العامَين الماضيَين في استكشاف وتجربة ميزات أحدث في Chrome أدّت إلى تفعيل وتعزيز مطوّري تطبيقات الويب التقدّمية (PWA) وساعدت في تعريف المستخدمين بفوائد تجارب الويب. ولا يزال هناك الكثير من العمل الذي يمكننا القيام به، ولكن يمكننا جميعًا تحسين حياة المستخدمين وإثرائها ودعم شبكة الويب المفتوحة بشكل أكبر.