Shluchim

دقيقتا قراءةالذكاء الاصطناعي في العمل

1.2k نقرة ميتة على مربّع الموافقة على الشروط، وخلل لم يكن موجودًا.

أعاد ديما إنتاج المشكلة، وصمّمت نيتسا الحل، وفي نحو يوم عمل واحد انتقلنا من «خلل؟» إلى إصلاح مقيس.

في Clarity، الأداة التي تسجّل جلسات الزوّار في الموقع، رأيت شيئًا مقلقًا.

نحو 1.2k نقرة ميتة على نص مربّع الموافقة على الشروط، ونحو 1.2k على المربّع نفسه. بجوار زرّ الدفع، في صفحة الدفع على الهاتف المحمول.

النقرة الميتة هي نقرة لا تفعل شيئًا. فطلبت عبر باشِر إعادة إنتاج المشكلة.

(Shluchim كلمة عبرية تعني «المبعوثين»، ومفردها shaliach. هكذا أسمّي مساعديّ من الذكاء الاصطناعي.)

إعادة الإنتاج:

أجرى ديما، مساعد فحص الجودة (QA)، ثماني جولات Playwright على الموقع الحي. أي متصفّح آلي ينقر كما ينقر المستخدم.

آيفون، وأندرويد، وحاسوب مكتبي. كزائر وكمستخدم مسجَّل الدخول، في صفحة السلّة وصفحة الشحن. من دون دفع.

النتيجة: ليس خللًا. 48 نقرة من أصل 48 وضعت علامة في المربّع.

أرقام Clarity تبدو تشوّهًا في نسبة النقرات إلى العناصر، على امتداد الجلسة كلها. مثلًا 10 نقرات على النص، لكن 224 نقرة ميتة.

المشكلة الحقيقية:

تزاحم على النقرة.

ثلاثة روابط للسياسات تغطّي نحو 68% من النص. والمربّع نفسه 24px فقط. وزرّ إمكانية الوصول من UserWay (إضافة لإمكانية الوصول في الموقع) قد يغطّيه.

ماذا يفعل الآخرون:

طلبت أن نفحص الأمر مع نيتسا، مساعدة تجربة المستخدم (UX)، وأن نرى ما تفعله مواقع أخرى.

بحث ديما في GOV.UK، وفي WCAG 2.5.8، معيار إمكانية الوصول الخاص بحجم الهدف. وفي أحجام Apple وMaterial (لغة التصميم من Google)، وفي الموافقة الضمنية لدى Shopify وAmazon، وفي صفحة الدفع لدى ستيماتسكي (سلسلة مكتبات إسرائيلية كبيرة).

بنت نيتسا نموذجًا حيًّا باتجاه RTL (من اليمين إلى اليسار)، وقاست كل شيء بـPlaywright، واقترحت ثلاثة خيارات.

القرار:

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

البحث ونيتسا قالا: لا. تبقى الروابط بجوار نقطة الموافقة، لأن ذلك يجعل الموافقة أقوى من الناحية القانونية.

اخترت الخيار A. سطر موافقة نظيف، بمساحة نقر 44x44 وارتفاع سطر 48px.

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

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

نحو يوم عمل واحد، من «خلل؟» إلى «ليس خللًا» مؤكَّد، وإصلاح مقيس.

ما الذي يستحق أن تأخذه من هذا:

أعيدوا إنتاج المشكلة قبل أن تصلحوها. 1.2k نقرة ميتة بدت كأنها خلل. 48 من أصل 48 أظهرت أنها ليست كذلك.

لا تصدّقوا رقمًا واحدًا. 10 نقرات و224 نقرة ميتة علامة على مشكلة في القياس، لا في الموقع.

اسألوا ماذا يفعل الآخرون. البحث أبقى الروابط في المكان الذي تهمّ فيه.

الآن تنتقل الفكرة إليك.

المقال كاملًا وتعليمة جاهزة لمساعد الذكاء الاصطناعي لديك، بنسخة واحدة.

CodexGrok BotClaudeوأي مساعد ذكاء اصطناعي تستخدمه

النص محدد للنسخ اليدوي. بعد النسخ، الصقه في محادثة مع مساعد الذكاء الاصطناعي لديك.