تركيب تجريدي لمنتج يمر عبر طبقات تحقق تمثل المتغير والكمية والمخزون قبل بوابة الدفع
MOLLKOM / GUIDESMOLLKOM / SHOPPING EXPERIENCE
تحقّق قبل الدفع
مسار مادي يحمل كتلة منتج عبر ثلاث حلقات تحقق: المتغير، والكمية، والمخزون. لا تصل الكتلة إلى فتحة الدفع إلا بعد تطابق الحلقات، في تجسيد للسلة بوصفها طبقة تحقق لا محطة انتظار.61%من المواقع المقاسة تجعل تعديل كمية السلة أصعب من اللازم
جميع المقالات
إطلاق المتجر وتجربة الشراء

إنشاء متجر إلكتروني: اجعل السلة شاشة تحقق قبل الدفع

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

عبداللطيف أحمد جنيد8 دقائق قراءة
THE THESIS

السلة الجيدة لا تحفظ اختيار العميل فحسب؛ بل تثبت له أن المنتج الصحيح، بمتغيره وكميته وسعره الصحيح، سيعبر إلى الدفع بلا حاجة إلى الرجوع أو التخمين.

EVIDENCE · 0157%

لا تستخدم أزراراً ظاهرة لاختيار المقاس

إخفاء المقاسات داخل قائمة منسدلة يؤخر اكتشاف الخيارات غير المتاحة ويجعل اختيار المتغير أقل قابلية للفحص.

Baymard — Product Page UX Best Practices 2026
EVIDENCE · 0261%

تستخدم تحكماً غير ملائم لكمية السلة

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

Baymard — Use Buttons for Updating Cart Quantity
EVIDENCE · 0330%

قد يغادرون عند مواجهة طريق مسدود لنفاد المنتج

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

Baymard — Handling Out-of-Stock Products
01 / 01 / المشكلة

السلة تختبر ذاكرة العميل

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

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

تبدأ المشكلة قبل السلة. يبيّن معيار Baymard لعام 2026 أن 57% من المواقع المقاسة لا تعرض المقاسات في أزرار ظاهرة، بل تخفيها في واجهات أقل قابلية للمسح. كما لا يعرض 67% تقديراً للتكلفة الكلية قرب منطقة الشراء. حين يصل الاختيار الناقص إلى السلة، تتحول السلة من نقطة تأكيد إلى نقطة بحث جديدة. (baymard.com)

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

إذا احتاج العميل إلى تذكّر ما اختاره، فقد فشلت السلة في عرضه.
DATA / EVIDENCE

ما الذي يبقى غامضاً قبل السلة؟

نسبة المواقع المقاسة التي لا تطبق ممارسات تساعد العميل على التحقق من المنتج والصفقة في صفحة المنتج.

0167% من المواقع

لا تعرض تقديراً للتكلفة الكلية

قرب منطقة الشراء

0257% من المواقع

لا تستخدم أزراراً ظاهرة للمقاس

المقاسات مخفية في واجهة أقل وضوحاً

0344% من المواقع

لا تعرض أو تربط سياسة الإرجاع

من المحتوى الرئيسي لصفحة المنتج

0437% من المواقع

لا توفر صورة توضّح المقياس

يصعب تقدير الحجم الفعلي

المنهجية: قيم من معيار Baymard المنشور لعام 2026. تمثل النسب انتشار غياب كل ممارسة، ولا تقيس أثرها المنفرد على التحويل. تختلف ملاءمة بعض الممارسات باختلاف فئة المنتج.المصدر: Baymard — Product Page UX Best Practices 2026
02 / 02 / ما تغيّر

المتغير هو وحدة البيع

الطلب لا يشتري صفحة منتج؛ يشتري معرّفاً محدداً للون أو المقاس أو السعة، بكمية وموقع مخزون ووعد وصول.

تجاوز عدد عمليات التجارة الإلكترونية المنفذة ببطاقات مدى 1.77 مليار عملية في 2025، مقابل نحو 348 مليوناً في 2021. الرقم لا يمثل السوق كله، لكنه يوضح اتساع الاعتماد على الشراء الرقمي في المملكة. مع هذا الحجم، لا تكفي إضافة وسائل دفع أكثر إذا كان المتجر يمرر إلى الدفع منتجاً غير واضح أو متغيراً غير متاح. (sama.gov.sa)

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

الواجهة تعرض منتجاً؛ التشغيل ينفذ متغيراً.
DATA / EVIDENCE

التجارة الإلكترونية عبر بطاقات مدى تتسع

عدد عمليات التجارة الإلكترونية المنفذة ببطاقات مدى بين 2021 و2025.

012021347.7 مليون عملية

022022610.6 مليون عملية

032023873.7 مليون عملية

0420241,125.9 مليون عملية

0520251,770.8 مليون عملية

