أفضل 12 نموذجًا لتطبيقات الويب التقدمية (PWAs) في عام 2022
نشرت: 2022-01-03جدول المحتويات
ليس سراً أن الأداء أمر حيوي لنجاح وربحية أي مشروع عبر الإنترنت. نتيجة لذلك ، تستخدم مواقع الويب عبر الصناعات معيارًا جديدًا يسمى تطبيقات الويب التقدمية (PWAs) لتحسين أدائها.
بدعم من Google ، تهدف تقنية الواجهة الأمامية إلى تقديم مستوى عالٍ من الأداء بغض النظر عن حالة الجهاز أو الشبكة. إنهم يحققون ذلك من خلال تعزيز PWAs بصفات التطبيق المحلي التي يمكن الاعتماد عليها وسريعة وجذابة. أثناء تلقي الكثير من الاهتمام ، يعد مفهوم PWAs جديدًا نسبيًا لمعظم الناس.
لفهم كيف يختلف تطبيق الويب التقدمي عن مواقع الويب المتجاوبة التقليدية ، فإن أفضل طريقة هي إلقاء نظرة على بعض الأمثلة الجيدة لتطبيقات الويب التقدمية.
فيما يلي قائمة بأمثلة رائعة على تطبيقات الويب التقدمية عبر مجموعة متنوعة من الصناعات - حتى تتمكن من تجربة تقنية الويب الجديدة بنفسك.
1. ستاربكس
بهدف توفير طلبات الشراء عبر الإنترنت التي يمكن الوصول إليها وسهلة الاستخدام لجميع عملائها ، قامت ستاربكس ببناء PWA لنظام الطلب على الويب ، والذي يوفر تجربة مماثلة لتطبيقهم الأصلي الحالي. بعبارة أخرى ، مع قدرتها على العمل في وضع عدم الاتصال ، تتيح Starbucks PWA لعملائها تصفح القائمة وتخصيص طلباتهم وإضافة عناصر إلى عرباتهم - كل ذلك بدون وصول ثابت إلى الإنترنت. بمجرد الاتصال بالإنترنت ، يمكنهم عرض الأسعار الخاصة بالموقع وطلب الأطعمة والمشروبات الخاصة بهم.
نظرًا لأن معظم PWA متاح بدون اتصال بالشبكة ، فهو رائع للعملاء أثناء التنقل الذين قد يدخلون ويخرجون من الاتصال طوال اليوم أو الأسواق الناشئة مثل المجتمعات الريفية حيث يكون الاتصال أقل موثوقية. من خلال إطلاق طلب PWA الجديد ، شهدت ستاربكس بالفعل نتائج مهمة. يعد PWA أصغر بنسبة 99.84٪ من تطبيق iOS الحالي من Starbucks ، مما يجعل تطبيق الويب مفضلًا بين مستخدميه. ونتيجة لذلك ، فقد ضاعفوا عدد مستخدمي الويب الذين يقدمون طلبات كل يوم ، حيث يطلب مستخدمو سطح المكتب الآن بنفس معدل مستخدمي الأجهزة المحمولة.
2. دبنهامز
عند الحديث عن العلامات التجارية التي تعمل على تغيير تجربة التسوق الخاصة بها في صناعة الأزياء ، لا يمكنك تفويت فرصة زيارة دبنهام. أدركت العلامة التجارية الشهيرة في المملكة المتحدة أنه على الرغم من أن موقعها الإلكتروني القديم قد زاد من حركة المرور عبر الأجهزة المحمولة ، إلا أن معدل التحويل عبر الأجهزة المحمولة لم يكن ينمو. لذلك خلصوا إلى أن الوقت قد حان للتحول الرقمي ، وإلا فإن نموهم الرقمي والنمو الإجمالي سيتباطأ قريبًا. بحثت العلامة التجارية عن حل يمكن أن يقدم تجربة سلسة للمستخدمين ، خاصة على الأجهزة المحمولة.
كان PWA هو الحل للفريق في دبنهامز. بعد تحويل موقع الويب القديم إلى PWA ، أثمرت جهودهم بالتأكيد. لقد قاموا بتحسين تجربة العميل عن طريق إزالة الكتل في رحلة العميل - الصفحات البطيئة ، والبنية التي يصعب التنقل فيها ، وعملية الخروج المعقدة. بشكل عام ، تمتعت شركة Debenhams بزيادة قدرها 40٪ في إيرادات الهاتف المحمول وزيادة بنسبة 20٪ في التحويلات.
3. BMW
كعلامة تجارية رائدة في صناعة السيارات ، تثبت BMW أنها لا تخجل من التقنيات الجديدة ، سواء كان ذلك مع سياراتهم أو موقعهم على الإنترنت. من أجل تحسين تجربة العملاء ، سعت العلامة التجارية إلى تقديم محتوى عالي الجودة وجذاب يعكس قيمهم.
تقدم سيارة BMW's PWA الجديدة بالتأكيد تجربة "رائعة" للمستخدمين. أول شيء قد يلاحظه أي شخص هو الصور ومقاطع الفيديو عالية الدقة ، ويتم تحميل الويب على الفور إلى حد كبير بكل هذه الميزات (أسرع 4 مرات من الموقع القديم). أظهرت تقاريرهم أيضًا أرقامًا رائعة أخرى بعد إنشاء PWA : زيادة 4 أضعاف في عدد الأشخاص الذين ينقرون من الصفحة الرئيسية إلى موقع مبيعات BMW ؛ 50٪ نمو في مستخدمي الجوال و 49٪ زيادة في زيارات الموقع مقارنة بالموقع القديم.
4. Flipboard
بصفتها المجلة الاجتماعية الأكثر شهرة في العالم ، تسمح Flipboard للقراء بمواكبة جميع الموضوعات والأخبار والأحداث التي يهتمون بها ، من مكان واحد. بناءً على اهتمام المستخدم ، تجمع المنصة الأخبار والقصص من جميع أنحاء العالم معًا في شكل مجلة. يمكن لمستخدمي Flipboard متابعة مصادرهم المفضلة وحفظ القصص والصور ومقاطع الفيديو في مجلات Flipboard لقراءتها لاحقًا أو مشاركتها مع الآخرين.
Flipboard هو أحد أفضل الأمثلة على PWA للأخبار عبر الإنترنت. يقلل PWA من استخدام البيانات لتقديم تجربة تصفح سريعة وسلسة ، في واجهة جميلة. حتى إطلاق PWA ، كان Flipboard تطبيقًا للهاتف المحمول ، ولا يتم تقديمه إلا على الأجهزة المحمولة. ومن ثم ، يسمح PWA الآن لـ Flipboard بتقديم تجربة مماثلة لتطبيقهم الأصلي كامل الميزات على الويب ، مما يجعله متاحًا لمستخدمي سطح المكتب أيضًا.
5. Soundslice
Soundslice هو برنامج تعليم موسيقي متقدم على الويب يُحدث ثورة في كيفية تعلم الموسيقيين للموسيقى وممارستها. تستفيد الشركة من PWA لتقديم أفضل تجربة لإنشاء الموسيقى والتعلم. يجعل البرنامج المستند إلى PWA عملية تعلم قطعة موسيقية أسهل وأكثر كفاءة للموسيقيين العصاميين باستخدام مشغل موسيقى مبتكر. يتيح مشغل Soundslice للمستخدمين تعلم قطعة موسيقية أثناء قراءتها وسماعها على أي جهاز ، سواء كان هاتفًا أو سطح مكتب بشاشة كبيرة. علاوة على ذلك ، يمكن لمدرسي الموسيقى استخدام الأداة لإنشاء دروس موسيقية تفاعلية. مع التركيز على التعلم من التسجيلات ، تمتلك Soundslice أيضًا متجرًا يبيع الدروس والنسخ.
6. 2048 لعبة
تم إصدار لعبة الألغاز 2048 في الأصل كتطبيق مجاني لنظامي التشغيل Android و iOs في عام 2014. وأصبحت على الفور نجاحًا فيروسيًا مع أكثر من 4 ملايين مستخدم في أقل من أسبوع بعد إطلاقها. اللعبة بسيطة ومسببة للإدمان. وُصفت باسم "Candy Crush for math geeks" ، وهدفها هو دمج الكتل مع نفس الأرقام لإجمالي 2048 في النهاية. يتوفر إصدار رسمي من PWA على 2048game.com حتى يتمكن اللاعبون من الوصول الفوري من أي متصفح ويب. مع انتقالات سلسة وعرض ملء الشاشة ، من الصعب تمييز PWA بصرف النظر عن نظيره في التطبيق الأصلي. بالإضافة إلى ذلك ، يمكن تشغيل 2048 PWA بالكامل في وضع عدم الاتصال.
7. MakeMyTrip
يعد موقع MakeMyTrip.com مثالًا رائعًا على PWA. تستقبل شركة السفر الهندية الرائدة حوالي ثمانية ملايين زائر لموقعها على أساس شهري ، ويمثل عدد زيارات الهاتف المحمول ثلثيهم. نظرًا لأن الجوال أصبح القناة المفضلة للحجز بين عملاء MakeMyTrip ، فقد طوروا PWA أدى إلى تجربة ويب متنقلة سريعة وموثوقة ومصقولة.
زادت تجربة PWA الجديدة من معدل التحويل ثلاث مرات من خلال تقليل أوقات تحميل الصفحة بنسبة 38٪. مقارنة بموقعها المحمول السابق ، حققت MakeMyTrip زيادة بنسبة 160٪ في جلسات المستخدمين وخفضت معدل الارتداد بنسبة 20٪ .
8. اوبر
مع توسع الشركة في أسواق جديدة ، تمت إعادة بناء شبكة أوبر الخاصة بها من الصفر باعتبارها PWA لتقديم تجربة حجز مماثلة لتطبيق الهاتف المحمول الأصلي. تم تصميم Uber PWA لجعل حجز السيارة قابلاً للتطبيق على شبكات 2G منخفضة السرعة. تم تصميم PWA حول مفهوم تجربة شبيهة بالتطبيق يمكن الوصول إليها من جميع المتصفحات الحديثة ، ويعتبر PWA رائعًا للركاب على الأجهزة المنخفضة ، والتي قد لا تكون متوافقة مع تطبيق Uber الأصلي.
من خلال تقديم التجربة الأصلية في تطبيق ويب فائق الخفة ، مكَّنت أوبر طلبات الركوب السريع بغض النظر عن الموقع وسرعة الشبكة والجهاز. يسمح التطبيق الأساسي الذي يبلغ حجمه 50 كيلوبايت فقط بالتحميل في غضون 3 ثوانٍ على شبكات 2G.
9.كوبا (بادبيبر )
Kopa (المعروفة سابقًا باسم Padpiper) هي منصة لمساعدة الطلاب في العثور بسهولة على سكن موثوق به لشروط المدرسة والتدريب الداخلي ، والسماح لأصحاب العقارات بالعثور بسرعة على مستأجرين مناسبين لمساحاتهم. في الواقع ، تدعم المنصة الآن 9000 مدرسة ولديها أكثر من 100 قائمة على PWA. لقد تحققوا من الملاك وسردوا المراجعات لتوفير الوقت للطلاب في العثور على أفضل ما يناسبهم. بمجرد أن يضيف الطلاب عنوان العمل ، يمكنهم البحث عن اتجاهات للعمل من كل قائمة في صفحة النتائج. يمكن لتطبيق الويب أيضًا ربط الطلاب بالآخرين الذين يعملون بالقرب منهم أو معرفة مكان زملائهم في الدراسة.
10. بينتيريست
مع التركيز على النمو الدولي ، بدأت Pinterest تجربتها الجديدة على الويب على الأجهزة المحمولة من الألف إلى الياء باعتبارها PWA. اكتشفت الشبكة الاجتماعية أن 1٪ فقط من مستخدمي الأجهزة المحمولة يتحولون إلى عمليات تسجيل أو تسجيل دخول أو عمليات تثبيت تطبيقات ، وذلك بسبب الأداء الضعيف على الأجهزة المحمولة.
لإدراك أن فرصة تحسين التحويل كانت ضخمة ، لذلك أعادوا بناء شبكة الويب باستخدام تقنية PWA ، مما أدى إلى العديد من النتائج الإيجابية: ارتفع الوقت المنقضي بنسبة 40٪ مقارنةً بشبكة الجوّال السابقة ، زادت عائدات الإعلانات التي ينتجها المستخدمون 44٪ وارتفعت المشاركات الأساسية بنسبة 60٪
11. لذيذ
Yummly هي منصة اكتشاف الطهي الذكية التي تتعلم مذاق الفرد واحتياجاته الغذائية ومستوى المهارة والمزيد للتوصية بالوصفات الشخصية وقوائم التسوق وتسليم البقالة لمدة ساعة واحدة. إلى جانب تطبيق Android و iOS الأصلي ، يتوفر Yummly أيضًا على متصفحات الويب باعتباره PWA. يقدم The Yummly PWA ، مثله مثل وجوده الأصلي ، محرك بحث عن الطعام والطهي والوصفات. يسمح للمستخدمين بالبحث من بين أكثر من مليون وصفة ، مصدرها أفضل مواقع الأطعمة أو المدونات المتخصصة أو العلامات التجارية للأطعمة المحلية. علاوة على ذلك ، يمكن تصفية نتائج البحث حسب المكون ، والنظام الغذائي ، والحساسية ، والتغذية ، والسعر ، والمطبخ ، والوقت ، والمذاق ، ودورات الوجبات والمزيد.
12. Spotify
مشغل الموسيقى المفضل لديك الآن يعمل بنظام PWA. نظرًا لبعض الخلاف بين Spotify و Apple بخصوص عمولة متجر التطبيقات بنسبة 30٪ من Apple ، وجدت Spotify أنها فرصة مناسبة لبدء تطوير إصدار PWA من تطبيقهم - كما فعلت العديد من العلامات التجارية الكبرى الأخرى. بالمقارنة مع نظيره في التطبيق الأصلي ، فإن إصدار PWA أسرع بشكل كبير مع واجهة مستخدم فريدة وقابلة للتكيف تغير خلفيتها مع تقدم المستخدم من خلال التطبيق. مثل العديد من PWAs الأخرى ، يُطلب من المستخدمين أيضًا إضافة Spotify PWA إلى شاشتهم الرئيسية ، مما يجعل Spotify PWA أكثر سهولة ومتساوية مع إصداراته الأخرى.
تغليف
يمكن تطبيق PWA على العديد من أقسام مجال التكنولوجيا ، من ألعاب PWA إلى PWA Magento. لفهم المزيد عن PWA وحالات استخدامها في مجالك المحدد ، يرجى مراجعة مقالاتنا المخصصة الأخرى:
قراءة متعمقة
