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

مفهوم نماذج الويب

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

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

يمكن عرض الأخطاء للمستخدم بطريقتين شائعتين:

• مباشرة بعد إرسال البيانات (عملية التحقق من الصحة بعد إرسال المعلومات)
• على الفور (آلية التحقق المضمّنة عند ابتعاد التركيز – focus – عن جزء من النموذج)

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

يمكن عرض الرسائل داخل النموذج بطرق مختلفة:

• في شكل علامة صح خضراء وتعني ملء صحيح للحقل
• علامة خطأ حمراء وتعني ملء غير صحيح
• إبراز الحقول التي لاتحتوي على أخطاء بإطار أخضر خاص
• تسليط الضوء على الحقول التي فيها أخطاء بإطار أحمر خاص
• رسالة نصية مع تلميح (hint) في حالة قيام المستخدم بملء الحقل بشكل غير صحيح
• النوافذ المنبثقة (pop-ups)

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

• زاد معدل نجاح ملء الاستمارات بنسبة 25٪
• انخفض عدد الأخطاء بنسبة 22٪
• زاد الرضا عن المنتج بنسبة 31٪
• انخفض وقت ملء النموذج بنسبة 41٪
• زاد عدد المستخدمين الذين يزعمون أن ملء النموذج كان يستحق الجهد بنسبة 22٪

بالإضافة إلى ذلك، يؤثر المستوى الذي يجب على المستخدم إدخال المعلومات عنده في الحقول على مستوى التفاعل مع النموذج على الموقع. هناك نوعان من سياسات التحقق من الصحة:

1. سياسات التحقق المعقّدة
2. سياسات التحقق البسيطة

سياسات التحقق المعقدة

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

سياسات التحقق البسيطة

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

اختبار قابلية استخدام النماذج (Usability Testing)

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

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

وفي الختام

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

بالتوفيق للجميع…

* المصدر: https://www.softwaretestingmagazine.com/knowledge/how-to-test-web-forms-for-usability

** الصورة من موقع: https://uxdesign.cc/user-testing-everything-you-need-to-know-4957fec25f83