تطبيقات الويب التقدمية (PWA): أهم 3 دراسات حالة

تخيل أنك أطلقت للتو مشروعك الناشئ ويبدو موقع الويب الخاص بك رائعًا ، لكن ليس لديك ميزانية كافية لتطوير تطبيق جوال ، والذي قد يكون مهمًا لاستراتيجية عملك. ومع ذلك ، فهي باهظة الثمن ومحفوفة بالمخاطر بعض الشيء. سيتعين عليك أيضًا قضاء الكثير من الوقت في إنشاء تطبيق محلي ، ولكن لا أحد يعرف علامتك التجارية جيدًا. هل سيثق الناس في تطبيقك بدرجة كافية لتنزيله من App Store أو Google Play Store؟

ما هو أكثر من ذلك - هل سيتم تحديد العملاء / القراء بما يكفي لاتخاذ بعض الخطوات الإضافية مثل إغلاق موقع الويب الخاص بك وفتح Google Play أو App Store ثم الانتظار بصبر حتى يتم تثبيت التطبيق؟

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

وشيء آخر - هل أنت متأكد من أن عملائك سيحصلون على مساحة تخزين داخلية كافية لتنزيل تطبيقك؟

لذلك سوف تستثمر الكثير من الأموال في إنشاء تطبيق جوال (لكل من IOS و Android) ولا يمكنك التأكد من أن الناس سيستخدمونه بالفعل. آه ... ولا تنسى كل هذه المبالغ الضخمة من ميزانيتك التسويقية التي ستحتاج إلى إنفاقها على الدعاية والترويج!

لكن انتظر ، لا داعي للذعر ، لحسن الحظ ، أنت تعيش في عام 2019 ، متى   أصبحت تطبيقات الويب التقدمية حلاً شائعًا عندما يتعلق الأمر بإنشاء تطبيقات الجوال!

هل سمعت يومًا عن تطبيقات الويب التقدمية ؟ إذا لم يكن الأمر كذلك ، فهذه هي فرصتك الآن لمتابعة أحدث اتجاهات التكنولوجيا وإلا ستتخلف عن الركب! لقد كتبنا بالفعل مقالًا شاملاً يشرح ماهيته ولماذا يستحق اختيار هذا الخيار.

نود اليوم أن نقدم لك بعض الإلهام ونقدم لك قصص نجاح للعلامات التجارية التي قامت بالفعل ببناء تطبيقات الويب التقدمية.

تريفاغو

اكتسبت Trivago سمعة طيبة لمحرك البحث عن الفنادق المتوفر بـ 33 لغة مختلفة. استنادًا إلى معلومات الفندق ، والصور ، والتقييمات ، والمراجعات ، والمرشحات ، وغيرها من الميزات ، يساعد Trivago المستخدمين في العثور على أفضل عرض.

مشكلة

تكمن المشكلة في أن Trivago قد لاحظت زيادة كبيرة في مستخدمي الهواتف المحمولة في السنوات الأخيرة. أدركت العلامة التجارية أن تجربة الهاتف المحمول تزداد أهمية لعملائها.

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

 يوصى بقراءة: تطبيقات الويب التقدمية مقابل التطبيقات الأصلية: أيهما يناسبك بشكل أفضل؟

المحلول

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

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

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

النتائج

• موقع Trivago للجوّال متاح بـ 33 لغة في 55 دولة.
• أضاف أكثر من 500000 شخص اختصار Trivago إلى شاشتهم الرئيسية وزادت مشاركتهم بنسبة 150٪ .
• مقارنة بمواقع الويب المحمولة السابقة ، اجتذب تطبيق الويب التقدمي عددًا أكبر بكثير من المستخدمين. قبل PWA ، تم تسجيل زيارات متكررة 0،8٪ فقط ، والآن ارتفع هذا الرقم إلى 2٪ في المتوسط.
• تبين أن الإشعارات الفورية كانت وسيلة اتصال مثالية - فقد ساعدت في زيادة التحويل - زاد عدد النقرات في PWA على عروض الفنادق بنسبة 97٪.

 يوصى بالقراءة: 7 أفضل تطبيقات الويب التقدمية في صناعة السفر

بينترست

Pinterest عبارة عن شبكة اجتماعية تسمح للمستخدمين بالمشاركة المرئية واكتشاف اهتمامات جديدة عن طريق نشر (المعروف باسم "التثبيت" على Pinterest ) الصور أو مقاطع الفيديو على لوحاتهم أو لوحات الآخرين (أي مجموعة من "الدبابيس" ، عادةً ما يكون لها عنصر مشترك theme) وتصفح ما قام المستخدمون الآخرون بتثبيته

مشكلة

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

