الخطوات الأولى

الخطوات الأولى

تطبيقات الويب التقدّمية لا تزال عبارة عن مواقع إلكترونية مزوّدة بميزات وإمكانات محسَّنة. وهي غير مرتبطة بحزمة تكنولوجيا معيّنة، ويمكنك البدء من نقطة الصفر من خلال موقع إلكتروني جديد أو تعديل موقعك الإلكتروني الحالي بدون إجراء إصلاح كامل. ستتعرّف في هذا الدليل على كيفية تنفيذ نمط تطبيق الويب التقدّمي (PWA) بشكل جيد. في ما يلي بعض الاستراتيجيات لمساعدتك على البدء:

جعله قابلاً للتثبيت

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

التركيز على ميزة

اختَر ميزة جديدة، مثل الإشعارات الفورية أو معالجة الملفات، التي ستؤثر بشكل كبير في المستخدمين أو نشاطك التجاري. سيتيح لك ذلك استكشاف مجموعة أدوات الويب التقدّمية (PWA) بدون إجراء عدد كبير من التغييرات دُفعة واحدة.

إنشاء نسخة بسيطة

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

البدء من الألف إلى الياء

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

ترقية تطبيق متجر

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

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

قائمة التحقق في تطبيق الويب التقدّمي (PWA)

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

على الرغم من عدم وجود قواعد فريدة بين جميع المتصفّحات، هناك مجموعة من الاقتراحات، تُسمى قائمة التحقّق من تطبيق الويب التقدّمي، لمساعدتك في إنشاء تطبيق ويب تقدّمي (PWA) ينال إعجاب المستخدمين.

المتطلبات الأساسية

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

المتطلبات الأساسية هي:

يبدأ العمل بسرعة، ويبقى سريعًا

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

إمكانية الاستخدام على أي متصفّح

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

التجاوب مع أي حجم شاشة

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

توفير صفحة مخصّصة بلا إنترنت

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

قابل للتثبيت

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

الخصائص المثلى لتطبيق الويب التقدّمي (PWA)

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

توفير تجربة بلا اتصال بالإنترنت

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

يمكن الوصول إليه بشكل كامل

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

استخدام إمكانات فعّالة متى أمكن

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

يأتي أكثر من نصف عدد الزيارات إلى الموقع الإلكتروني من البحث المجاني. إنّ التأكّد من توفّر عناوين URL أساسية للمحتوى وأنّ محركات البحث يمكنها فهرسة موقعك الإلكتروني أمر بالغ الأهمية ليتمكّن المستخدمون من العثور على تطبيق الويب التقدّمي (PWA).

إمكانية الاستخدام مع أي نوع إدخال

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

توفير سياق لطلبات الأذونات

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

اتّباع أفضل الممارسات لإنشاء رموز برمجية سليمة

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

المراجِع