تدقيق CRO / UX / UI — صفحة الدفع (Checkout)
متجر شاكر (Shaker Group) · متجر أجهزة كهربائية · WooCommerce · السوق السعودي (RTL)
📄 الصفحة: الدفع (Checkout) 🔗 shakersa.com 🖥️ اللقطة: سطح المكتب (Desktop) 📅 يوليو 2026
عوائق حرجة (Bugs)
جاهزية التحويل
55
Conversion Readiness
تجربة المستخدم
60
UX Score
الثقة
62
Trust
جاهزية الموبايل
58
Mobile
إمكانية الوصول
54
Accessibility
المحتوى والرسائل
62
Content

🎯 السياق والهوية (الخطوة 1)

صفحة الدفع (Checkout) لمتجر شاكر هي أعلى خطوات القمع نيّةً وأكثرها حساسية: الزائر هنا قرّر الشراء بالفعل، وأي احتكاك أو ارتباك يترجم مباشرةً إلى سلة مهجورة وخسارة إيراد فوري. الصفحة صفحة واحدة (Single-page checkout) بعمودين: يمين = نموذج «تفاصيل الفاتورة»، يسار = ملخص الطلب «طلبك» + وسائل الدفع. المنصة: WooCommerce + Elementor 4.1.4 + WoodMart. عنوان التقرير: ظهرت في اللقطة عيوب تقنية حرجة (Bugs) — تكرار وسائل الدفع وتكرار صفوف حقول البريد/الجوال — وهي أخطر ما في هذه الصفحة لأنها تحدث في لحظة الدفع.

⚠️ حدود التحليل — اقرأ أولاًغير متوفر رابط حي للـcheckout — التحليل من السكرين شوت فقط؛ اللقطة من بيئة staging ببيانات اختبار. شريط الأدمن يؤكد تسجيل الدخول كـ nas_temp_admin، والبيانات ظاهرة اختبارية (bdfbdfbdbdbf، egerger، [email protected]). الموقع يحجب الجلب الآلي (403). لذلك: حقائق القالب/المنصة موسومة حي، وكل ما يخص تدفق الدفع موسوم لقطة أو استنتاج.
نوع الصفحةCheckout (صفحة واحدة)
الصناعةأجهزة منزلية / Retail
المنصةWooCommerce + Elementor 4.1.4
القالبWoodMart
نية الزائرشراء مؤكد (Decision – أعلى نية)
السوق واللغةالسعودية · عربي RTL
وسائل الدفعMada · Apple Pay · Visa/MC · Tabby · Tamara · EZpay · نقاطي موبايلي
قيمة السلة باللقطة2,198.80 ﷼ (يتضمن 286.80 ضريبة)

📊 الملخص التنفيذي (الخطوة 2)

جاهزية التحويل
55 / 100ضعيف
تجربة المستخدم
60 / 100متوسط
الثقة
62 / 100متوسط
جاهزية الموبايل
58 / 100متوسط
إمكانية الوصول
54 / 100ضعيف
المحتوى والرسائل
62 / 100متوسط
⛔ أعلى 5 عوائق لإتمام الطلب
  1. تكرار وسائل الدفع (P0 — Bug): «تمارا Tamara» ظاهرة مرتين، و«Credit Cards (Visa/Mastercard/mada)» ظاهرة مرتين — تشويش يفقد الثقة ويوحي بخلل في المتجر لحظة الدفع. لقطة
  2. تكرار صفوف البريد الإلكتروني + الجوال (P0/P1 — Bug): صفّان متطابقان من «البريد الإلكتروني* + الجوال*» — تكرار محيّر ومصدر أخطاء إدخال وتحقّق. لقطة
  3. عدّاد تنازلي ضاغط (47:59): «يرجى إتمام عملية الشراء خلال…» — إلحاح مصطنع يرفع القلق وخطر فقدان السلة عند انتهاء الوقت. لقطة
  4. نموذج عنوان سعودي ثقيل: الحي + الطابق + العنوان الوطني المختصر (إلزامي) + الرمز البريدي — كثافة حقول عالية قد تعجز فئات من المستخدمين عن تعبئتها. لقطة
  5. لا محافظ سريعة (Express) أعلى الصفحة ولا سطر أمان/SSL قرب «تأكيد الطلب» — يزيد التردد في أخطر لحظة. استنتاج
