اختبار النماذج

في الوحدات السابقة، تعلمت كيفية إنشاء نموذج، ومساعدة المستخدمين على تجنب إعادة إدخال البيانات، وكيفية التحقق من صحة بيانات النموذج. كيف يمكنك الآن التأكد من أنّ النموذج سهل للاستخدام؟ يمكنك اختبار النموذج وتحليله للإجابة عن هذا السؤال.

هل يعمل النموذج على أجهزة أخرى؟

تبدأ بتأكيد أنّ النموذج يعمل على جهازك. ومع ذلك، هناك العديد من أنواع الأجهزة التي قد يستخدمها المستخدمون. كيف يمكنك اختبار ما إذا كان النموذج يعمل مع أجهزة أخرى؟

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

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

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

كيف يمكنك اختبار ما إذا كان النموذج يلبّي احتياجات المستخدمين الآخرين؟

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

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

كيف يمكنك قياس مستوى أداء النموذج؟

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

إحصاءات PageSpeed (PSI)

تقيس أداة PSI أداء موقعك الإلكتروني وتقدّم لك تلميحات عن كيفية تحسينه.

جرِّب بنفسك: توفّر PageSpeed تقرير أداء باستخدام بيانات المختبر والحقول. الموقع الإلكتروني السريع هو أول إشارة إلى أنّ النموذج سهل الاستخدام. هل موقعك الإلكتروني ليس سريعًا بعد؟ تعرض لك PSI اقتراحات حول كيفية تحسين الأداء.

ألقِ نظرة مرة أخرى على تقرير موقعك الإلكتروني الذي اختبرته من قبل من خلال PSI. هل تريد الاطّلاع على المعلومات حول مؤشرات أداء الويب الأساسية؟ وهذا ملخّص إذا كان موقعك الإلكتروني يستوفي معايير "مؤشرات أداء الويب الأساسية". تساعدك "مؤشرات أداء الويب الأساسية" في فهم تجربة المستخدمين مع صفحة الويب.

منارة

تساعدك أداة Lighthouse في تحديد مشاكل الأداء وتحسين محركات البحث (SEO) وأفضل الممارسات ومشاكل الوصول.

هناك طرق مختلفة لاستخدام Lighthouse. أحد الخيارات المتاحة هو تشغيله مباشرةً في DevTools. افتح عنوان URL باستخدام النموذج في Chrome، وافتح "أدوات مطوري البرامج"، وبدّل إلى علامة التبويب Lighthouse، ونفِّذ عملية التدقيق.

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

أدوات لتحديد المشاكل الشائعة

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

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

كيف يمكنك مراقبة تجربة النموذج؟

تساعدك مراقبة تجربة المستخدم الحقيقية للنماذج في تحديد المشاكل الجديدة بسرعة. دعونا نرى كيف يمكنك مراقبة النموذج.

مؤشر معايير التلوّث

ويمكنك استخدام أداة PSI مرة أخرى لمراقبة التجربة. يمكنك استخدام PSI API لإنشاء أداة مراقبة خاصة بك: توضّح PageSpeed Insights API كيفية إجراء ذلك.

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

منارة

يمكن استخدام Lighthouse كأداة سطر الأوامر كوحدة عقدة أو مع أدوات Lighthouse CI. توضّح مراقبة الأداء باستخدام Lighthouse CI إضافة Lighthouse إلى نظام تكامل مستمر، مثل GitHub Actions.

وهناك العديد من tools المتاحة لقياس موقعك الإلكتروني ومراقبته. يتوفّر بعضها كأدوات ويب، ويتيح لك بعضها إجراء التدقيق على سطر الأوامر، والبعض الآخر يوفّر واجهة برمجة تطبيقات لدمجها في أدواتك.

كيفية تحليل النموذج

لقد اختبرت نموذجك مع مستخدمين حقيقيين، وتعلمت كيفية قياسه ومراقبته. كيف يمكنك جمع إحصاءات حول المستخدمين وكيفية تفاعلهم مع النموذج؟ يمكنك استخدام أداة إحصاءات. لنلقِ نظرة على أحد هذه الأمثلة وكيف يعمل.

الإحصاءات

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

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

يمكنك أيضًا إعداد تقارير إحصاءات أكثر تقدّمًا. هل تريد تتبع عدد المستخدمين الذين ينقرون على زر إرسال؟ يمكنك تحديد الأحداث ودمجها لتحليلها.

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

التحقق من فهمك

اختبر معلوماتك عن نماذج الاختبار

المراجِع

• بدء قياس "مؤشرات أداء الويب"
• مؤشرات أداء الويب الأساسية
• سبب اختلاف بيانات المختبرات عن بيانات الحقول
• "إحصاءات Google": لمحة عن الأحداث