المنهجية: حُولت الأرقام الرسمية إلى ملايين وقُربت إلى منزلة عشرية. تشمل التسوق عبر المواقع والمشتريات داخل التطبيقات والمحافظ الإلكترونية ببطاقات مدى، ولا تشمل Visa وMastercard والبطاقات الأخرى.المصدر: البنك المركزي السعودي — النشرة الإحصائية الشهرية، فبراير 2026
DECISION TABLE

صحّح داخل السلة أم عُد إلى المنتج؟

مصفوفة قرار تمنع إعادة الرحلة بلا داعٍ، وتحافظ في الوقت نفسه على وضوح أثر كل تعديل.

مرّر الجدول أفقيًا لعرض جميع الأعمدة.

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

المصدر: تركيب تحريري استناداً إلى أبحاث Baymard حول صفحة المنتج والسلة

03 / 03 / القرار

حوّل السلة إلى طبقة تحقق

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

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

اجعل التصحيح قريباً من الخطأ. تُعدّل الكمية بأزرار ناقص وزائد ويُحدّث الإجمالي فوراً. وإذا كان للمنتج عدد محدود من المتغيرات، يمكن فتح محرر مصغر داخل السلة بدلاً من إعادة العميل إلى صفحة المنتج. وجد Baymard أن 61% من المواقع المقاسة تستخدم تحكماً يجعل تعديل الكمية أصعب من اللازم، وأن بعض التغييرات في الاختبارات لم تُسجل قبل انتقال المستخدم إلى الدفع. (baymard.com)

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

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

تعديل الكمية: النمط الأصعب ما زال الغالب

مقارنة بين المواقع التي تستخدم قائمة منسدلة أو حقل إدخال منفرد للكمية، وبقية المواقع في معيار Baymard.

تحكم يجعل التعديل أصعبقائمة منسدلة أو حقل منفرد61 % من المواقع
بقية المواقع المقاسةقيمة مشتقة وليست تصنيف جودة مستقل39 % من المواقع
التحديث المطلوب بعد كل تغييرهدف تصميمي: تسجيل التغيير فوراً دون زر حفظ منفصل100 % من المواقع
المنهجية: نسبة 61% منشورة في البحث. قيمة 39% مشتقة حسابياً بوصفها بقية العينة، ولا تعني أن جميع المواقع المتبقية تطبق تصميماً مثالياً.المصدر: Baymard — Use Buttons for Updating Cart Quantity
04 / 04 / الاستثناء

لا تعالج النفاد بحائط

المنتج المتاح عند التصفح قد يصبح غير متاح قبل الدفع. الفرق بين متجر واضح ومتجر مربك هو ما يحدث بعد اكتشاف ذلك.

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

تشير اختبارات Baymard إلى أن 30% من المستخدمين الذين واجهوا منتجاً أو متغيراً نافداً قد يغادرون للبحث عنه في مكان آخر. ويمكن قبول طلب على مخزون سيعود قريباً فقط عندما يستطيع التشغيل حساب موعد واقعي والالتزام به؛ وإلا تحولت معالجة احتكاك الواجهة إلى تأخير وإلغاء بعد الدفع. (baymard.com)

لا تعرض بديلاً مختلفاً بوصفه تصحيحاً صامتاً. تغيير الحجم أو اللون أو العبوة قرار للعميل، لا قاعدة آلية للمتجر.

النفاد معلومة تحتاج قراراً، لا رسالة خطأ تنهي الرحلة.
05 / 05 / الثقة

اكشف الشروط بلا إغراق

وضوح المنتج لا ينفصل عن وضوح الصفقة: السعر والتوصيل والإرجاع أجزاء من قرار التحقق نفسه.

تتطلب أحكام التجارة الإلكترونية السعودية بيان السعر الإجمالي وتكاليف التوصيل وموعده وموجز أحكام الاستبدال أو الإرجاع ضمن معلومات التعاقد. لا يعني ذلك تحويل السلة إلى صفحة قانونية طويلة؛ بل عرض الإجمالي وموعد الوصول والموجز العملي، مع روابط إلى التفاصيل الكاملة. (uqn.gov.sa)

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

الإفصاح المتأخر قد يحقق الظهور، لكنه لا يحقق الوضوح.
06 / 06 / القياس

قِس التصحيح لا المغادرة فقط

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

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

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

تصف الصفحة الرسمية لمولْكوم بيئة تجمع المنتجات والمخزون والطلبات ونقاط البيع والتوصيل، مع اختلاف الخدمات بحسب التفعيل والمزوّد. القيمة العملية هنا هي استمرار معرّف المتغير والمخزون عبر الرحلة، لا مجرد وجود الوحدات في منصة واحدة؛ ويجب اختبار ذلك في إعداد المتجر الفعلي قبل الإطلاق. (mollkom.com)