بدأ Pinterest PWA لأنهم كانوا يركزون على النمو الدولي ، مما قادهم إلى ويب المحمول.

المحلول

على مدار 3 أشهر ، أعادت Pinterest بناء تجربة الويب على الأجهزة المحمولة باستخدام React و Redux و webpack. أدت إعادة كتابة الويب على الهاتف المحمول إلى العديد من التحسينات الإيجابية في مقاييس الأعمال الأساسية.

النتائج

أدت إعادة كتابة الويب على الهاتف المحمول إلى العديد من التحسينات في الأداء.

ارتفع الوقت المستغرق بنسبة 40٪ مقارنةً بتجربة الويب القديمة للجوال ، وارتفعت أرباح الإعلانات التي ينتجها المستخدمون بنسبة 44٪ وارتفعت المشاركات الأساسية بنسبة 60٪ :

كانت تجربة الويب القديمة على الهاتف المحمول من Pinterest عبارة عن وحدة متجانسة - فقد تضمنت حزمًا كبيرة من JavaScript ثقيلًا في وحدة المعالجة المركزية (CPU) والتي دفعت السرعة التي يمكن أن يتم بها تحميل صفحات Pin والحصول عليها بشكل تفاعلي.

تعد تجربة الويب الجديدة للهاتف المحمول الخاصة بهم تحسينًا جذريًا.

لم يقتصر الأمر على تفكيك وإزالة مئات كيلوبايت من JavaScript ، مما أدى إلى تقليل حجم الحزمة الأساسية الخاصة بهم من 650 كيلوبايت إلى 150 كيلوبايت ، بل قاموا أيضًا بتحسين مقاييس الأداء الرئيسية. انخفض First Meaningful Paint من 4.2 ثانية إلى 1.8 ثانية و Time To Interactive انخفض من 23 ثانية إلى 5.6 ثانية.

على الرغم من أن تطبيقات Pinterest البائعين لنظامي التشغيل iOS و Android ، فقد تمكنوا من تقديم نفس تجربة التغذية المنزلية الأساسية التي تقوم بها هذه التطبيقات على الويب بجزء بسيط من تكلفة التنزيل الأولية - فقط حوالي 150 كيلو بايت مصغر ومضغوط. يتناقض هذا مع 9.6 ميجابايت المطلوبة لتقديم هذه التجربة لنظام Android و 56 ميجابايت لنظام التشغيل iOS

تويتر

كما تعلم بالفعل ، فإن Twitter عبارة عن منصة وسائط اجتماعية ، حيث ينشر الأشخاص رسائل قصيرة تسمى التغريدات. تم إنشاؤه في مارس 2006. الآن لديه أكثر من 335 مليون مستخدم نشط (يوليو 2018).

مشكلة

لاحظ موقع تويتر أنه يتعين على المستخدمين التغلب على العديد من العقبات أثناء استخدام موقع الويب الخاص بالهواتف المحمولة.

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

المحلول

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

نتائج

كانت النتائج مبهرة للغاية - الأرقام تتحدث عن نفسها:

• 20٪ انخفاض في معدل الارتداد ،
• 65٪ زيادة في عدد الصفحات في الجلسة ،
• 75٪ ارتفاع في التغريدات المرسلة.

كما هو الحال في قصص النجاح السابقة ، أدى موجه " الإضافة إلى الشاشة الرئيسية " وإشعارات الدفع إلى زيادة تفاعل المستخدم بشكل كبير . كما ورد في دراسة الحالة هذه ، لاحظ Twitter أن 250000 مستخدم فريد يوميًا يشغل Twitter Lite من الشاشة الرئيسية 4 مرات في اليوم في المتوسط. علاوة على ذلك ، يرسلون أكثر من 10 ملايين إشعار دفع يوميًا.

وفقًا لنوايا Twitter ، يشغل PWA مساحة أقل بكثير (600 كيلوبايت فقط) من تطبيق Android الأصلي (23.5 ميجابايت) ، لذلك هناك احتمال أكبر بأن يكون لدى الأشخاص مساحة كافية في وحدة التخزين الداخلية الخاصة بهم لحفظها.

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

 يوصى بالقراءة: PWA SEO: هل تطبيقات الويب التقدمية (PWAs) تفيد تحسين محركات البحث؟ (مع الإحصائيات والأمثلة)

احتضان مستقبل المواقع الإلكترونية

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

في الماضي ، كان لدى Apple بعض القيود على تطبيقات الويب التقدمية ، ومع ذلك ، فهي الآن تدعم بشكل متزايد تطبيقات الويب التقدمية. للتجار عبر الإنترنت الذين يبحثون عن PWA مثالي شامل لمواقع التجارة الإلكترونية Magento ، هنا في SimiCart نقدم حزمة كاملة لك ولمتجرك.