⚡ أعلى 5 مكاسب سريعة (Quick Wins)
  1. إزالة بوابات الدفع المكرّرة (Tamara ×2، Credit Cards ×2) من إعدادات WooCommerce — إصلاح P0 فوري.
  2. إزالة صف البريد/الجوال المكرّر من قالب/هوك الـcheckout — إصلاح P0 فوري.
  3. إضافة سطر أمان قرب زر «تأكيد الطلب»: «دفع آمن ومشفّر SSL».
  4. إبراز Apple Pay / Mada Pay كزر Express أعلى النموذج لتخطّي إدخال البطاقة.
  5. طيّ حقل القسيمة داخل رابط «لديك رمز خصم؟» لتقليل تسرّب «صيد الكوبونات».
🚀 أعلى 3 تحسينات استراتيجية عالية الأثر

1) إصلاح عيوب الدفع الحرجة (P0)

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

2) تقليل احتكاك النموذج

خفض عدد الحقول، تفعيل Autofill/تنسيق تلقائي، ربط «استخدام موقعي» بملء العنوان تلقائياً، وتقديم المحافظ السريعة أولاً. كل حقل يُحذف يرفع معدل الإتمام.

3) استبدال العدّاد بطمأنينة

تحويل العدّاد الضاغط إلى رسالة طمأنة ناعمة (حجز السلة/المخزون) أو إزالته. الضغط الزائف في لحظة الدفع يرفع القلق والهجر أكثر مما يسرّع القرار.

🚪 أكبر سبب للهجر عند الدفعمزيج عيوب الثقة (وسائل دفع وحقول مكرّرة توحي بخلل) + ثقل النموذج (عنوان وطني مختصر إلزامي وطابق) + عدّاد يضغط — فيتراجع الزائر في آخر خطوة.
💎 أكبر فرصة تحويل مهدرةغياب Express Checkout (Apple Pay/Mada Pay بنقرة أعلى الصفحة) — لكثير من مستخدمي الجوال في السعودية هذا هو أسرع مسار وأقلّه احتكاكاً.
✅ أقوى عنصر يدعم الإتمام حالياًCheckout بصفحة واحدة + تفصيل ضريبة 15% واضح + الشحن المجاني ظاهر + تنوّع دفع محلي (Mada/Tabby/Tamara/EZpay/نقاطي).

👁️ تحليل أعلى الطية (الخطوة 3)

اختبار الـ 5 ثوانٍخلال أول 5 ثوانٍ يرى الزائر: عدّاداً تنازلياً (47:59) أعلى اليمين، عنوان «تفاصيل الفاتورة»، وحقول نموذج كثيفة، وعلى اليسار «طلبك» بسعر 2,198.80 ﷼. الانطباع الذهني: «نموذج طويل + وقت ينفد» — مزيج يرفع القلق قبل البدء. ما لا يظهر: زر دفع سريع (Express)، أو سطر أمان/تشفير، أو مؤشر تقدّم يطمئن أن الخطوة واحدة فقط.
العنصرالحالةالملاحظةالمصدر
وضوح أنها صفحة دفعواضحعنوانا «تفاصيل الفاتورة» و«طلبك» + زر «تأكيد الطلب» — الغرض مفهوم.لقطة
العدّاد التنازليضاغط«يرجى إتمام عملية الشراء خلال 59:47» (دقائق/ثواني) — إلحاح مصطنع أعلى الطية.لقطة
زر دفع سريع (Express)غائبلا Apple Pay / Mada Pay بنقرة أعلى النموذج لتخطّي التعبئة.استنتاج
كثافة النموذج فوق الطيةمرتفعةيظهر فوراً: الاسم الأول/الأخير، المدينة، الحي، عنوان الشارع، الطابق، الرمز البريدي، العنوان الوطني.لقطة
ملخص الطلب مرئيظاهر«طلبك» يعرض المنتج والمجموع والشحن والإجمالي وتفصيل الضريبة.لقطة
سطر أمان/تشفير (SSL)غائبلا رسالة «دفع آمن مشفّر» قرب النموذج أو زر التأكيد.لقطة
مؤشر تقدّم/خطواتغير ظاهرصفحة واحدة (جيد)، لكن لا مؤشر يطمئن «خطوة أخيرة».استنتاج
ملاحظة نطاق التوصيلجزئي«يتم التوصيل إلى المدن الموجودة في القائمة فقط والتوصيل لا يشمل التركيب» — تحذير مهم لكنه أعلى الصفحة بخط باهت.لقطة