السلة الناجحة لا تمنع التعديل؛ تمنع أن يتحول التعديل إلى بداية جديدة.
سيناريو تطبيقي افتراضي

قطعة أزياء بـ18 متغيراً

السياق

متجر افتراضي يبيع قطعة بثلاثة ألوان وستة مقاسات. تعرض السلة صورة المنتج العامة وعبارة «المقاس: M»، لكن لا تعرض اللون أو حالة توفر المقاس، ويتطلب تغيير الكمية فتح قائمة ثم الضغط على زر تحديث.

التدخل

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

الأثر

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

18متغيراً يجب تمييزها تشغيلياً
4حقائق ظاهرة: الصورة واللون والمقاس والكمية
3حواجز قرار: التحويل والرجوع وأخطاء التجهيز

المصدر: سيناريو أصلي مبني على إرشادات Baymard لاختيار المقاس وتعديل السلة

ACTION SYSTEM

إطار «هوية الطلب» من خمس خطوات

حوّل السلة إلى بوابة تحقق تربط ما رآه العميل بما سيدفع مقابله وما سيجهزه الفريق.

  1. 01

    عرّف وحدة البيع

    حدد الحقول التي تجعل المتغير فريداً: المعرّف، اللون، المقاس أو السعة، الصورة، السعر وموقع المخزون.

    المخرج · قاموس متغيرات يربط الحقول الظاهرة بمعرّفات الكتالوج والمخزون.
  2. 02

    طابق الظهور

    قارن صفحة المنتج والسلة والمراجعة النهائية، وحدد أي معلومة تختفي أو تتغير أو تصبح أقل وضوحاً.

    المخرج · خريطة استمرارية توضح ظهور كل حقيقة في مراحل الرحلة.
  3. 03

    قرّب التصحيح

    صنّف التغييرات إلى تعديل فوري داخل السلة، أو محرر مصغر، أو عودة موجّهة إلى موضع محدد في صفحة المنتج.

    المخرج · مصفوفة تعديل تبين السلوك والتحديث المطلوب لكل حالة.
  4. 04

    اختبر الاستثناء

    مرّر نفاد متغير، وتجاوز كمية المخزون، وتغير السعر، وفشل الدفع، والعودة من بوابة الدفع على الجوال.

    المخرج · سجل اختبارات يثبت حفظ السلة ومنع إنشاء طلب ببيانات قديمة.
  5. 05

    اربط الواجهة بالتجهيز

    طابق المتغير في الطلب مع ما يظهر لموظف الالتقاط والتعبئة، ثم راقب التصحيحات والأخطاء أسبوعياً.

    المخرج · لوحة تجمع إكمال الدفع والرجوع والتعديل وأخطاء تجهيز المتغير.

أسئلة شائعة

هل يجب أن تسمح السلة بتغيير اللون والمقاس دائماً؟

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

هل ارتفاع معدل تعديل السلة مؤشر سلبي؟

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

متى يجب إعادة التحقق من المخزون؟

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

ما المؤشر الأساسي بعد التعديل؟

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

المصادر والمراجع

  1. 1. Baymard — Product Page UX Best Practices 2026
  2. 2. Baymard — Use Buttons for Updating Cart Quantity
  3. 3. Baymard — Handling Out-of-Stock Products
  4. 4. Baymard — Ecommerce UX Audit
  5. 5. البنك المركزي السعودي — النشرة الإحصائية الشهرية، فبراير 2026
  6. 6. وزارة التجارة — نظام التجارة الإلكترونية
  7. 7. جريدة أم القرى — اللائحة التنفيذية لنظام التجارة الإلكترونية
  8. 8. مولْكوم — منصة تشغيل التجارة

طبّق الخطوة التالية في متجرك

سجّل وأنشئ متجرك، ثم اربط تجهيز المنتجات والتسويق بالطلبات والمخزون والتوصيل في بيئة مولْكوم.

سجّل وابدأ تجارتك

المزيد لمتجرك

مساران ماديان للشراء: مسار مباشر للدفع وصينية تجمع عدة منتجات قبل إتمام الطلب
MOLLKOM / GUIDESقرار تجربة الشراء
زرّان لصفقتين
مسار سريع ينقل قطعة واحدة مباشرة إلى نقطة الدفع، يقابله مسار أوسع يجمع قطعاً متعددة داخل صينية سلة. التباين يجسد الفرق بين اختصار الدفع وتكوين الطلب.85%حصة المدفوعات الإلكترونية من مدفوعات الأفراد في السعودية خلال 2025
إطلاق المتجر وتجربة الشراء

إنشاء متجر إلكتروني: «اشتر الآن» أم «أضف للسلة»؟

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

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

إنشاء متجر إلكتروني: اختر مسار الشراء حسب السلة

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

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

إنشاء متجر إلكتروني: لا تجعل خصم الافتتاح خطتك

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

عبداللطيف أحمد جنيد9 دقائق قراءة