جاهزية التحويل
60
Conversion Readiness
تجربة المستخدم
63
UX Score
الثقة
55
Trust
جاهزية الموبايل
64
Mobile
إمكانية الوصول
55
Accessibility
المحتوى والرسائل
60
Content
🎯 السياق والهوية (الخطوة 1)
هذه الشاشة هي السلة الجانبية المنبثقة (Mini-cart Drawer) التي تنزلق من يمين الصفحة فور نقر الزائر «أضف إلى السلة» على منتج (غسالة صحون مايديا بـ 2,198.80 ﷼). إنها لحظة الميكرو-تحويل الحاسمة بين التصفّح والدفع — الزائر هنا نيّته شرائية مرتفعة جداً للتو، وقرار «إتمام الطلب» أم «متابعة التسوق» أم «المغادرة» يُتخذ في ثوانٍ. الهدف الأساسي: دفع سلس نحو إتمام الطلب عبر CTA واحد واضح. الهدف الثانوي: رفع متوسط قيمة الطلب (AOV) عبر Upsell/Cross-sell وشريط الشحن المجاني.
⚠️ ملاحظة منهجيةغير متوفر رابط حي لهذه الحالة — التحليل من السكرين شوت فقط؛ الحقائق الحية مقتصرة على مستوى القالب (WordPress + WooCommerce + Elementor 4.1.4 + WoodMart). وسم حي يُستخدم هنا للحقائق العابرة للصفحات/القالب فقط، لا لعناصر هذه الشاشة تحديداً.
نوع الشاشةMini-cart Drawer / ATC Confirmation
الصناعةأجهزة منزلية / Retail
المنصةWooCommerce + Elementor 4.1.4
القالبWoodMart (Off-canvas cart)
نية الزائرشرائية مرتفعة (Decision–Action)
المنتج في اللقطةمايديا غسالة صحون WQP14W5233CS
القيمة2,198.80 ﷼ (شامل ضريبة القيمة المضافة)
جهاز اللقطةDesktop (يُستنتَج الموبايل)
📊 الملخص التنفيذي (الخطوة 2)
جاهزية التحويل
60 / 100متوسط
تجربة المستخدم
63 / 100متوسط
الثقة
55 / 100ضعيف
جاهزية الموبايل
64 / 100متوسط
إمكانية الوصول
55 / 100ضعيف
المحتوى والرسائل
60 / 100متوسط
⛔ أعلى 5 عوائق للتحويل
- زرّان متنافسان بلا تسلسل واضح — «إتمام الطلب» و«عرض السلة» بوزن بصري متقارب؛ الزائر لا يعرف الإجراء الأساسي (تشتيت قرار). لقطة
- «إتمام الطلب» يبدو باهتاً/ثانوياً بينما هو الهدف الأول — عكس تسلسل الأولوية المطلوب. لقطة
- لا Upsell/Cross-sell داخل الدرج («منتجات قد تعجبك») — فرصة AOV مهدرة في أعلى لحظة نية شرائية. لقطة
- لا شريط تقدّم للشحن المجاني («أنت مؤهل للشحن المجاني») — غياب محفّز goal-gradient لزيادة القيمة. لقطة
- لا سطر ثقة/طمأنة داخل الدرج (دفع آمن · إرجاع · ضمان الوكيل) — قلق لحظة الالتزام دون تهدئة. لقطة
⚡ أعلى 5 مكاسب سريعة (Quick Wins)
- جعل «إتمام الطلب» CTA أساسي واحد (أخضر مصمت، عرض كامل) و«عرض السلة» رابطاً/زراً ثانوياً باهتاً.
- إضافة سطر ثقة مصغّر أسفل الأزرار (🔒 دفع آمن · إرجاع سهل · ضمان الوكيل).
- إضافة شريط تقدّم «الشحن المجاني» أعلى الدرج (goal-gradient).
- إضافة رابط «متابعة التسوّق» نصّي أسفل الأزرار لتقليل إغلاق الدرج بالكامل.
- إبراز رسالة النجاح «تمت الإضافة ✓» داخل الدرج نفسه بدل الاعتماد على التوست الخلفي فقط.
🚀 أعلى 3 تحسينات استراتيجية عالية الأثر
1) تسلسل CTA أحادي حاسم
إعادة تصميم منطقة الأزرار: «إتمام الطلب» زر بطل واحد (أخضر شاكر، عرض كامل، أعلى)، و«عرض السلة» رابط ثانوي أسفله. يزيل تشتيت القرار في أهم ميكرو-لحظة ويرفع معدل الانتقال إلى الدفع.
2) محرّك Upsell/Cross-sell في الدرج
إضافة قسم «منتجات قد تعجبك» (منظّفات صحون · موازين · إكسسوارات تركيب) داخل الدرج + Bundle مع التركيب. يرفع AOV في لحظة النية القصوى دون مغادرة السياق.
3) طبقة ثقة وتحفيز
دمج شريط تقدّم الشحن المجاني + سطر طمأنة (دفع آمن/إرجاع/ضمان) داخل الدرج. الثقة أضعف محور (55) وهي حاسمة عند لحظة الالتزام بالدفع.
🚪 أكبر سبب للمغادرة دون شراءتشتّت القرار بين زرّين متكافئين + غياب أي دفعة قيمة (Upsell/شحن مجاني/ثقة)، فيتردد الزائر ويغلق الدرج بدل إتمام الطلب.
💎 أكبر فرصة تحويل مهدرةالدرج مساحة عالية النية بلا Cross-sell ولا شريط شحن مجاني — أثمن لحظة لرفع AOV تُترك فارغة.
✅ أقوى عنصر يدعم التحويل حالياًوضوح المنتج والسعر شامل الضريبة + تأكيد فوري عبر التوست الأخضر «تمت الإضافة» + وجود درج غير مُقتحِم يبقي سياق المنتج.
👁️ وضوح الدرج وتسلسل الأزرار (الخطوة 3)
اختبار الـ 5 ثوانٍ — هل يعرف الزائر ماذا يفعل تالياً؟خلال أول 5 ثوانٍ يرى الزائر: رأس الدرج «عربة التسوق» + «إغلاق»، بند المنتج (صورة + اسم + SKU + 2,198.80 ﷼ × 1)، المجموع، ثم زرّين متراصّين: «إتمام الطلب» و«عرض السلة». المشكلة الجوهرية: كلا الزرّين بوزن بصري متقارب (باهت/رمادي) فلا يُدرَك أيّهما الإجراء الأساسي. النتيجة الذهنية: «أُضيف المنتج… والآن؟» — تردّد بدل مسار واضح نحو الدفع.
| العنصر | الحالة | الملاحظة | المصدر |
|---|---|---|---|
| CTA أساسي واضح («إتمام الطلب») | ضعيف | يبدو باهت التباين وثانوي الوزن رغم أنه الهدف الأول. | لقطة |
| تسلسل الأزرار (Hierarchy) | مفقود | زرّان متكافئان بصرياً → لا primary/secondary واضح. | لقطة |
| تأكيد الإضافة داخل الدرج | جزئي | التأكيد عبر توست أخضر خلف الدرج، لا داخله. | لقطة |
| بند المنتج (صورة/اسم/SKU/سعر) | واضح | عرض جيد: صورة + اسم كامل + SKU + «2,198.80 ﷼ × 1». | لقطة |
| المجموع + شمول الضريبة | ظاهر | «المجموع: 2,198.80 ﷼ (شامل ضريبة القيمة المضافة)». | لقطة |
| زر الإغلاق × وإزالة البند | موجود | «إغلاق» أعلى + × صغيرة لإزالة البند. | لقطة |
| محرّر الكمية داخل الدرج | غائب | لا (−/+) لتعديل الكمية دون فتح صفحة السلة. | لقطة |
| سطر ثقة / تقدير التوصيل | مفقود | لا دفع آمن/إرجاع/ضمان ولا «توصيل 48 ساعة» في الدرج. | لقطة |
الفعل المرجّح للزائر: التردّد بين الزرّين ثم إغلاق الدرج للعودة للتصفح، بينما الفعل المرغوب هو النقر الفوري على «إتمام الطلب». الفجوة سببها غياب تسلسل بصري يميّز الإجراء الأساسي.
🎨 تدقيق التسلسل البصري وواجهة UI (الخطوة 4)
نقاط القوة
- درج منزلق نظيف بخلفية معتمة (overlay) تركّز الانتباه.
- بند المنتج مقروء: صورة واضحة + اسم كامل + SKU + سعر.
- المجموع بارز وشامل الضريبة صراحةً.
- توست نجاح أخضر يعطي تغذية راجعة فورية (خلف الدرج).
نقاط الضعف
- زرّان بوزن متقارب: «إتمام الطلب» و«عرض السلة» كلاهما باهت/رمادي — لا primary مصمت.
- تباين منخفض على «إتمام الطلب» — يضعف البروز والوصولية (AA).
- فراغ وظيفي: لا Upsell، لا شريط شحن مجاني، لا طمأنة — مساحة مهدرة.
- لا رابط «متابعة التسوّق» → الخيار الوحيد للبقاء هو «إغلاق».
- تكرار رسالة النجاح بين التوست الخلفي والدرج دون تكامل بصري.
مشكلة تسلسل حرجةغياب زر بطل واحد يخالف مبدأ «إجراء أساسي واحد لكل شاشة» (One Primary Action — NN/g). عند لحظة النية القصوى، كل ثانية تردّد ترفع احتمال الإغلاق. الحل: «إتمام الطلب» أخضر مصمت بعرض كامل، و«عرض السلة» رابط نصّي ثانوي.
🧭 تفاعل الدرج وسلوك الإغلاق/المتابعة (الخطوة 5)
| العنصر | التقييم | الملاحظة |
|---|---|---|
| انزلاق الدرج (Off-canvas) | جيد | ينزلق من اليمين مع overlay معتم — نمط WoodMart مألوف. |
| عدم اقتحام السياق | جيد | لا يعيد تحميل الصفحة؛ يبقي بطاقة المنتج خلفه. |
| الإغلاق (× + overlay) | للتحقق | «إغلاق» ظاهر؛ يُنصح أيضاً بإغلاق عند النقر على الـoverlay وبمفتاح Esc. استنتاج |
| متابعة التسوّق | مفقود | لا رابط «متابعة التسوّق» — الخروج الوحيد «إغلاق». |
| تعديل الكمية داخل الدرج | مفقود | يتطلب فتح «عرض السلة» لتغيير الكمية — احتكاك. |
| تقدير التوصيل داخل الدرج | مفقود | لا «توصيل 48 ساعة (الرياض)» قرب المجموع. |
| تكامل التوست/الدرج | مزدوج | توست خلفي + درج — رسالتا نجاح غير مدمجتين. |
🚶 رحلة المستخدم ونقاط الاحتكاك في الميكرو-لحظة (الخطوة 10)
رحلة الزائر عند الإضافة
ينقر «أضف إلى السلة» ← يظهر التوست الأخضر + ينزلق الدرج ← يرى المنتج والمجموع ← يواجه زرّين متكافئين ← يتردّد. نقطة تسرّب: لحظة القرار بين الزرّين، وغياب أي دفعة (Upsell/شحن مجاني/ثقة) تحسم الاتجاه نحو الدفع.
مسار التحويل المثالي
إضافة ← درج بتأكيد «تمت الإضافة ✓» ← شريط شحن مجاني (goal-gradient) ← Upsell سريع ← «إتمام الطلب» بطل واحد ← الدفع. مع «متابعة التسوّق» كخيار ثانوي لمن لم يكتفِ.
📱 تجربة الموبايل (الخطوة 12) وإمكانية الوصول (الخطوة 13)
مخاطر الموبايل استنتاج
- الدرج يجب أن يكون عرض شاشة كامل (full-width) على الجوال لا نصف عرض.
- «إتمام الطلب» يجب أن يكون ثابتاً أسفل الدرج (sticky) ضمن متناول الإبهام.
- هدف اللمس للزرّين و× الإزالة ≥ 44px لتفادي النقر الخاطئ.
- زر واتساب العائم أسفل-يمين قد يزاحم/يحجب «إتمام الطلب» على الجوال. لقطة
إمكانية الوصول (WCAG)
- تباين «إتمام الطلب» الباهت على الأرجح دون AA — يضعف القراءة والنقر. لقطة
- يلزم حبس التركيز (focus trap) داخل الدرج وإعادته لزر المصدر عند الإغلاق. يتطلب فحص تقني
- يلزم إغلاق بمفتاح Esc ودعم التنقّل بالكيبورد بين العناصر. يتطلب فحص تقني
- يلزم aria-live لإعلان «تمت الإضافة» ودور
dialog/aria-label للدرج لقارئ الشاشة. استنتاج
🛡️ الثقة والطمأنة في لحظة الالتزام (الخطوة 7)
موجود ويعمل
✔ سعر واضح شامل الضريبة
✔ توست نجاح فوري «تمت الإضافة»
✔ SKU ظاهر للتحقق
✔ درج غير مقتحِم يبقي السياق
✔ تقسيط Tamara/Tabby (بطاقة المنتج)
✔ Mada · Apple Pay · Visa (قالب)
ناقص أو ضعيف داخل الدرج
✕ سطر «دفع آمن / إرجاع / ضمان»
✕ شريط تقدّم الشحن المجاني
✕ Upsell / Cross-sell
✕ تقدير التوصيل (48 ساعة)
✕ شارات الدفع داخل الدرج
✕ نجوم/تقييم المنتج (لا مراجعات بالموقع)
في لحظة الالتزام بالدفع، غياب الطمأنة يرفع القلق ويخفض الانتقال إلى الـCheckout — والثقة أضعف محور (55).
🧠 علم النفس السلوكي في الميكرو-تحويل (الخطوة 8)
| المبدأ | كيف يتعامل معه الدرج | التوصية الأخلاقية |
|---|---|---|
| إجراء أساسي واحد | مُخالَف — زرّان متكافئان. | «إتمام الطلب» بطل واحد + «عرض السلة» ثانوي. |
| تدرّج الهدف (Goal Gradient) | غير مفعّل — لا شريط تقدّم. | «أنت مؤهل للشحن المجاني ✓» أو «تبقّى X للشحن المجاني». |
| Upsell / Cross-sell | مُهدر — لا اقتراحات. | «منتجات قد تعجبك» ذات صلة (منظّفات/تركيب/إكسسوار). |
| النفور من الخسارة (Loss Aversion) | غائب. | «لا تفوّت التقسيط بدون فوائد على هذا الطلب» (صادق). |
| تقليل المخاطرة | جزئي — لا طمأنة بالدرج. | سطر «دفع آمن · إرجاع سهل · ضمان الوكيل» أسفل CTA. |
| التأكيد/التعزيز (Reinforcement) | مستخدم — توست نجاح أخضر. | دمج «تمت الإضافة ✓» داخل الدرج لتعزيز الإنجاز. |
| حِمل الاختيار (Hick's Law) | مرتفع — خياران متكافئان. | خيار أساسي بارز يقلّل التردّد. |
لا أنماط مظلمةكل التوصيات صادقة: شحن مجاني مفعّل فعلاً، تقسيط حقيقي، توصيات Upsell ذات صلة، ولا عدّادات وهمية ولا ندرة زائفة.
🛒 Upsell / Cross-sell ورفع AOV (الخطوة 9) + المحتوى (الخطوة 6)
فرص AOV داخل الدرج
- Cross-sell سياقي: «منظّف غسالات الصحون · ملح · ملمّع» — مكمّلات منخفضة السعر تُضاف بسهولة.
- Add-on خدمة: «التركيب والتوصيل السريع» كخيار مدفوع.
- شريط شحن مجاني: «أنت مؤهل للشحن المجاني ✓» يعزّز الإنجاز (goal-gradient).
- Bundle: غسالة صحون + طقم أدوات بخصم رمزي.
إعادة صياغة نص ضعيف
الحالي (زرّان متكافئان)
«إتمام الطلب» + «عرض السلة» بنفس الوزن
two equal-weight CTAs — unclear primary
المقترح
«إتمام الطلب» (زر أخضر بطل) · «عرض السلة» (رابط ثانوي) + سطر: «🔒 دفع آمن · إرجاع سهل · ضمان الوكيل»
Why stronger: single primary + reassurance
⚡ الأداء والمخاطر التقنية (الخطوات 11 و14)
تنويه المصدرلا يوجد رابط حي لهذه الشاشة؛ الأرقام أدناه ليست قياساً حياً لهذه الصفحة. الملاحظات مستوى القالب (WoodMart/Woo) موسومة حي، وما يخص الدرج تحديداً موسوم استنتاج / لقطة.
| المؤشر | الحالة | الحكم | الأثر |
|---|---|---|---|
| WooCommerce Cart Fragments (AJAX) | مُفعّل افتراضياً حي | مرتفع | طلب ?wc-ajax=get_refreshed_fragments متكرر يبطئ التفاعل ويستهلك الخادم. |
| درج WoodMart Off-canvas | مكوّن قالب استنتاج | متوسط | JS/CSS إضافي للدرج؛ يجب ألا يؤخّر تفاعل الإضافة. |
| زمن ظهور الدرج بعد ATC | يتطلب قياس فحص | متوسط | تأخّر AJAX يجعل الزائر ينقر «أضف» مرتين. |
| صورة بند المنتج داخل الدرج | مصغّرة لقطة | جيد | حجم صغير مناسب؛ تأكّد من WebP وأبعاد ثابتة (لا CLS). |
| ازدواج التوست + الدرج | يعملان معاً لقطة | متوسط | عمليتا DOM/رسم متزامنتان — يُفضّل التوحيد. |
| Elementor 4.1.4 + WoodMart | مثبّت حي | متوسط | ثقل عام للقالب؛ يؤثر على وقت جاهزية التفاعل. |
للقياس الفعلييُنصح بمراقبة زمن استجابة wc-ajax عبر Network panel، وقياس تأثير cart fragments على INP، وتتبّع حدث
add_to_cart في GA4، وتسجيلات Clarity لرصد التردّد بين الزرّين. الأرقام أعلاه تقييم بنيوي/قالبي وليست قياس زمن مباشر لهذه الشاشة.ملاحظات WooCommerce / القالب
- راجع تحميل cart-fragments.js وقصر تحديثه على الصفحات التي تحتاجه فقط. يتطلب فحص تقني
- حمّل JS الدرج بشكل مؤجّل (defer) لتسريع أول تفاعل. استنتاج
- أبعاد ثابتة لصورة البند لتفادي CLS داخل الدرج. استنتاج
- القالب WoodMart + Elementor 4.1.4 ثقيل افتراضياً — راجع الإضافات غير الضرورية. حي
🗺️ خريطة نقاط الاحتكاك (الخطوة 15)
| القسم | المشكلة | أثر المستخدم | أثر العمل | الشدة | Impact | الثقة |
|---|---|---|---|---|---|---|
| منطقة الأزرار | زرّان متكافئان بلا primary | تردّد وتشتّت قرار | تسرّب قبل الدفع | حرجة | 9 | عالية |
| «إتمام الطلب» | تباين باهت/ثانوي | لا يُدرَك كإجراء أساسي | خفض معدل الانتقال للدفع | حرجة | 9 | عالية |
| AOV | لا Upsell/Cross-sell | لا اكتشاف لمكمّلات | AOV منخفض | مرتفعة | 8 | عالية |
| التحفيز | لا شريط شحن مجاني | غياب دافع لزيادة القيمة | AOV / تحويل أقل | مرتفعة | 7 | عالية |
| الثقة | لا سطر طمأنة بالدرج | قلق لحظة الالتزام | خفض التحويل | متوسطة | 6 | متوسطة |
| التنقّل | لا «متابعة التسوّق» | خروج وحيد «إغلاق» | فقد فرص تصفّح | متوسطة | 5 | متوسطة |
| الوصولية | focus trap/Esc/تباين | حاجز كيبورد وقارئ شاشة | امتثال + فقد شريحة | متوسطة | 6 | متوسطة |
✅ جدول التوصيات (الخطوتان 16 و17)
| الأولوية | التوصية | لماذا تؤثر على التحويل | Impact | الثقة | الجهد | النوع | KPI |
|---|---|---|---|---|---|---|---|
| P0 | «إتمام الطلب» CTA أساسي واحد (أخضر مصمت، عرض كامل) | يزيل تشتّت القرار في أعلى لحظة نية | 9 | عالية | منخفض | Front-end/Design | Drawer→Checkout rate |
| P0 | خفض «عرض السلة» لرابط/زر ثانوي باهت | يوضّح التسلسل ويوجّه للدفع | 8 | عالية | منخفض | Design | CTR «إتمام الطلب» |
| P1 | إضافة Upsell/Cross-sell «منتجات قد تعجبك» | يرفع AOV في لحظة النية القصوى | 8 | عالية | متوسط | WooCommerce/CRO | AOV, items/order |
| P1 | شريط تقدّم الشحن المجاني (goal-gradient) | يحفّز زيادة القيمة وإتمام الطلب | 7 | عالية | متوسط | Front-end | AOV, CVR |
| P1 | سطر ثقة (دفع آمن · إرجاع · ضمان الوكيل) | يقلّل قلق الالتزام بالدفع | 6 | متوسطة | منخفض | Design/Content | Drawer→Checkout |
| P2 | رابط «متابعة التسوّق» + محرّر كمية بالدرج | يقلّل إغلاق الدرج ويسهّل التعديل | 5 | متوسطة | منخفض | Front-end | Drawer abandonment |
| P2 | وصولية: focus trap + Esc + تباين AA + aria-live | وصول أوسع + امتثال | 6 | عالية | متوسط | Accessibility | a11y score |
| P3 | دمج توست النجاح داخل الدرج «تمت الإضافة ✓» | تعزيز الإنجاز وتقليل الازدواج | 5 | متوسطة | منخفض | Front-end | Task success |
⚡ المكاسب السريعة (الخطوة 18)
| التغيير | المكان | Impact | الجهد | KPI المتوقع |
|---|---|---|---|---|
| «إتمام الطلب» أخضر مصمت عرض كامل | أسفل الدرج | 9 | منخفض | Drawer→Checkout ↑ |
| «عرض السلة» رابط ثانوي | أسفل الدرج | 8 | منخفض | CTR primary ↑ |
| سطر ثقة مصغّر | أسفل الأزرار | 6 | منخفض | CVR ↑ / قلق ↓ |
| شريط «الشحن المجاني» | أعلى الدرج | 7 | متوسط | AOV ↑ |
| رابط «متابعة التسوّق» | أسفل الدرج | 5 | منخفض | Abandonment ↓ |
🧪 خطة اختبار A/B (الخطوة 21)
| الفرضية | الحالي | البديل | KPI أساسي | Guardrail | Impact |
|---|---|---|---|---|---|
| CTA أساسي واحد يرفع الانتقال للدفع | زرّان متكافئان | «إتمام الطلب» بطل + «عرض السلة» ثانوي | Drawer→Checkout rate | Drawer abandonment | 9 |
| Cross-sell يرفع AOV | لا اقتراحات | «منتجات قد تعجبك» (3 عناصر) | AOV | معدل الإزالة/الإغلاق | 8 |
| شريط الشحن المجاني يحفّز الإتمام | بدون شريط | «أنت مؤهل للشحن المجاني ✓» | CVR / AOV | Time to checkout | 7 |
| سطر الثقة يرفع الانتقال للدفع | بدون طمأنة | «دفع آمن · إرجاع · ضمان» | Drawer→Checkout | Bounce من الدرج | 6 |
📈 خطة التحقق التحليلي (الخطوة 22)
قياسات GA4
- حدث
add_to_cart(تكرار وقيمة). - Drawer→Checkout rate: نسبة النقر على «إتمام الطلب» بعد ظهور الدرج.
- Drawer abandonment: إغلاق الدرج دون إجراء.
- نقرات «عرض السلة» مقابل «إتمام الطلب».
- أثر Cross-sell على
items/orderوbegin_checkout.
Clarity / Hotjar
- تسجيلات جلسات لرصد التردّد بين الزرّين.
- Rage/Dead clicks على «إتمام الطلب» الباهت.
- خرائط نقر داخل الدرج.
- معدل الإغلاق عبر × مقابل overlay.
فوري مقابل يحتاج بياناتفوري: تسلسل CTA، سطر الثقة، رابط «متابعة التسوّق»، إصلاحات الوصولية. يحتاج تحقق بالبيانات/الاختبار: منطق Upsell والعناصر المقترحة، عتبة الشحن المجاني، ترتيب مكوّنات الدرج — تُختبر A/B قبل التعميم.
🏗️ الهيكل المقترح للدرج (الخطوة 23) + Wireframe (24)
┌─ رأس الدرج (عربة التسوق · إغلاق ×) — دور dialog + focus trap
├─ شريط الشحن المجاني → «أنت مؤهل للشحن المجاني ✓» / «تبقّى X ﷼»
├─ رسالة نجاح «تمت الإضافة ✓» (مدمجة داخل الدرج)
├─ بند المنتج (صورة · اسم · SKU · سعر · − كمية + · × إزالة)
├─ المجموع (2,198.80 ﷼ شامل الضريبة · توصيل 48 ساعة)
├─ Upsell/Cross-sell «منتجات قد تعجبك» (منظّف · ملح · تركيب)
├─ زر بطل → «إتمام الطلب» (أخضر مصمت · عرض كامل · sticky بالموبايل)
├─ رابط ثانوي «عرض السلة» + «متابعة التسوّق»
└─ سطر ثقة (🔒 دفع آمن · إرجاع سهل · ضمان الوكيل · Mada/ApplePay/Tabby/Tamara)
✍️ نصوص محسّنة (الخطوة 25) — عربي + English
CTA أساسي
إتمام الطلب
Checkout
CTA ثانوي
عرض السلة
View Cart
رسالة الشحن المجاني
🎉 أنت مؤهل للشحن المجاني!
You've unlocked free shipping!
عنوان Upsell
منتجات قد تعجبك
You might also like
سطر الثقة
🔒 دفع آمن · إرجاع سهل · ضمان الوكيل الرسمي
Secure payment · Easy returns · Official warranty
متابعة التسوّق
← متابعة التسوّق
Continue Shopping
🗓️ خارطة التنفيذ (الخطوة 26)
| المرحلة | المهام | المسؤول | Impact | مقياس النجاح |
|---|---|---|---|---|
| 1 · إصلاحات فورية | تسلسل CTA، سطر الثقة، «متابعة التسوّق»، تباين AA | Front-end + Designer | 9 | Drawer→Checkout ↑ |
| 2 · CRO عالي الأثر | Upsell/Cross-sell، شريط الشحن المجاني، محرّر الكمية | CRO + WooCommerce dev | 8 | AOV ↑ / CVR ↑ |
| 3 · اختبار وتحسين | A/B لتسلسل الأزرار والـUpsell، تحليل Clarity | CRO + Analytics | 7 | CVR ↑ مؤكد إحصائياً |
| 4 · وصولية وأداء | focus trap + Esc + aria-live، تحسين cart fragments | Front-end + a11y | 6 | a11y ↑ / INP ↓ |
🧾 التشخيص النهائي (الخطوة 27)
الخلاصة
- أكبر قوة: درج نظيف غير مقتحِم + سعر شفاف شامل الضريبة + تأكيد نجاح فوري.
- أكبر ضعف: زرّان متكافئان بلا primary + فراغ وظيفي (لا Upsell/شحن مجاني/ثقة).
- أهم تغيير: «إتمام الطلب» CTA أساسي واحد وحاسم.
- أفضل مكسب سريع: رفع تباين «إتمام الطلب» وخفض «عرض السلة» لثانوي.
- أعلى مخاطرة: تسرّب الميكرو-تحويل عند لحظة التردّد بين الزرّين.
- أول اختبار A/B: CTA أساسي واحد مقابل الزرّين الحاليين.
- أول تقرير تحليلي: Drawer→Checkout rate + Drawer abandonment (GA4 + Clarity).
أعلى 10 إجراءات مرتّبة
- «إتمام الطلب» CTA أساسي واحد (أخضر مصمت) — 9
- «عرض السلة» رابط ثانوي باهت — 8
- إضافة Upsell/Cross-sell بالدرج — 8
- شريط تقدّم الشحن المجاني — 7
- سطر ثقة (دفع آمن/إرجاع/ضمان) — 6
- وصولية: focus trap + Esc + تباين AA — 6
- رابط «متابعة التسوّق» — 5
- محرّر الكمية داخل الدرج — 5
- دمج توست النجاح داخل الدرج — 5
- تحسين cart fragments / تأجيل JS الدرج — 5
🖼️ معرض الأدلة
السلة الجانبية المنبثقة — لحظة الإضافة للسلة
مصدر التحليل: لقطة شاشة فقط — لا يوجد رابط حي لهذه الشاشة؛ الحقائق الحية مقتصرة على مستوى القالب (WordPress + WooCommerce + Elementor 4.1.4 + WoodMart). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي حقيقة قالب/عابرة للصفحات · استنتاج مبني على مبادئ UX/CRO.