مقدمة

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

توضح صفحة فهم معايير نجاح WCAG 2.2، القسم 2.5.8، "الحد الأدنى لحجم الهدف"، الصادرة عن W3C WAI، الحد الأدنى لحجم الهدف (المؤشر) وهو 24 × 24 بكسل CSS، مع خمسة استثناءات. كما تصف تقييمًا للمسافات في حالة الأهداف الأصغر من الحجم المطلوب. هذه مفاهيم خاصة بمحتوى الويب، وليست مواصفات مادية جاهزة بالملليمترات لشاشة لمس في آلة بيع.

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

إجابة سريعة

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

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

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

جدول المقارنة

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

من ينبغي عليه شراء هذا المنتج؟

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

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

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

كيف نقوم بتقييم آلات البيع الذكية

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

حدد الهدف النشط

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

قم بتقييم الحجم قبل المطالبة باستثناء التباعد

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

أدرج الجيران والولايات المتغيرة

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

عوامل الشراء الرئيسية

1. وحدات CSS والظروف المادية

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

2. التباعد هو تقييم ثنائي الأبعاد

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

3. لا يزال الجار الكبير مهماً

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

4. تتطلب الاستثناءات أدلة محددة

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

5. لا يُعدّ التكبير حلاً بديلاً للقياس

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

6. لا يُعدّ استيفاء الحد الأدنى ضمانًا لقابلية الاستخدام

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

أفضل آلات البيع الذكية

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

مقارنة الميزات

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

تحليل التكلفة والعائد على الاستثمار

ميزانية مراجعة توضيحية فقط: جميع الأرقام والنتائج هي مجرد افتراضات.لنفترض أن المشتري خصص 350 دولارًا أمريكيًا لمخزون المراقبة، و500 دولار أمريكي لمراجعة الهندسة والحالة، و250 دولارًا أمريكيًا للملاحظة التجريبية الميدانية. يبلغ الإنفاق الأولي 1100 دولار أمريكي. بافتراض أن تكاليف المتابعة السنوية 300 دولار أمريكي. لا تشمل هذه التكاليف المعدات والتنفيذ والتقييم الرسمي.

كمثال توضيحي، لنفترض أن إجمالي المساهمة السنوية المرتبطة بعمليات الشراء الإضافية المكتملة هي 1400 دولار أمريكي، أو 800 دولار أمريكي، أو 250 دولارًا أمريكيًا. هذه ليست فوائد مُقاسة أو توقعات. بطرح تكلفة المراجعة السنوية المفترضة، نحصل على صافي مساهمة قدره 1100 دولار أمريكي، أو 500 دولار أمريكي، أو سالب 50 دولارًا أمريكيًا. يجب أن يُميّز النموذج الحقيقي بين المساهمة والإيرادات.

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

الخيار الأفضل حسب السيناريو

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

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

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

التطبيقات

مراجعة عروض الأسعار

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

قبول الطيار

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

تغييرات في التصميم

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

التعليمات

التوصية النهائية

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

مصدر:W3C WAI، فهم SC 2.5.8: الحجم المستهدف (الحد الأدنى)تمت قراءة هذا المحتوى في 10 أكتوبر 2026، وتم تحديث الصفحة في 11 مايو 2026. هذا دليل إرشادي على الإنترنت. لم يتم تقييم التقنيات المرتبطة، والمعيار المُحسَّن، والمعيار المعياري الكامل. تعتمد أوصاف المنتجات على القوائم العامة المرتبطة والأدلة المسجلة في نفس التاريخ. لا يُدّعى إجراء أي اختبارات آلية، أو التوصل إلى نتائج امتثال، أو تحقيق أي مكاسب تجارية.

دعوة للعمل

اطلب عرض أسعار من شركة WEIMI مع دليل خاص بالتكوين والهدف والتصميم.صف تشكيلة المنتجات، وتجربة المستخدم المقدمة، والخدمات المتصلة. استفسر عن المناطق التي تقبل إدخال المؤشر، وكيفية مراجعة الأهداف المجاورة، وحالات واجهة المستخدم التي يمكن للمورد عرضها.

احصل على عرض سعر مخصص