الفعل المرجّح للزائر: مسح النموذج الطويل مع شعور بضغط الوقت ثم التردد عند حقل «العنوان الوطني المختصر». الفعل المرغوب: تعبئة سريعة أو دفع بنقرة. الفجوة قائمة لأن الصفحة لا تقدّم مساراً سريعاً ولا تطمئن أمنياً.

🎨 تدقيق التسلسل البصري وواجهة UI (الخطوة 4)

نقاط القوة
  • تخطيط عمودين واضح: نموذج يمين + ملخص يسار.
  • زر «تأكيد الطلب» ذهبي عريض بعرض كامل — CTA أساسي بارز.
  • حقل القسيمة وزر «استخدام القسيمة» بلون ذهبي متسق.
  • ملخص الطلب يعرض تفصيل الضريبة والشحن المجاني بوضوح.
  • أدوات مساعدة للعنوان: «استخدام موقعي الحالي» + «اختر من الخريطة».
نقاط الضعف
  • تكرار بصري صارخ: بلاطتا Tamara متطابقتان وبلاطتا Credit Cards متطابقتان — خلل مرئي فوري. لقطة
  • صفّا البريد/الجوال مكرّران — ازدواج يربك ويكسر انتظام النموذج. لقطة
  • العدّاد التنازلي بلونين لافتين أعلى اليمين يسحب الانتباه للضغط لا للمهمة.
  • كثافة حقول عالية دون تجميع/عناوين فرعية تفصل «العنوان» عن «التواصل».
  • لا تمييز بصري لزر Express عن باقي وسائل الدفع (لأنه غائب أصلاً).
مشكلة واجهة حرجةالتكرار المزدوج (وسائل دفع + حقول) هو عيب واجهة يُقرأ كخطأ برمجي لدى المستخدم لحظة الدفع؛ وأثره النفسي أخطر من أي مشكلة تنسيق لأنه يزعزع الثقة في سلامة المعاملة المالية.

🧭 تدفّق النموذج والتنقل (الخطوة 5)

العنصرالتقييمالملاحظة
تدفّق النموذج (Form flow)مزدحمحقول كثيرة متتابعة دون تقسيم لمجموعات (تواصل / عنوان / شحن / دفع).
تعقيد العنوان السعوديمرتفعالمدينة + الحي + عنوان الشارع + الطابق + الرمز البريدي + العنوان الوطني المختصر (إلزامي) — أعلى من المعتاد.
العنوان الوطني المختصرحاجز محتملإلزامي بصيغة «4 حروف و4 أرقام»؛ من لا يعرفه قد يتوقف رغم وجود رابط «تأكد من عنوانك».
مساعد الموقع/الخريطةإيجابي«استخدام موقعي الحالي» + «اختر من الخريطة» يقلّلان الكتابة — بشرط ملء الحقول تلقائياً فعلاً.
Guest vs Accountللتحققلا يظهر إن كان الدفع كضيف متاحاً أم يفرض حساباً — فرض الحساب حاجز معروف. استنتاج
التحقق والأخطاء (Validation)للتحققلم تُرصد رسائل خطأ حيّة؛ يلزم تحقّق فوري لكل حقل (Inline) خصوصاً الجوال والعنوان الوطني. يتطلب فحص تقني
حقل الطابق (Dropdown)احتكاكإلزامي كقائمة منسدلة — إضافة خطوة اختيار لكل طلب حتى لغير الساكنين بأدوار.
ملاحظات الطلباختياريموسومة «اختياري» بوضوح — جيد، لا تزيد الحمل الإلزامي.

🚶 رحلة الدفع ونقاط الاحتكاك (الخطوة 10)

رحلة المستخدم عند الدفع

يصل من السلة ← يرى العدّاد ينزل ← يبدأ نموذجاً طويلاً ← يتردد عند «العنوان الوطني المختصر» و«الطابق» ← يفاجأ بصفّ بريد/جوال مكرّر ← يصل لوسائل الدفع فيجد Tamara وCredit Cards مكرّرتين ← يتشكّك. نقاط تسرّب: حقل العنوان الوطني، لحظة رؤية التكرار، وانتهاء العدّاد.

المسار الأمثل للإتمام

