اختيار الحجم المناسب لأهداف النقر

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

نظرة عامة

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

التوصيات

يجب التأكد من أن حجم أهداف النقر الأكثر أهمية على موقعك، والتي يستعين بها المستخدم كثيرًا، كبيرة بشكل يكفي للضغط بسهولة؛ أي 48 بكسل CSS على الأقل من حيث الطول/العرض (بافتراض أنك هيأت إطار العرض بشكل سليم). أما الروابط التي لا يتم استخدامها كثيرًا، فيمكن أن تكون أصغر من ذلك، ولكن لا يزال يجب ترك مساحة بينها وبين الروابط الأخرى، حتى لا يؤيد وجود لوحة أصابع بمقاس 10 ملم إلى الضغط بدون قصد على رابطين مرة واحدة. ومن المفترض ألا يضطر المستخدمون إلى الضغط على تكبير/تصغير (أو الاعتماد على ميزات واجهة مستخدم المتصفح الأخرى للتمييز بين نقرات الأصابع، مثل عدسة التكبير المنبثقة في Chrome) حتى يكون بإمكانهم الضغط بثقة وسهولة على الزر أو الرابط المطلوب.

تكبير أهداف النقر المهمة بقدر يكفي للضغط عليها بسهولة

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

التأكد من وجود مسافة كافية بين أهداف النقر الصغيرة

من المعقول أن تكون الروابط والأزرار التي لا تُستخدم بكثرة أصغر من الحجم الموصى به وهو 7 ملم، ولكن لا يزال يجب ألا تكون هناك أهداف نقر أخرى على بعد 5 ملم (32 بكسل CSS)، سواء أفقيًا أم عموديًا حتى لا يلمس المستخدم الذي يريد الضغط بإصبعه على هدف نقر هدف نقر آخر بدون قصد.