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