محفظة سريعة (Apple Pay/Mada) بنقرة ← أو: تواصل (بريد/جوال مرة واحدة) ← عنوان مبسّط بمساعدة الخريطة/Autofill ← اختيار شحن ← دفع نظيف بلا تكرار ← تأكيد مع سطر أمان. الهدف: أقل حقول، صفر تكرار، طمأنينة بدل ضغط.

📱 تجربة الموبايل (الخطوة 12) وإمكانية الوصول (الخطوة 13)

مخاطر/متطلبات الموبايل استنتاج
  • تكديس الحقول (Stacking): النموذج الكثيف يصبح شريطاً طويلاً جداً على الجوال — يلزم تجميع وطيّ.
  • لوحات مفاتيح رقمية: ضبط inputmode=numeric/tel للجوال والرمز البريدي والعنوان الوطني.
  • طيّ ملخص الطلب: «طلبك» يجب أن يكون قابلاً للطيّ أعلى الشاشة لا أسفل نموذج طويل.
  • زر تأكيد ثابت (Sticky): «تأكيد الطلب» يجب أن يبقى ظاهراً أثناء التمرير.
  • العدّاد على شاشة صغيرة يزاحم الحقول ويضاعف القلق.
إمكانية الوصول (WCAG)
  • تسميات الحقول (Labels): يلزم ربط كل label بحقله وربط علامة الإلزام * برسالة مقروءة لقارئ الشاشة. يتطلب فحص تقني
  • تكرار الحقول يربك قارئات الشاشة (حقلان بنفس الاسم «البريد الإلكتروني»). لقطة
  • رسائل الخطأ يجب أن تُعلَن (aria-live) وتُربَط بالحقل. يتطلب فحص تقني
  • تباين نص العدّاد والتلميحات الرمادية الفاتحة قد لا يحقق AA. استنتاج
  • تنقّل الكيبورد وترتيب التركيز عبر النموذج الطويل يحتاج تحقّقاً. يتطلب فحص تقني

🛡️ الثقة والمصداقية عند الدفع (الخطوة 7)

موجود ويعمل
✔ تفصيل ضريبة 15% واضح ✔ الشحن المجاني ظاهر ✔ Mada · Apple Pay · Visa/MC ✔ Tabby · Tamara (تقسيط) ✔ EZpay البنك الفرنسي ✔ نقاطي موبايلي ✔ نص سياسة الخصوصية ✔ موافقة الشروط والأحكام
ناقص أو ضعيف
✕ سطر أمان/تشفير SSL قرب الزر ✕ شارات دفع آمن (PCI/أقفال) ✕ محافظ Express بنقرة أعلى ✕ سياسة إرجاع/ضمان قرب التأكيد ✕ خلوّ من تكرار وسائل الدفع ✕ خلوّ من تكرار الحقول

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

تحذير ثقة مزدوج (P0)تكرار «Tamara ×2» و«Credit Cards ×2» + تكرار صفّ البريد/الجوال = إشارتا خلل متزامنتان في الشاشة الأكثر حساسية. المستخدم الحذر يفسّرها كـ«متجر غير موثوق» ويغادر. الإصلاح ليس تجميلياً بل حمايةً مباشرة للإيراد.

🧠 علم النفس السلوكي وتقليل الاحتكاك (الخطوة 8)

