Reddit PWA: كيف تستخدم وسائل التواصل الاجتماعي الرائدة تطبيق الويب

يعد اعتماد التقنيات الجديدة جزءًا لا مفر منه من الابتكار والنمو للشركات عبر الإنترنت. بشكل عام ، يمكن للشركات الكبرى تجربة أحدث الأدوات بسهولة ، مما يعزز رضا العملاء ويبرز في المنافسة. سيكون PWA هو الشيء الكبير التالي ، الذي تتبناه العديد من العلامات التجارية العملاقة مثل Reddit PWA و Facebook PWA و Alibaba PWA.

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

نظرة عامة على Reddit

تأسست Reddit في 2005 من قبل Steve Huffman و Alexis Ohanian من جامعة فيرجينيا. كان اسمه عبارة عن تعديل على الرد "قرأته" عندما يريد الآخرون مشاركة قصة.

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

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

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

جمهورهم المستهدف الرئيسي هم الطلاب الجامعيين والزملاء المتمرسين في الإنترنت والمدافعين عن وسائل التواصل الاجتماعي الذين تتراوح أعمارهم بين 18 و 29 عامًا. لقد احتلت المرتبة العاشرة كأكثر شبكة اجتماعية شعبية في الولايات المتحدة مع ما يقرب من 48 مليون مستخدم نشط شهريًا وأكثر من 430 مليون مستخدم نشط شهريًا في جميع أنحاء العالم.

كيف يساعد دمج PWA على تعزيز الإنجازات للعلامات التجارية

تسريع تجربة المستخدم

تأتي العديد من العلامات التجارية إلى PWA لتعزيز سرعة تحميل تطبيقاتهم. خذ حالة Uber PWA كمثال. مع العلم أن عملائهم (في معظم الأحيان) يستخدمون Uber في عجلة من أمرهم ، فقد أنشأوا Uber PWA صغيرًا ولكنه قوي يمكن تحميله في غضون 3 ثوانٍ ، حتى في ظل اتصالات بطيئة مثل 2G.

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

اكتشف وول مارت أيضًا أنه من خلال التحسين لمدة ثانية واحدة فقط في وقت التحميل ، زاد معدل التحويل بالفعل بنسبة 2٪.

زيادة قيمة العميل

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

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

يمكن لـ PWA تمكين دفع الإشعارات في الأوقات الحرجة ، وبالتالي إعادة الاتصال بالمستخدمين المتكررين للمشاركة ، مما يؤدي إلى زيادة قيمة الأعمال التجارية عبر الإنترنت.

طمس على الإنترنت - المسافة دون اتصال

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

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

تعمل جميع الأجهزة بنفس الطريقة

يمكن للشركات الصغيرة تخصيص ميزانيات للاستثمارات الأساسية الأخرى مع توفير التكاليف على تكامل PWA.

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

هذه هي الطريقة التي يمكن بها للشركات النامية زيادة إيراداتها بكفاءة.

تحديات Reddit قبل تكامل PWA

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

تُظهر البيانات أن أحد أهم عيوب استخدام التطبيقات هو استهلاك مساحة تخزين كبيرة. في المقابل ، يتطلب تثبيت PWA أقل من 1 ميغا بايت.

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

نتائج Reddit PWA

حول التصميم

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

تعتبر العلامات المنبثقة مثل "تثبيت التطبيق على الشاشة الرئيسية" سهلة الاستخدام وضرورية لتشجيع الزوار على استخدام التطبيقات.

حول الوظيفة

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

كيفية بناء PWA مثل Reddit؟

نصائح مع Reddit PWA

تأكد من تغطية متطلبات PWA الأساسية. يجب أن يبدأ بسرعة ولكن أيضًا يظل سريعًا طوال رحلة المستخدم. يُظهر Reddit PWA سرعة فائقة من التحميل الأول ، ويظهر كل المحتوى على الفور أثناء التمرير ، مما يضمن تجربة مستخدم سريعة الاستجابة.

حصريًا على نظام التشغيل iOS ، لا تدعم Apple ميزات إعادة المشاركة مثل الرسائل المنبثقة والإشعارات لتثبيت PWA.

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

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

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

تتيح لك وجهة النظر هذه الالتزام باستجابة السوق خطوة بخطوة. يمكن أن يحدد تحليل البيانات المتعقبة الميزات التي يحب المستخدمون استخدامها أكثر وما لا يجلب لهم قيمة.

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

مقدمة مبسطة لتطوير PWA

اعداد

أنشئ دليل التطبيق واملأ الدلائل الفرعية js و CSS والصور هنا.

كتابة العلامات لواجهة التطبيق

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

بدلاً من ذلك ، يجب أن تكون جميع التفاعلات سريعة الاستجابة ويتم عرضها بشكل صحيح عبر مجموعة واسعة من الشاشات. يتطلب هذا مراعاة التوجيه المتوافق مع الجوّال.

اختبار التطبيق

بمجرد حدوث شيء ما في المتصفح ، يمكنك اختباره باستخدام منارة Google لمعرفة مدى أدائه لمعايير PWA.

اضغط على F12 للوحة مطور Chrome المفتوحة في موقعك العام ، وابحث عن علامة تبويب التدقيقات ، وانقر على Lighthouse.

عامل خدمة

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

بيان التطبيق

مطلوب بيان التطبيق مع عامل الخدمة لتحديد كيف سيبدو PWA الخاص بك وكيف يتصرف على الشاشة الرئيسية. يمكنك إعداد الاسم والرمز ولون النسق واتجاه التطبيق.

يتم إحتوائه

يكتمل الرمز حتى هذه المرحلة ، لكنك تحتاج إلى تحميل التطبيق على خادم ويب. سيمكن هذا PWA الخاص بك من العمل تحت أمان HTTPS.

تطوير PWA المتميز للتجارة الإلكترونية بواسطة Tigren

خبرتنا

بصفتها مزود خدمات Magento محترف منذ عقد من الزمن ، تعد Tigren الآن واحدة من أفضل وكالات الاستعانة بمصادر خارجية على مستوى العالم.

بدأ كل شيء بفريق صغير من المطورين المدربين تدريباً عالياً والمهارة والتفاني والذين يسعون جاهدين لتحقيق أهداف عملائنا. حتى يومنا هذا ، قمنا بتنفيذ أكثر من 1000 مشروع لأكثر من 800 شركة صغيرة ومتوسطة عالمية.

مقرها في فيتنام ، نأمل في مساعدة أكبر عدد ممكن من أصحاب الأعمال الطموحين في مشاريع التجارة الإلكترونية Magento ذات المستوى العالمي التي يستحقونها ، ولكن بأسعار معقولة ومعقولة ، قدر الإمكان.

خدماتنا

نحن وكالة Magento المتخصصة التي تهدف إلى تقديم حلول نمو مستدامة للشركات الصغيرة والمتوسطة. مع PWA ، نقدم خدمتين متميزتين على النحو التالي:

• تطوير تطبيقات الويب التقدمية المخصصة
• قالب Tigren PWA المتميز

الماخذ الرئيسية

PWA هو مجرد المزيج الصحيح من التطبيقات المحلية والمواقع العادية التي تحقق قيمة حقيقية للمستخدمين النهائيين.

يتوقع الخبراء أنه سيكون الشيء الكبير التالي في العالم الرقمي ، وخاصة التجارة الإلكترونية. نأمل ، من خلال تعلم دراسة الحالة هذه لـ Reddit PWA ، أن تحصل على فكرة عن كيفية ابتكار موقع يساعد عملائك وربما تصبح أحد أوائل المتبنين لـ PWA.