المبدأكيف تتعامل معه الصفحةالتوصية الأخلاقية
الإلحاح/الندرة (العدّاد)ضغط زائف — عدّاد 47:59 يفرض قلقاً بلا سبب حقيقي معلن.إزالته، أو تحويله لطمأنة ناعمة («احتفظنا بسلتك») بلا تهديد بفقدانها.
حِمل الاختيار (Hick's Law)مرتفع — حقول كثيرة + وسائل دفع مكرّرة تضاعف الخيارات.تقليل الحقول + حذف التكرار + ترتيب الدفع بلا ازدواج.
الاحتكاك المدرَك (Friction)مرتفع — عنوان وطني مختصر إلزامي + طابق + رمز بريدي.Autofill + ربط الخريطة بملء الحقول + جعل ما يمكن اختيارياً اختيارياً.
تقليل المخاطرة (Risk reversal)جزئي — تقسيط Tabby/Tamara يقلّل حاجز السعر.إضافة «إرجاع سهل + ضمان الوكيل + دفع آمن» قرب زر التأكيد.
الطمأنينة الأمنية (Trust cues)مفقودة — لا سطر SSL/قفل قرب الدفع.سطر «دفع آمن مشفّر» + شارات مدفوعات موثوقة.
تسرّب القسيمة (Coupon leak)قائم — حقل «رمز القسيمة» ظاهر يغري بمغادرة الصفحة للبحث عن كود.طيّه داخل رابط «لديك رمز خصم؟» يظهر عند الطلب فقط.
نفور الخسارة (Loss aversion)مُستخدَم قسراً — العدّاد يوظّف خوف فقدان السلة.لا أنماط مظلمة: طمأنة صادقة بدل تهديد بفقدان السلة.
لا أنماط مظلمة (No Dark Patterns)التوصية الجوهرية: استبدال العدّاد الضاغط بطمأنينة صادقة، وعدم استخدام ندرة أو مؤقّتات وهمية. المقايضة (ضغط مقابل قلق) تميل بوضوح نحو القلق والهجر في صفحة الدفع، فالإزالة أو التليين هي الخيار الأخلاقي والأعلى تحويلاً.

🛒 ملخص الطلب والدفع والمحتوى (الخطوة 9 + الخطوة 6)

ملخص الطلب «طلبك»
  • يعرض: المنتج (غسالة صحون) + السعر 2,198.80 + مؤشر كمية (Stepper) + الشحن المجاني + الإجمالي.
  • تفصيل الضريبة واضح: «يتضمن 286.80 ﷼ ضريبة 15%» — ممتاز للشفافية.
  • ملاحظة زمن التوصيل داخل/خارج الرياض مفيدة لكنها بالإنجليزية فقط.
  • ينقصه: سطر «متبقٍ X للشحن/هدية» أو Upsell خفيف، وثبات الملخص عند التمرير (Sticky). استنتاج
إعادة صياغة نص ضعيف
الحالي (العدّاد)
«يرجى إتمام عملية الشراء خلال 47 : 59»
artificial urgency — anxiety trigger
المقترح
«احتفظنا لك بمنتجاتك — أكمل طلبك بهدوء ووقتك يكفي»
Why stronger: reassurance instead of threat, no dark pattern

الأداء والمخاطر التقنية (الخطوتان 11 و14)

أخطاء تهيئة WooCommerce (P0) — من اللقطةظهور بوابتَي دفع مكرّرتين (Tamara، Credit Cards) يشير غالباً إلى تفعيل جاتوايين لنفس المزوّد أو تكرار Payment Gateway plugins/إعدادات — إصلاحه في لوحة WooCommerce → Payments. وظهور صفّ بريد/جوال مكرّر يشير إلى خطأ قالب/هوك (تكرار حقول عبر woocommerce_checkout_fields أو Elementor/WoodMart form widget مكرّر).
المؤشرالحالة المرصودةالحكمالأثر
تكرار بوابات الدفعTamara ×2 · Credit Cards ×2حرج / Bugتشويش + انهيار ثقة + احتمال فشل معاملة على الجاتواي المكرّر.
تكرار حقول البريد/الجوالصفّان متطابقانحرج / Bugأخطاء إدخال/تحقّق، تضارب بيانات، ربكة قارئ الشاشة.
بيئة الالتقاطstaging + بيانات اختبار + nas_temp_adminللتأكيديجب تأكيد أن العيوب موجودة في الإنتاج قبل إغلاقها. يتطلب فحص تقني
القالب/المحرّرWoodMart + Elementor 4.1.4وزنصفحة Checkout مبنية بعناصر Elementor قد تُثقل الأصول والسكربتات. حي
Cart fragments / AJAXStepper كمية + تحديثات لحظيةللتحققتحديث الإجمالي والكمية عبر AJAX يؤثر على INP إن كان ثقيلاً. يتطلب فحص تقني
تحقّق الجوال/العنوان الوطنيصيغة «4 حروف و4 أرقام»للتحققيلزم regex/تحقّق فوري صحيح ورسائل واضحة لتفادي فشل الإرسال. يتطلب فحص تقني
Object Cacheمُفعّل (شريط الأدمن)جيديساعد أداء الخادم. حي
Rank Math SEOمثبّتمحايدغير حرج في Checkout (noindex عادةً). حي
للقياس الفعليلأن الرابط الحي للـcheckout غير متاح، يلزم فتح صفحة الدفع في الإنتاج وتأكيد العيوب ثم تشغيل Lighthouse/WebPageTest لقياس LCP/INP/CLS، ومراجعة إعدادات WooCommerce → Payments وقالب checkout. الأرقام هنا استدلالية من اللقطة وحقائق القالب.
ملاحظات WooCommerce / القالب
  • راجع WooCommerce → Settings → Payments: احذف الجاتواي المكرّر لـ Tamara وبوابة البطاقات المكرّرة. لقطة
  • راجع فلتر woocommerce_checkout_fields أو أي Elementor Checkout widget مكرّر يضيف صفّ بريد/جوال ثانياً. يتطلب فحص تقني
  • تأكّد أن «استخدام موقعي الحالي / اختر من الخريطة» يملأ الحقول فعلياً بلا أخطاء إذن الموقع. لقطة
  • تحقّق من إتاحة Apple Pay / Mada Pay Express عبر مزوّد الدفع (Checkout.com/HyperPay) وإظهاره أعلى النموذج. استنتاج

🗺️ خريطة نقاط الاحتكاك (الخطوة 15)

الموضعالمشكلةأثر المستخدمأثر العملالشدةImpactالثقة
وسائل الدفعتكرار Tamara ×2 و Credit Cards ×2 (Bug)ارتباك + شكّ في سلامة المتجرهجر الدفع + خسارة ثقةحرجة10عالية
حقول التواصلتكرار صفّ البريد/الجوال (Bug)حيرة + أخطاء إدخالفشل إرسال/بيانات خاطئةحرجة9عالية
أعلى الصفحةعدّاد تنازلي ضاغطقلق + خوف فقدان السلةهجر مبكرمرتفعة8متوسطة
نموذج العنوانعنوان وطني مختصر إلزامي + طابق + رمز بريدياحتكاك عالٍ وربما توقّفتسرّب عند العنوانمرتفعة8عالية
الدفع السريعلا Express wallet أعلىمسار أطول من اللازمتحويل مهدر (جوال)متوسطة7متوسطة
الأمانلا سطر SSL/شارات قرب التأكيدعدم يقين لحظة الدفعخفض التحويلمتوسطة6متوسطة
القسيمةحقل كوبون ظاهر (تسرّب)مغادرة للبحث عن كودهجر/تشتّتمتوسطة5متوسطة
الوصوليةحقول مكرّرة + تسميات/أخطاء غير مؤكدةحاجز لقارئ الشاشةامتثال + فقد شريحةمتوسطة6عالية

جدول التوصيات (الخطوتان 16 و17)

الأولويةالتوصيةلماذا تؤثر على التحويلImpactالثقةالجهدالنوعKPI
P0حذف بوابات الدفع المكرّرة (Tamara ×2، Credit Cards ×2)يعيد الثقة ويزيل ارتباك أخطر خطوة10عاليةمنخفضWooCommerce configPayment-step abandonment ↓
P0إزالة صفّ البريد/الجوال المكرّريزيل الحيرة وأخطاء الإدخال والتحقّق9عاليةمنخفضTemplate/HookForm errors ↓ / Completion ↑
P1إضافة صف محافظ Express (Apple Pay/Mada Pay) أعلى النموذجمسار بنقرة يخفض الاحتكاك كثيراً8متوسطةمتوسطPayments/UXExpress usage / CVR ↑
P1سطر أمان + شارات دفع آمن قرب «تأكيد الطلب»يطمئن لحظة الالتزام المالي6متوسطةمنخفضTrust/DesignCVR ↑
P2إعادة النظر في العدّاد: إزالته أو تحويله لطمأنة ناعمةيخفض القلق دون فقد الإلحاح المشروع7متوسطةمنخفضUX/EthicsAbandonment ↓
P2تقليل حقول العنوان + Autofill + ربط الخريطة بالملءأقل حقول = إتمام أعلى8عاليةمتوسطUX/Front-endField drop-off ↓
P2طيّ حقل القسيمة داخل رابط «لديك رمز خصم؟»يقلّل تسرّب صيد الكوبونات5متوسطةمنخفضDesignCoupon-hunting exits ↓
P3ثبات ملخص الطلب (Sticky) + قابلية طيّه على الجواليبقي القيمة والثقة أمام العين5متوسطةمتوسطFront-endCVR (Mobile) ↑

المكاسب السريعة (الخطوة 18)

التغييرالمكانImpactالجهدKPI المتوقع
حذف الجاتواي المكرّر (Tamara/Credit Cards)إعدادات WooCommerce10منخفضPayment abandonment ↓
حذف صف البريد/الجوال المكرّرقالب/هوك الـcheckout9منخفضForm errors ↓
إضافة سطر «دفع آمن مشفّر SSL»قرب زر التأكيد6منخفضCVR ↑
طيّ حقل القسيمةملخص الطلب5منخفضExits ↓
تليين/إزالة العدّادأعلى الطية7منخفضAbandonment ↓

🧪 خطة اختبار A/B (الخطوة 21)

الفرضيةالحاليالبديلKPI أساسيGuardrailImpact
تقديم Express Checkout أولاً يرفع الإتمامنموذج طويل بلا محفظة سريعةصف Apple Pay/Mada Pay أعلى النموذجCheckout completionمعدل الاسترداد/الأخطاء8
إزالة العدّاد تخفض الهجرعدّاد تنازلي 47:59بلا عدّاد / رسالة طمأنةPayment abandonmentمتوسط زمن الإتمام7
تقليل حقول العنوان يرفع الإتمامحقول كثيرة + عنوان وطني إلزامينموذج مبسّط + Autofill/خريطةForm completionدقّة العنوان/التوصيل8
طيّ القسيمة يقلّل التسرّبحقل كوبون ظاهررابط «لديك رمز خصم؟» مطويCVRاستخدام الكوبون الشرعي5

📈 خطة التحقق التحليلي (الخطوة 22)

قياسات GA4 / Checkout
  • بدء الدفع (begin_checkout) من عربات الشراء.
  • تسرّب على مستوى الحقل (field-level drop-off) خصوصاً العنوان الوطني والطابق.
  • اختيار وسيلة الدفع (payment_method selection) ورصد النقر على النسخ المكرّرة.
  • فشل الدفع (payment failures) لكل بوابة.
  • استخدام القسيمة (coupon usage) ومعدل المغادرة بعده.
  • هجر عند انتهاء العدّاد (timer-expiry abandonment).
Clarity / Hotjar
  • تسجيلات جلسات لرصد التوقف عند الحقول المكرّرة والعنوان الوطني.
  • Rage / Dead clicks على بلاطات الدفع المكرّرة.
  • خرائط حرارية لترتيب انتباه العدّاد مقابل الحقول.
  • Form analytics: زمن كل حقل ونسبة التخلي عنده.
فوري مقابل يحتاج بياناتفوري (إصلاح مؤكد): حذف التكرارات، سطر الأمان، طيّ القسيمة. يحتاج تحقق A/B: إزالة العدّاد، تقديم Express، تبسيط حقول العنوان — تُختبر قبل التعميم لضبط أثرها على دقّة التوصيل والاسترداد.

🏗️ الهيكل المقترح لصفحة الدفع (الخطوة 23) + Wireframe (24)

┌─ شريط علوي (خطوة أخيرة · دفع آمن مشفّر SSL) — بلا عدّاد ضاغط ├─ محافظ سريعة (Express)Apple Pay · Mada Pay · بنقرة واحدة ├─ «أو أكمل يدوياً» فاصل بسيط ├─ التواصل (بريد إلكتروني + جوال — مرة واحدة فقط، بلا تكرار) ├─ العنوان (مدينة · حي · شارع) — Autofill + «اختر من الخريطة» يملأ الحقول + العنوان الوطني (اختياري إن أمكن أو بمساعدة تلقائية) ├─ الشحن (الشحن المجاني · مدة التوصيل داخل/خارج الرياض) ├─ الدفع (Mada · Visa/MC · Tabby · Tamara · EZpay · نقاطي) — بلا تكرار ├─ القسيمة (رابط مطوي «لديك رمز خصم؟») ├─ ملخص «طلبك» (منتج · ضريبة 15% · إجمالي) — Sticky └─ تأكيد الطلب (زر عريض + سطر أمان + إرجاع/ضمان + الشروط)

✍️ نصوص محسّنة (الخطوة 25) — عربي + English

عنوان الصفحة
إتمام الطلب — خطوة أخيرة وآمنة
Secure Checkout — one last step
زر التأكيد (CTA)
تأكيد الطلب والدفع الآمن
Place Order — Secure Payment
سطر الأمان
دفع آمن ومشفّر بالكامل (SSL) — بياناتك محمية
Fully encrypted, secure payment (SSL)
ملاحظة الضيف
أكمل كضيف بسرعة — لا حاجة لإنشاء حساب
Check out as a guest — no account needed
القسيمة المطوية
لديك رمز خصم؟ اضغط لإضافته
Have a discount code? Add it
رسالة خطأ (الجوال)
أدخل رقم جوال سعودي صحيح يبدأ بـ 05
Enter a valid Saudi mobile starting with 05
رسالة خطأ (العنوان الوطني)
الصيغة: 4 حروف ثم 4 أرقام (مثال ANHR7534)
Format: 4 letters + 4 digits (e.g. ANHR7534)
بديل العدّاد (طمأنة)
احتفظنا لك بمنتجاتك في السلة — أكمل بهدوء
Your items are saved — take your time

🗓️ خارطة التنفيذ (الخطوة 26)

المرحلةالمهامالمسؤولImpactمقياس النجاح
0 · إصلاح عاجل (Bugs)حذف بوابات الدفع المكرّرة + صف البريد/الجوال المكرّر، وتأكيدها في الإنتاجWooCommerce dev10خلوّ الشاشة من التكرار
1 · إصلاحات فوريةسطر الأمان، طيّ القسيمة، تليين/إزالة العدّادFront-end + CRO8Abandonment ↓
2 · CRO عالي الأثرExpress wallets أعلى، تبسيط حقول العنوان + Autofill/خريطة، Sticky summaryDesigner + Payments dev8Completion ↑ / Field drop-off ↓
3 · اختبار وتحسينA/B للعدّاد وExpress وتبسيط الحقول + تحليل Clarity/Form analyticsCRO + Analytics7CVR ↑ مؤكد إحصائياً

🧾 التشخيص النهائي (الخطوة 27)

الخلاصة
  • أكبر قوة: صفحة دفع واحدة + شفافية ضريبة 15% + شحن مجاني + تنوّع دفع محلي كامل.
  • أكبر ضعف: عيبان تقنيان حرجان (تكرار وسائل الدفع + تكرار حقول البريد/الجوال) في أخطر خطوة.
  • أهم تغيير: إصلاح العيبين P0 فوراً ثم تقديم Express Checkout.
  • أفضل مكسب سريع: حذف التكرارات (منخفض الجهد، أعلى الأثر) + سطر الأمان.
  • أعلى مخاطرة: ضغط العدّاد + ثقل نموذج العنوان (العنوان الوطني الإلزامي).
  • أول اختبار A/B: Express Checkout أولاً مقابل النموذج الحالي.
  • أول تقرير تحليلي: تسرّب الحقول + هجر خطوة الدفع (GA4 + Clarity).
أعلى 10 إجراءات مرتّبة
  1. حذف بوابات الدفع المكرّرة (P0) — 10
  2. حذف صف البريد/الجوال المكرّر (P0) — 9
  3. إضافة محافظ Express أعلى النموذج — 8
  4. تبسيط حقول العنوان + Autofill/خريطة — 8
  5. إعادة النظر في العدّاد (إزالة/تليين) — 7
  6. سطر أمان + شارات دفع قرب التأكيد — 6
  7. تحسين الوصولية (تسميات/أخطاء/تركيز) — 6
  8. طيّ حقل القسيمة — 5
  9. ثبات ملخص الطلب (Sticky) على الجوال — 5
  10. تحقّق فوري للجوال/العنوان الوطني — 5
العنوان الأهم (P0)هذه الصفحة تحتوي عيبين تقنيين حرجين يجب إغلاقهما قبل أي تحسين آخر: (1) تكرار وسائل الدفع (Tamara ×2، Credit Cards ×2)، (2) تكرار صفوف حقول البريد/الجوال. كلاهما يقع في لحظة الدفع الأعلى نيّةً والأكثر حساسية، ويُقرأ كخلل يزعزع الثقة ويُنزف تحويلات مباشرةً.

🖼️ معرض الأدلة

لقطة صفحة الدفع لمتجر شاكر
صفحة الدفع — اللقطة الكاملة (staging + بيانات اختبار)

مصدر التحليل: لقطة desktop واحدةAssets/shaker-checkout.png. غير متوفر رابط حي للـcheckout (الموقع يحجب الجلب الآلي 403)، واللقطة من بيئة staging ببيانات اختبار (تسجيل دخول nas_temp_admin). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي لحقائق القالب/المنصة فقط · استنتاج مبني على مبادئ UX/CRO. يلزم تأكيد العيوب في الإنتاج.

معاينة