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

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

الصفحة الرئيسية لمتجر شاكر — متجر تجزئة للأجهزة الكهربائية المنزلية (ثلاجات، غسالات، مكيفات، أجهزة مطبخ) في السعودية، مبني على WooCommerce + Elementor + WoodMart. الجمهور: أسر سعودية باحثة عن أجهزة موثوقة بأسعار تنافسية مع تقسيط. الهدف التجاري الأساسي: توجيه الزائر بكفاءة إلى مسار التسوق الصحيح ثم Add-to-Cart. الهدف الثانوي: بناء الثقة وزيادة متوسط قيمة الطلب (AOV).

نوع الصفحةHomepage
الصناعةأجهزة منزلية / Retail
المنصةWooCommerce + Elementor
القالبWoodMart
نية الزائرتصفّح / اكتشاف (Awareness–Consideration)
السوق واللغةالسعودية · عربي RTL
وسائل الدفع الظاهرةMada · Apple Pay · Visa · Tabby · Tamara · EZpay
جهاز اللقطةDesktop (يُستنتَج الموبايل)

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

جاهزية التحويل
62 / 100متوسط
تجربة المستخدم
68 / 100مقبول
الثقة
55 / 100ضعيف
جاهزية الموبايل
60 / 100متوسط
إمكانية الوصول
48 / 100ضعيف
المحتوى والرسائل
66 / 100مقبول
⛔ أعلى 5 عوائق للتحويل
  1. غياب تقييمات المنتجات نهائياً عبر الموقع — لا نجوم ولا عدد مراجعات على بطاقات المنتج في الرئيسية. حي
  2. ازدحام معرفي شديد (Info Overload) — الصفحة طويلة جداً وتضم عشرات الصفوف من المنتجات دون تسلسل واضح للأولويات. لقطة
  3. Hero بلا رسالة قيمة واضحة أو CTA أساسي — البانر يعرض صورة أجهزة دون عنوان بيعي أو زر إجراء بارز. لقطة
  4. لا يوجد H1 في الصفحة وعدد العناوين H2 = 130 — تشتت في التسلسل الدلالي يضعف المسح البصري وSEO. حي
  5. ثقل تقني بالغ: 771 صورة (0 WebP) و 19,805 عنصر DOM و 109 سكربت → بطء محتمل يضر أول انطباع. حي
⚡ أعلى 5 مكاسب سريعة (Quick Wins)
  1. إضافة H1 بيعي واحد أعلى الطية + رسالة قيمة من سطرين.
  2. تفعيل نظام تقييمات المنتجات وإظهار النجوم على البطاقات (يبدأ بمنتجات لديها آراء).
  3. تحويل صور المنتجات إلى WebP + loading="lazy" لما تحت الطية.
  4. إضافة Sticky Header نحيف يبقي البحث والسلة والتصنيفات ظاهرة أثناء التمرير.
  5. شريط ثقة مصغّر أعلى الطية (شحن مجاني · توصيل 48 ساعة · دفع آمن · ضمان الوكيل).
🚀 أعلى 3 تحسينات استراتيجية عالية الأثر

1) إعادة هيكلة IA للصفحة الرئيسية

تقليص عدد صفوف المنتجات، وترتيب الأقسام وفق رحلة الشراء: Hero بيعي ← اختصارات التصنيفات ← الأكثر مبيعاً ← عروض ← منافع/ثقة ← دليل اجتماعي. يقلّل الحمل المعرفي ويوجّه الزائر بسرعة.

2) استراتيجية ثقة ومراجعات

بناء نظام تقييمات UGC + صور عملاء + شارات ضمان الوكيل الرسمي لـ LG، وإبرازها في الرئيسية. الثقة هي أضعف محور (55) وأعلى مؤثّر شرائي في السوق السعودي.

3) تحسين أداء على مستوى القالب

معالجة DOM الضخم والصور غير المضغوطة و100+ سكربت. سرعة الرئيسية تؤثر مباشرة على معدل الارتداد وLCP وترتيب البحث.

🚪 أكبر سبب للمغادرة دون شراءضعف الثقة (لا مراجعات/نجوم) + إرهاق بصري من صفحة طويلة بلا توجيه واضح، فيغادر الزائر قبل الوصول لبطاقة منتج مقنعة.
💎 أكبر فرصة تحويل مهدرةعدم استثمار «أعلى الطية» برسالة قيمة + CTA + دليل اجتماعي؛ المساحة الأثمن حالياً بانر تصويري صامت.
✅ أقوى عنصر يدعم التحويل حالياًوضوح الأسعار شاملة الضريبة + خيارات التقسيط (Tabby/Tamara «بدون فوائد») + شحن مجاني وتوصيل 48 ساعة.

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

اختبار الـ 5 ثوانٍخلال أول 5 ثوانٍ يرى الزائر: لوجو شاكر، شريط تصنيفات علوي، بانر «الأجهزة المنزلية»، وشريط علامات تجارية (LG, Samsung, Daewoo…). ما لا يظهر بوضوح: رسالة قيمة تخبره «لماذا شاكر؟»، أو CTA أساسي، أو دليل ثقة. الرسالة الذهنية المتكوّنة: «هذا متجر أجهزة» — دون سبب مقنع للبقاء أو الشراء من هنا تحديداً.
العنصرالحالةالملاحظةالمصدر
رسالة القيمة (Value Prop)مفقودةلا عنوان بيعي يوضح التميّز (وكيل حصري، ضمان، أسعار).لقطة
العنوان الرئيسي H1غير موجودH1 count = 0 فعلياً في DOM.حي
CTA أساسي أعلى الطيةغائبالبانر تصويري بلا زر «تسوّق الآن» بارز.لقطة
البحثظاهرحقل بحث واضح في الهيدر «البحث عن المنتجات».لقطة
السلة / الحساب / اللغةظاهرةأيقونات السلة وقائمة الرغبات وتبديل EN موجودة.لقطة
معلومات الشحن/الدفعجزئيشريط علوي «توصيل خلال 48 ساعة + توصيل مجاني» — جيد لكنه رفيع وسهل التجاهل.لقطة
إشارات الثقة أعلى الطيةضعيفةلا تقييمات/شارات ضمان في المنطقة الأولى.لقطة
التنقل الأساسيواضحتصنيفات رئيسية مفهومة (تسوّق، التدفئة والتبريد، الأجهزة الكبيرة/الصغيرة…).لقطة

الفعل المرجّح للزائر: التمرير الطويل بحثاً عن عرض جذاب، بينما الفعل المرغوب هو النقر على تصنيف أو منتج بسرعة. الفجوة قائمة لأن أعلى الطية لا يوجّه ولا يحفّز.

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

نقاط القوة
  • هوية لونية متسقة (أخضر شاكر + ذهبي للأزرار).
  • بطاقات منتج منتظمة الشبكة (Grid 4 أعمدة).
  • أسعار واضحة مع «شامل الضريبة» وخيار تقسيط أسفل كل بطاقة.
  • مساحات بيضاء مقبولة بين الأقسام.
نقاط الضعف
  • تكرار وكثافة: صفوف منتجات متتابعة تُفقد التمييز بين الأقسام.
  • ضعف عناوين الأقسام: «الهدية المثالية»، «أجهزة ذكية» — تصويرية أكثر من كونها وظيفية/قابلة للنقر.
  • أزرار CTA على البطاقات باهتة (رمادي/ذهبي فاتح) مقابل خلفية بيضاء → تباين منخفض.
  • صور بأحجام/قصّات غير موحّدة في بعض البانرات الترويجية.
  • لا يوجد ترتيب أولوية بصري (F-Pattern) يقود العين لأهم عرض.
مشكلة تسلسل حرجةالصفحة تعامل كل الأقسام بنفس «الوزن البصري» تقريباً؛ لا يوجد قسم بطل واحد. النتيجة: العين لا تجد نقطة ارتكاز، فيزيد الحمل المعرفي (مبدأ Visual Hierarchy — NN/g).

🧭 التنقل واكتشاف المنتجات (الخطوة 5)

العنصرالتقييمالملاحظة
بنية التنقل الرئيسيةجيدةتصنيفات منطقية وواضحة التسمية.
Mega Menuللتحققغير ظاهر في اللقطة؛ يُنصح بقائمة كبرى بصور للتصنيفات الفرعية.
البحثظاهرحقل بارز؛ يُوصى بإضافة اقتراحات فورية (Autocomplete) وبحث بالصور/الموديل.
اختصارات التصنيفات في الرئيسيةمتأخرةقسم «استكشف الفئات» موجود لكنه قرب نهاية الصفحة — يجب رفعه لأعلى.
الأكثر مبيعاً / وصل حديثاًموجودوسوم موجودة على البطاقات، لكن لا قسم مُجمّع «Best Sellers» بارز أعلى.
Sticky Navمفقودعند التمرير الطويل يختفي البحث/السلة — احتكاك ملاحة.
Breadcrumbsغير مطلوب هناموجودة في صفحات المنتج/التصنيف.

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

رحلة الزائر الأول

يصل ← يرى بانراً صامتاً ← يمرّر بحثاً عن معنى ← يمر بعشرات المنتجات المتشابهة ← قد يصل لقسم التصنيفات متأخراً. نقطة تسرّب: ما بين الطية الأولى وأول قسم مُقنِع.

مسار التحويل المثالي

Hero بيعي + CTA ← اختصار تصنيف ← قائمة منتجات مع نجوم وسعر وتقسيط ← منتج ← Add to Cart. الرئيسية يجب أن تختصر أول ثلاث خطوات في «شاشة واحدة».

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

مخاطر الموبايل استنتاج
  • صفحة طويلة جداً → تمرير مرهق على الجوال؛ ضرورة اختصار الأقسام.
  • شريط علوي كثيف (شحن + أيقونات سوشيال) قد يزاحم المساحة.
  • الحاجة لـ Sticky Add-to-Cart وشريط بحث ثابت.
  • زر واتساب عائم مفيد لكن يجب ألا يحجب CTA.
إمكانية الوصول (WCAG)
  • 82 صورة بلا alt على الرئيسية — يضر قارئات الشاشة والـSEO. حي
  • تباين أزرار CTA الفاتحة على الأبيض دون AA غالباً. استنتاج
  • غياب H1 وكثرة H2 = تسلسل عناوين غير سليم لقارئ الشاشة. حي
  • يلزم التحقق من focus states وتنقّل الكيبورد. يتطلب فحص تقني

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

موجود ويعمل
✔ شعارات علامات عالمية ✔ شحن مجاني ✔ توصيل 48 ساعة (الرياض) ✔ Mada · Apple Pay · Visa ✔ Tabby · Tamara ✔ WalaPlus (ولاء) ✔ سجل تجاري + رقم ضريبي بالفوتر ✔ خدمة عملاء + هاتف + بريد
ناقص أو ضعيف
✕ تقييمات/نجوم المنتجات ✕ صور/آراء عملاء (UGC) ✕ شارات ضمان الوكيل بارزة ✕ عدّاد مبيعات/عملاء ✕ سياسة إرجاع بارزة أعلى الطية ✕ واتساب/دعم واضح أعلى الصفحة

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

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

المبدأكيف تتعامل معه الصفحةالتوصية الأخلاقية
الدليل الاجتماعيمُهدر — لا مراجعات.نجوم + عدد مشترين + «الأكثر مبيعاً» حقيقي.
التأطير السعري (Anchoring)مستخدم — سعر أصلي مشطوب مقابل الحالي (حي).إبراز نسبة التوفير % بوضوح على البطاقة.
تقليل المخاطرةجزئي — تقسيط بدون فوائد يقلل حاجز السعر.إضافة «إرجاع سهل + ضمان الوكيل» قرب السعر.
حِمل الاختيار (Hick's Law)مرتفع — عشرات المنتجات دفعة واحدة.تقليل الخيارات المعروضة + فلترة سريعة.
البروز البصري (Salience)ضعيف — لا عنصر بطل.قسم بطل واحد بعرض/CTA واضح.
تدرّج الهدف (Goal Gradient)غير مفعّل«شحن مجاني» مفعّل دائماً — أبرزه كمحفّز إتمام.
الإلحاح/الندرةغائب بالرئيسية.استخدام صادق: «عرض حتى نفاد الكمية» فقط عند صحته.
لا أنماط مظلمةكل التوصيات تعتمد معلومات صادقة (مراجعات حقيقية، مخزون فعلي، توفير فعلي) — لا عدّادات وهمية ولا ندرة زائفة.

🛒 عرض المنتجات والـMerchandising (الخطوة 9) + المحتوى (الخطوة 6)

Merchandising
  • بطاقات تعرض: صورة، اسم، سعر شامل الضريبة، تقسيط — ينقصها النجوم والحالة (متوفر).
  • لا يوجد «Frequently Bought Together» أو Bundles لرفع AOV.
  • لا شريط «شحن مجاني عند X» لتحفيز زيادة القيمة.
  • أقسام كثيرة متشابهة بدل قسم منسّق واحد لكل نية.
إعادة صياغة نص ضعيف
الحالي
«الأجهزة المنزلية»
generic banner label
المقترح
«أجهزتك المنزلية من الوكيل الرسمي — بأسعار الجملة وتقسيط بدون فوائد»
Why stronger: benefit + trust + risk-reversal

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

المؤشرالقيمة المرصودةالحكمالأثر
عناصر DOM19,805حرجبطء رسم، استهلاك ذاكرة، مخاطر CLS (Lighthouse يحذّر >1500).
عدد الصور771 (0 بصيغة WebP)حرجوزن صفحة مرتفع وLCP بطيء.
صور بلا lazy-load717 من 771مرتفعتحميل صور تحت الطية فوراً.
سكربتات <script src>109مرتفعRender-blocking وتأخّر تفاعل (INP).
ملفات CSS11متوسطيمكن دمجها/تصغيرها.
الخطوطGoogle Fonts مُفعّلمتوسططلب خارجي حاجب؛ يُفضّل self-host + font-display swap.
Object Cacheمُفعّل (شريط الأدمن)جيديساعد أداء الخادم.
Server-renderنعم (المحتوى في HTML)جيدجيد للزحف والـSEO رغم ثقل الـDOM.
للقياس الفعلييُنصح بتشغيل PageSpeed Insights / Lighthouse / WebPageTest لقياس LCP وINP وCLS الفعلية، ومراقبة GA4 + Clarity لسرعة الصفحة حسب الجهاز ومعدل الارتداد. الأرقام أعلاه رصد بنيوي وليست قياس زمن تحميل مباشر.
ملاحظات WooCommerce / القالب
  • القالب WoodMart + Elementor 4.1.4 — ثقيل افتراضياً؛ راجع الإضافات وعناصر الصفحة غير الضرورية. حي
  • تصميم بطاقات المنتج يعتمد AJAX add-to-cart — تحقق من cart fragments وأثرها على الأداء. يتطلب فحص تقني
  • Rank Math SEO مثبّت — جيّد للتحكم في العناوين/الوصف؛ استغلّه لضبط H1. حي

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

القسمالمشكلةأثر المستخدمأثر العملالشدةImpactالثقة
أعلى الطيةلا رسالة قيمة/CTA/H1لا يفهم التميّز، يترددارتداد مبكرحرجة9عالية
بطاقات المنتجلا نجوم/مراجعاتقلق ثقةانخفاض CTR للمنتجحرجة9عالية
هيكل الصفحةازدحام وطول مفرطإرهاق واختيار مشتتتسرّب قبل التصنيفمرتفعة8عالية
الأداءDOM/صور/سكربت ثقيلةبطء محسوسارتداد + SEOمرتفعة8عالية
التنقللا Sticky headerفقد البحث/السلة عند التمريراحتكاك ملاحةمتوسطة6متوسطة
الوصولية82 صورة بلا altحاجز لقارئ الشاشةSEO + امتثالمتوسطة6عالية
الثقةلا شارات ضمان/إرجاع بارزةعدم يقينخفض التحويلمتوسطة6متوسطة

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

الأولويةالتوصيةلماذا تؤثر على التحويلImpactالثقةالجهدالنوعKPI
P0Hero بيعي: H1 + رسالة قيمة + CTA «تسوّق الآن»يوضّح الغرض ويوجّه الزائر فوراً9عاليةمتوسطContent/DesignCTR للتصنيف، Bounce
P0تفعيل تقييمات المنتجات وإظهار النجوم على البطاقاتدليل اجتماعي = ثقة أعلى9عاليةمتوسطWooCommerce configAdd-to-Cart rate
P1إعادة ترتيب الأقسام وتقليص الصفوفيخفض الحمل المعرفي8عاليةمرتفعDesign/IAScroll depth, CVR
P1تحويل الصور إلى WebP + lazy-load شاملسرعة أعلى = ارتداد أقل8عاليةمتوسطPerformanceLCP, Bounce
P1Sticky header (بحث + سلة + تصنيفات)يسهّل الملاحة والتحويل6متوسطةمنخفضFront-endSearch usage, CVR
P2شريط ثقة أعلى الطية (شحن/توصيل/ضمان/دفع)يقلّل القلق مبكراً6متوسطةمنخفضDesignCVR, Time on page
P2إضافة alt لكل الصوروصولية + SEO5عاليةمتوسطAccessibility/SEOOrganic, a11y score
P3Bundles / شريط «شحن مجاني عند X»يرفع AOV5متوسطةمتوسطA/B testAOV

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

التغييرالمكانImpactالجهدKPI المتوقع
إضافة H1 بيعيأعلى الطية8منخفضBounce ↓ / SEO ↑
إظهار «متوفر في المخزون» على البطاقةبطاقة المنتج5منخفضCTR ↑
إبراز نسبة التوفير %بطاقة المنتج5منخفضAdd-to-Cart ↑
رفع قسم التصنيفات للأعلىالرئيسية6منخفضCTR تصنيف ↑
زيادة تباين أزرار CTAالبطاقات5منخفضCTR زر ↑

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

الفرضيةالحاليالبديلKPI أساسيGuardrailImpact
Hero بيعي + CTA سيرفع الانتقال للتصنيفبانر صامتعنوان قيمة + زر «تسوّق الآن»CTR للتصنيفBounce9
نجوم المنتج ترفع Add-to-Cartبلا نجومنجوم + عدد مراجعاتAdd-to-Cart rateمعدل الإرجاع8
تقليص الأقسام يقلل التسرّبصفحة طويلةنسخة مختصرة موجّهةCVRمشاهدات المنتج8
شريط الثقة يرفع التحويلبدون شريطشريط شحن/ضمان/دفعCVRTime on page6

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

قياسات GA4
  • أداء الهبوط على الرئيسية + معدل الارتداد.
  • تقسيم الجهاز (Desktop/Mobile) والمصدر.
  • نقرات قوائم المنتجات (view_item_list, select_item).
  • Add-to-Cart وبداية الدفع من زيارات الرئيسية.
  • صفحات الخروج وعمق التمرير.
Clarity / Hotjar
  • خرائط حرارية للطية الأولى.
  • Rage / Dead clicks على البانرات.
  • تسجيلات جلسات لرصد نقطة التسرّب.
  • عمق التمرير حتى قسم التصنيفات.
فوري مقابل يحتاج بياناتفوري: H1، alt، WebP، Sticky header، شريط الثقة. يحتاج تحقق بالبيانات/الاختبار: إعادة ترتيب الأقسام، Bundles، صياغة الـHero — تُختبر A/B قبل التعميم.

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

┌─ شريط إعلان (شحن مجاني · توصيل 48 ساعة · دفع آمن) ├─ الهيدر (لوجو · بحث بارز · حساب · سلة · EN) — Sticky ├─ التنقل (تصنيفات رئيسية + Mega menu بصور) ├─ Hero بطلH1 بيعي + رسالة قيمة + CTA «تسوّق الآن» + شارة ثقة ├─ شريط ثقة (وكيل رسمي · ضمان · إرجاع · Mada/ApplePay/Tabby/Tamara) ├─ اختصارات التصنيفات (6–8 بطاقات بصور) ├─ الأكثر مبيعاً (بطاقات + نجوم + سعر + توفير% + تقسيط) ├─ عرض/بانر موسمي واحد قوي ├─ المنافع (توصيل سريع · تركيب · دفع مرن · دعم) ├─ دليل اجتماعي (آراء وصور عملاء + تقييم عام) ├─ وصل حديثاً + قسم العلامات └─ الفوتر (روابط · تواصل · سجل تجاري · دفع · تطبيق)

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

العنوان الرئيسي
أجهزة منزلك من الوكيل الرسمي — بأسعار تنافسية وتقسيط بدون فوائد
Your home appliances from the official dealer — great prices, 0% installments
العنوان المساند
شحن مجاني وتوصيل خلال 48 ساعة داخل الرياض مع ضمان الوكيل
Free shipping, 48h Riyadh delivery, official warranty
CTA أساسي
تسوّق الآن
Shop Now
CTA ثانوي
تصفّح العروض
Browse Offers
رسالة الثقة
وكيل حصري لـ LG وميديا وأريستون في السعودية
Exclusive dealer for LG, Midea, Ariston in KSA
placeholder البحث
ابحث عن جهاز أو موديل…
Search for an appliance or model…

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

المرحلةالمهامالمسؤولImpactمقياس النجاح
1 · إصلاحات فوريةH1، alt، WebP، تباين CTA، رفع التصنيفاتFront-end + Store manager8Bounce ↓ / LCP ↓
2 · CRO عالي الأثرHero بيعي، تفعيل المراجعات، شريط الثقة، Sticky headerDesigner + CRO + WooCommerce dev9Add-to-Cart ↑ / CVR ↑
3 · اختبار وتحسينA/B للـHero والأقسام، تحليل ClarityCRO + Analytics7CVR ↑ مؤكد إحصائياً
4 · إعادة تصميم استراتيجيإعادة هيكلة IA كاملة + Bundles + شخصنةDesigner + Back-end8AOV ↑ / Retention ↑

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

الخلاصة
  • أكبر قوة: بنية تجارية سليمة — أسعار شفافة، تقسيط، شحن مجاني، دفع محلي كامل.
  • أكبر ضعف: ثقة ضعيفة (لا مراجعات) + أعلى طية بلا رسالة/CTA.
  • أهم تغيير: Hero بيعي + تفعيل تقييمات المنتجات.
  • أفضل مكسب سريع: إضافة H1 وتحسين تباين CTA.
  • أعلى مخاطرة: الثقل التقني (DOM/صور/سكربت) على السرعة والـSEO.
  • أول اختبار A/B: Hero بيعي مقابل البانر الحالي.
  • أول تقرير تحليلي: عمق التمرير + نقطة التسرّب على الرئيسية (Clarity + GA4).
أعلى 10 إجراءات مرتّبة
  1. Hero بيعي (H1+CTA) — 9
  2. تفعيل تقييمات المنتجات — 9
  3. تقليص وإعادة ترتيب الأقسام — 8
  4. WebP + lazy-load شامل — 8
  5. معالجة DOM/سكربت القالب — 8
  6. Sticky header — 6
  7. شريط ثقة أعلى الطية — 6
  8. alt لكل الصور — 6
  9. إبراز التوفير% والمخزون على البطاقة — 5
  10. Bundles / شحن مجاني عند X — 5

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

لقطة الصفحة الرئيسية لمتجر شاكر
الصفحة الرئيسية — اللقطة الكاملة

مصدر التحليل الحي: shakersa.com (فُحص مباشرةً عبر المتصفح لأن الموقع يحجب الجلب الآلي 403). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي من الرابط · استنتاج مبني على مبادئ UX/CRO.

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

🎯 السياق والزاوية التكميلية (الخطوة 1)

🧩 لقطة مطابقة للصفحة الرئيسيةهذه اللقطة هي نفس التقاط الصفحة الرئيسية المستخدَم في التقرير 01 — نُقدَّم هنا كتحليل تكميلي مركّز على الـMerchandising والسلوك والموبايل. الهدف ألا نكرّر التقرير الأول بل نتعمّق ثلاث طبقات أعمق في: (٩) هندسة عرض المنتجات، (٨) علم النفس الشرائي، (١٢) تجربة الموبايل — مع الإبقاء على تغطية الخطوات الـ27 كاملة عبر التبويبات الثمانية.

الصفحة الرئيسية لمتجر شاكر هي «واجهة عرض» لمتجر تجزئة أجهزة منزلية (تكييف، غسالات، مايكروويف، شفاطات، أجهزة مطبخ ذكية) في السعودية على WooCommerce + Elementor 4.1.4 + WoodMart. زاوية هذا التقرير: الصفحة تملك محتوى تجاري وفير جداً (عشرات صفوف المنتجات، خصومات حتى 87%، أقسام هدايا وأمان الطفل وأجهزة ذكية) لكنها تُدار كـ«مستودع عرض» لا كـ«رفّ بيع منسّق». الفارق بين الاثنين هو تحديداً ما يفصل درجة التحويل 62 عن 78+.

نوع الصفحةHomepage (Merchandising-heavy)
زاوية التقريرتكميلي: عرض · سلوك · موبايل
عدد صفوف المنتجاتكثيرة ومتشابهة (تكييف/مايكروويف/غسالات/شفاطات)
أقصى خصم ظاهرحتى 87% (بلاطات فئات)
إشارات التقسيطTabby · Tamara · EZpay (BSF)
الولاءWalaPlus · Mobily Pay نقاطي
الثغرة عبر الموقعصفر تقييمات/نجوم في كل الموقع
جهاز اللقطةDesktop (يُستنتَج سلوك الموبايل)

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

جاهزية التحويل
62 / 100متوسط
تجربة المستخدم
68 / 100مقبول
الثقة
55 / 100ضعيف
جاهزية الموبايل
60 / 100متوسط
إمكانية الوصول
48 / 100ضعيف
المحتوى والرسائل
66 / 100مقبول
⛔ أعلى 5 عوائق تحويل (زاوية العرض والسلوك)
  1. بطاقة منتج «ناقصة الإقناع» — تعرض سعراً وتقسيطاً لكن بلا نجوم، بلا حالة مخزون، بلا نسبة توفير% صريحة، وبلا مؤشر إلحاح صادق. البطاقة هي وحدة البيع الأساسية وهي أضعف عنصر في الصفحة. لقطة
  2. عمى الخصومات (Discount Blindness) — بلاطات «خصم حتى 87/74/71…» متجاورة بنفس الشكل تُفقد قيمتها؛ الدماغ يعاملها كنمط زخرفي لا كعرض حقيقي. لقطة
  3. قانون هيك (Hick's Law) في أقصى صوره — عشرات المنتجات المتشابهة دفعة واحدة (تكييف ثم مايكروويف ثم غسالات) دون تصفية أو تسلسل نية → شلل قرار. لقطة
  4. قسم «استكشف الفئات» في قاع الصفحة — أهم أداة توجيه (المطبخ/تنقية الهواء/التدفئة/الصحة/الحياة) مدفونة أسفل، بعد أن يكون معظم الزوّار قد غادروا. لقطة
  5. صفر دليل اجتماعي عبر الموقع — لا AggregateRating ولا مراجعات في أي مكان؛ فجوة ثقة كبرى في سوق يقودها التقييم. حي
⚡ أعلى 5 مكاسب سريعة (تعمّق تكميلي)
  1. إعادة تصميم بطاقة المنتج القياسية: نجوم + «متوفر» + شارة توفير% + زر CTA عالي التباين — تنعكس على كل صف فوراً.
  2. دمج بلاطات الخصومات في «شبكة عروض» واحدة موحّدة بعدّاد/تسلسل نسبة توفير بدل التكرار.
  3. رفع «استكشف الفئات» إلى ما بعد الـHero مباشرة كأول أداة توجيه.
  4. إضافة Sticky «أضف للسلة» على الموبايل + شريط بحث ثابت.
  5. تفعيل نجوم المنتجات على أول 8 منتجات أكثر مبيعاً كبذرة دليل اجتماعي.
🚀 أعلى 3 تحسينات استراتيجية (تكميلية عالية الأثر)

1) نظام «بطاقة منتج بيعية» موحّد

مكوّن Product Card واحد يفرض: صورة موحّدة القصّ + اسم + نجوم + سعر شامل الضريبة + توفير% + تقسيط + حالة مخزون + CTA بارز. لأنه يتكرر مئات المرات، تحسينه = رافعة تحويل مضاعِفة أكبر من أي بانر مفرد.

2) هندسة اتخاذ القرار (Choice Architecture)

تحويل صفوف «كل المنتجات» إلى أقسام مبنية على النية: «الأكثر مبيعاً»، «تحت 999 ريال»، «مناسب للشقق الصغيرة»، «موفّر للطاقة». تصفية سلوكية تكسر شلل هيك وترفع select_item.

3) موبايل-أولاً حقيقي

الصفحة طويلة جداً على الديسكتوب — على الجوال تصبح ماراثون تمرير. إعادة ترتيب موبايل مخصّصة: Hero مضغوط + اختصارات فئات أفقية + شبكة عمودين + Sticky ATC.

🚪 أكبر سبب للمغادرة دون شراء«إرهاق العرض» — بطاقات متطابقة الشكل تتكرر بلا فروق إقناعية (لا نجوم/لا توفير واضح)، فيفقد الزائر القدرة على المقارنة ويغادر قبل النقر على منتج واحد.
💎 أكبر فرصة تحويل مهدرةثراء المخزون والخصومات (حتى 87%) معروض كـ«ضجيج» متجانس؛ لو نُظّم في «رفّ بيع» متدرّج القيمة لتحوّل الطول من عبء إلى أداة اكتشاف.
✅ أقوى عنصر يدعم التحويل حالياًمنظومة الدفع والتقسيط المحلية الكاملة (Mada/Apple Pay/Tabby/Tamara/EZpay) + شحن مجاني وتوصيل 48 ساعة — بنية تجارية ممتازة تنتظر عرضاً يليق بها.

👁️ تحليل أعلى الطية — قراءة سلوكية (الخطوة 3)

اختبار الـ 5 ثوانٍ (زاوية تكميلية)يرى الزائر خلال أول 5 ثوانٍ: شريط إعلان (توصيل 48 ساعة + مجاني)، هيدر بلوجو وبحث بارز «البحث عن المنتجات»، نافبار تصنيفات، ثم بانر «الأجهزة المنزلية» الصامت وصف شعارات علامات (Daewoo, Bompani, Samsung, Midea, Ariston, Black&Decker, LG). القراءة السلوكية: العين تلتقط «تشكيلة واسعة» لكن لا تلتقط «قيمة» ولا «وجهة». الرسالة الذهنية: «متجر أجهزة كبير» — بلا سبب عاطفي أو منطقي للبقاء. صف العلامات يبني ثقة ضمنية جيدة لكنه يستهلك المساحة الأثمن دون CTA.
العنصرالحالةالملاحظة السلوكيةالمصدر
رسالة القيمة (Value Prop)مفقودةلا سبب مقنع «لماذا شاكر»؛ البانر تصويري بحت.لقطة
العنوان الرئيسي H1غير موجودH1 = 0 مع 130 عنوان H2 — بلا نقطة ارتكاز دلالية. حي
CTA أساسي أعلى الطيةغائبلا زر «تسوّق الآن» — المساحة الذهبية بلا فعل مطلوب.لقطة
صف شعارات العلاماتثقة ضمنيةLG/Samsung/Midea… يبني مصداقية لكن يزاحم Hero.لقطة
البحثظاهر وبارزحقل واضح — أصل قوي؛ ينقصه Autocomplete.لقطة
شريط الإعلان العلويجيد لكن رفيع«توصيل 48 ساعة + مجاني» — رسالة قوية لكنها سهلة التجاهل بصرياً.لقطة
بلاطتا «تركيب مجاني» و«القطع»منفعة مدفونةخدمة تركيب مجاني ميزة ثقة قوية لكنها بلاطة صغيرة لا شارة بارزة.لقطة
إشارات الثقة أعلى الطيةضعيفةلا تقييمات ولا شارة ضمان وكيل في المنطقة الأولى.استنتاج

الخلاصة السلوكية: أعلى الطية يعمل كـ«لوحة إعلانية» لا كـ«بوابة توجيه». الفعل المرجّح: تمرير استكشافي طويل. الفعل المرغوب: نقرة تصنيف أو منتج خلال 10 ثوانٍ. سدّ الفجوة يتطلب Hero يجيب عن «ماذا أفعل الآن؟» بزر واحد واضح.

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

نقاط القوة
  • هوية لونية متسقة (أخضر شاكر + ذهبي) عبر كل الأقسام.
  • شبكة بطاقات منتظمة (Grid) تعطي إحساس ترتيب.
  • أسعار «شامل الضريبة» + تقسيط أسفل كل بطاقة — شفافية جيدة.
  • أقسام موضوعية جذابة (الهدية المثالية، أمان طفلك، أجهزة ذكية) تحمل إمكانات تسويقية.
نقاط الضعف (زاوية بصرية دقيقة)
  • تباين CTA حرج: أزرار البطاقات ذهبية/رمادية باهتة على أبيض — غالباً دون AA؛ تختفي كنقطة فعل. لقطة
  • وزن بصري متساوٍ: كل الأقسام بنفس الحجم والتباعد → لا «قسم بطل» يمسك العين.
  • قصّات صور غير موحّدة في البانرات الترويجية والبلاطات.
  • خطأ إملائي ظاهر: «أولوينا/أولينا» في قسم أمان الطفل — يضر المصداقية. لقطة
  • غياب مسار بصري (F/Z-Pattern) يقود من الأهم للأقل.
مشكلة تسلسل حرجة (تشخيص أعمق)المشكلة ليست «قلة محتوى» بل «انعدام تراتبية». حين يتساوى وزن 15 قسماً بصرياً، يفشل مبدأ Visual Hierarchy (NN/g) ويتحوّل الثراء إلى تشويش. الحل ليس الحذف فقط بل ترقية 3 أقسام لأبطال وتخفيض الباقي بصرياً.

🧭 التنقل واكتشاف المنتجات (الخطوة 5)

العنصرالتقييمالملاحظة
النافبار الرئيسيجيدتصنيفات منطقية (تسوّق، التدفئة والتبريد وجودة الهواء، الأجهزة الكبيرة/الصغيرة، الشاشات والترفيه، المدمجة، أدوات المنزل).
Mega Menu بصورللتحققغير ظاهر في اللقطة؛ يُوصى بقائمة كبرى بصور فرعية لتسريع الاكتشاف.
البحث + Autocompleteجزئيالحقل بارز؛ ينقصه اقتراح فوري + بحث بالموديل/الصورة.
«استكشف الفئات»في القاعالمطبخ/تنقية الهواء/التدفئة/الصحة/الحياة — أداة توجيه ممتازة لكنها قرب نهاية الصفحة.
قسم «الأكثر مبيعاً» مجمّعمفقود بارزلا قسم Best Sellers منسّق أعلى؛ الوسوم متفرّقة على البطاقات.
Sticky Navمفقودمع طول الصفحة، يختفي البحث/السلة عند التمرير — احتكاك ملاحة كبير.
فلترة سريعة على الرئيسيةغائبةلا شرائح (تحت 999/موفّر طاقة/للشقق) لتضييق الاختيار.

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

رحلة الزائر الأول (تفصيل)

يصل ← بانر صامت ← يمرّر عبر صف علامات ← تكييف ← مايكروويف ← غسالات ← شفاطات ← أقسام هدايا/ذكية/خصومات ← يصل «استكشف الفئات» متأخراً. نقطة التسرّب الكبرى: بين الطية الأولى وأول قسم يقدّم «قراراً» بدل «عرض».

مسار التحويل المثالي

Hero بيعي + CTA ← اختصارات فئات (مرفوعة للأعلى) ← «الأكثر مبيعاً» مع نجوم/سعر/توفير ← فلترة سريعة ← منتج ← Add to Cart. الرئيسية يجب أن تُقدّم قراراً كل شاشتين لا عرضاً متواصلاً.

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

لماذا الموبايل هو المعركة الحقيقيةالصفحة طويلة جداً على الديسكتوب؛ على الجوال (حيث غالبية زوار التجزئة السعودية) تتحوّل إلى ماراثون تمرير عمودي. كل صف منتجات على الديسكتوب (4 أعمدة) يصبح على الجوال 8+ بطاقات عمودية → آلاف البكسلات من التمرير قبل الوصول لأي «قرار». هذا يفاقم كل مشاكل الحمل المعرفي أعلاه أضعافاً.
مخاطر الموبايل المحدّدة استنتاج
  • طول مفرط: عشرات الصفوف عمودياً → معدل وصول للقاع شبه معدوم.
  • هيدر مزدحم: لوجو + بحث + حساب + قائمة رغبات + سلة + EN + سوشيال قد يزاحم شاشة صغيرة.
  • غياب Sticky «أضف للسلة» على قوائم المنتجات — احتكاك تحويل مباشر.
  • بلاطات الخصومات قد تتحوّل لأعمدة صغيرة يصعب لمسها (Tap target < 44px).
  • 771 صورة (0 WebP) عبء بيانات ثقيل على شبكات الجوال. حي
  • «استكشف الفئات» في القاع = يُرى فعلياً على الجوال ≈ 0.
إمكانية الوصول (WCAG) — الأدنى درجة (48)
  • 82 صورة بلا alt على الرئيسية — حاجز لقارئ الشاشة + خسارة SEO. حي
  • H1 = 0 مع 130 H2 — تسلسل عناوين مكسور لملاحة قارئ الشاشة. حي
  • تباين أزرار CTA الباهتة على الأبيض دون AA غالباً. استنتاج
  • Tap targets على بلاطات الخصومات/الأيقونات تحتاج تحقق (≥44px). يتطلب فحص تقني
  • focus states وتنقّل الكيبورد يلزم فحصهما. يتطلب فحص تقني

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

موجود ويعمل
✔ صف علامات عالمية (LG/Samsung/Midea…) ✔ شحن مجاني ✔ توصيل 48 ساعة (الرياض) ✔ تركيب مجاني ✔ Mada · Apple Pay · Visa ✔ Tabby · Tamara · EZpay (BSF) ✔ WalaPlus · Mobily نقاطي ✔ سجل تجاري + رقم ضريبي + هاتف 8002445454
ناقص أو ضعيف
✕ تقييمات/نجوم المنتجات (صفر عبر الموقع) ✕ AggregateRating / Schema مراجعات ✕ صور/آراء عملاء (UGC) ✕ شارة «وكيل رسمي» بارزة ✕ سياسة إرجاع/ضمان قرب السعر ✕ عدّاد مبيعات/عملاء حقيقي

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

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

المبدأالوضع على الصفحة الآنالأثر السلوكيالتوصية الأخلاقية
الدليل الاجتماعي (Social Proof)مُهدر كلياً — صفر نجوم/مراجعات.قلق ثقة يوقف Add-to-Cart رغم السعر الجيد.نجوم + عدد مشترين حقيقي + «الأكثر مبيعاً» مبني على بيانات فعلية.
قانون هيك (Hick's Law)مرتفع جداً — عشرات المنتجات المتشابهة دفعة واحدة.شلل قرار → تمرير بلا نقر → مغادرة.تصفية سلوكية (تحت 999/موفّر طاقة/للشقق) وتقليل الخيارات لكل شاشة.
عمى اللافتة (Banner Blindness)قائم — بلاطات خصم متطابقة الشكل تتكرر.الدماغ يتجاهل «حتى 87%» كنمط زخرفي.توحيد العروض في شبكة واحدة متدرّجة + تمييز أعلى خصم بصرياً.
التأطير السعري (Anchoring)جزئي — أسعار مشطوبة موجودة أحياناً.الخصم يُدرك ككلمة لا كقيمة كمّية.إظهار «وفّر X ريال (٪Y)» صريحاً بجانب كل سعر.
تقليل المخاطرة (Risk Reversal)جزئي — تقسيط بدون فوائد يخفض حاجز السعر.يقلّل قلق الدفع لا قلق «هل المنتج جيد؟».إضافة «ضمان الوكيل + إرجاع سهل» قرب السعر لا في الفوتر فقط.
تأثير الرفقة (Decoy/Bundling)غير مستخدم — لا Bundles ولا «يُشترى معاً».AOV منخفض؛ فرص بيع تكميلي ضائعة.حزم صادقة (مكيف + تركيب + مثبّت) ترفع القيمة بلا خداع.
تدرّج الهدف (Goal Gradient)غير مفعّل — «شحن مجاني» ثابت لكنه غير موظّف.لا تحفيز لزيادة قيمة السلة.شريط «أضف X ريال لشحن أسرع/هدية» عند صحته.
الإلحاح/الندرة (Scarcity)غائب بالرئيسية.لا دافع لإتمام القرار الآن.استخدام صادق فقط: «متبقٍ N بالمخزون» عند صحته الفعلي.
لا أنماط مظلمة (Dark Patterns)كل توصية تعتمد معلومة صادقة: مراجعات حقيقية، مخزون فعلي، توفير محسوب فعلاً، حزم بقيمة حقيقية. لا عدّادات وهمية ولا ندرة مصطنعة — الثقة المكتسَبة بصدق هي وحدها التي تُبقي العميل.

🛒 عرض المنتجات والـMerchandising (الخطوة 9) — أعمق تحليل + المحتوى (الخطوة 6)

جوهر التقرير التكميلي: تشريح بطاقة المنتجبطاقة المنتج تتكرر مئات المرات، لذا هي أعلى رافعة تحويل في الصفحة كلها. البطاقة الحالية تعرض صورة + اسم + سعر شامل الضريبة + تقسيط فقط. تنقصها 4 عناصر إقناع حاسمة: (١) نجوم/تقييم، (٢) حالة مخزون «متوفر»، (٣) نسبة توفير% صريحة، (٤) CTA عالي التباين. كل عنصر مفقود يكلّف نقرات على مستوى الصفحة بأكملها.
مكوّن البطاقةالحاليالمطلوبأثر التحويل
الصورةموجودة، قصّ غير موحّد أحياناًنسبة أبعاد ثابتة + WebP + lazy6
النجوم/التقييمغائب كلياًنجوم + عدد مراجعات9
حالة المخزونغير ظاهرة«متوفر» / «آخر قطع»6
نسبة التوفير %أحياناً سعر مشطوبشارة «وفّر ٪Y» ثابتة7
السعر شامل الضريبةجيد وواضحالإبقاء + إبراز التوفير بجانبه5
التقسيط (Tabby/Tamara)ظاهرالإبقاء + «بدون فوائد» صريح5
زر CTAباهت/منخفض التباين«أضف للسلة» بلون علامة عالي التباين8
Wishlist / مقارنةأيقونة موجودةمقارنة سريعة (مفيدة للأجهزة)5
فرص Merchandising ضائعة
  • لا «Frequently Bought Together» (مكيف + مثبّت جهد + تركيب).
  • لا Bundles أو باقات لرفع AOV رغم توفر أجهزة مكمّلة.
  • لا شريط «شحن أسرع/هدية عند X ريال».
  • أقسام موضوعية (أمان الطفل/أجهزة ذكية) بلا رابط «تسوّق القسم» واضح.
  • «عروض لا يمكن تفويتها» عنوان قوي لكن بلا عدّاد/تمييز بصري.
إعادة صياغة نصوص ضعيفة (الخطوة 6)
الحالي
«الأجهزة المنزلية»
silent hero banner label
المقترح
«أجهزة بيتك من الوكيل الرسمي — تركيب مجاني وتقسيط بدون فوائد»
benefit + trust + risk-reversal
الحالي
«الهدية المثالية»
vague section title
المقترح
«هدايا أجهزة تحت 499 ريال — تصفّح الآن»
price anchor + clear CTA

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

المؤشرالقيمة المرصودةالحكمالأثر (بزاوية العرض/الموبايل)
عناصر DOM19,805حرجناتج مباشر عن عشرات صفوف المنتجات؛ بطء رسم واستهلاك ذاكرة (Lighthouse يحذّر >1500).
عدد الصور771 (0 WebP)حرجكل بطاقة منتج صورة؛ الوزن يقتل LCP على الجوال تحديداً.
صور بلا alt82مرتفعوصولية + SEO؛ معظمها على بطاقات المنتج.
سكربتات <script>109مرتفعRender-blocking وتأخّر تفاعل (INP) — يضر «أضف للسلة» AJAX.
العناوينH1=0 · H2=130متوسطتسلسل دلالي مكسور؛ يضعف المسح البصري وSEO.
الخطوطGoogle Fonts مُفعّلمتوسططلب خارجي حاجب؛ يُفضّل self-host + font-display swap.
Object Cacheمُفعّلجيديخفّف حمل الخادم رغم ثقل DOM.
Server-renderنعم (المحتوى في HTML)جيدجيد للزحف والـSEO؛ العنوان(55)/الميتا/OG/canonical/schema صالحة. حي
للقياس الفعليالأرقام أعلاه رصد بنيوي حي (فُحص عبر المتصفح لأن الموقع يحجب الجلب الآلي — 403 WAF). لقياس LCP/INP/CLS الحقيقية: PageSpeed Insights / Lighthouse / WebPageTest مع تقسيم الجهاز، ومراقبة GA4 + Clarity لسرعة الصفحة ومعدل الارتداد حسب الجهاز.
ملاحظات WooCommerce / القالب (زاوية العرض)
  • القالب WoodMart + Elementor 4.1.4 يبني كل صف منتجات كعناصر Elementor ثقيلة — مصدر رئيسي لتضخّم DOM. حي
  • بطاقات المنتج تعتمد AJAX add-to-cart → راقب cart fragments وأثرها على INP مع 109 سكربت. يتطلب فحص تقني
  • تفعيل تقييمات WooCommerce متاح أصلاً في القالب — الفجوة إعدادية لا برمجية. استنتاج
  • Rank Math مثبّت — استغلّه لضبط H1 وحوكمة العناوين. حي
  • تقليل صفوف المنتجات المعروضة على الرئيسية يخفّض DOM والصور والسكربت دفعة واحدة. استنتاج

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

القسمالمشكلةأثر المستخدمأثر العملالشدةImpactالثقة
بطاقة المنتجلا نجوم/توفير%/مخزون + CTA باهتلا يستطيع المقارنة، يفقد الثقةانخفاض CTR وAdd-to-Cartحرجة9عالية
هيكل العرضعشرات الصفوف المتشابهة (هيك)شلل قرار وإرهاقتسرّب قبل النقرحرجة9عالية
الموبايلطول مفرط + لا Sticky ATCماراثون تمرير، صعوبة إتمامهبوط CVR على الجوالمرتفعة8عالية
أعلى الطيةلا Hero بيعي/CTA/H1لا يفهم التميّز، يترددارتداد مبكرمرتفعة8عالية
التوجيه«استكشف الفئات» في القاعلا أداة توجيه مبكرةضياع نية التصفحمرتفعة7عالية
العروضعمى بلاطات الخصم المتكررةتجاهل العروض الحقيقيةخصومات بلا أثر بيعيمتوسطة6متوسطة
الأداءDOM 19,805 / 771 صورة / 109 سكربتبطء محسوس (خاصة الجوال)ارتداد + SEOمرتفعة8عالية
الوصولية82 صورة بلا alt + H1=0حاجز قارئ الشاشةSEO + امتثالمتوسطة6عالية

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

الأولويةالتوصيةلماذا تؤثر على التحويلImpactالثقةالجهدالنوعKPI
P0مكوّن «بطاقة منتج بيعية» موحّد (نجوم+توفير%+مخزون+CTA بارز)أعلى رافعة — يتكرر مئات المرات9عاليةمتوسطWooCommerce/DesignAdd-to-Cart rate
P0تفعيل تقييمات المنتجات + AggregateRating schemaيردم فجوة الثقة الجذرية9عاليةمتوسطWooCommerce configTrust, CVR
P1هندسة اختيار: أقسام مبنية على النية + فلترة سريعةيكسر شلل هيك ويوجّه القرار8عاليةمرتفعIA/Designselect_item, CVR
P1ترتيب موبايل مخصّص + Sticky Add-to-Cartالجوال هو حجم الترافيك الأكبر8عاليةمتوسطFront-endMobile CVR
P1Hero بيعي: H1 + رسالة قيمة + CTAيوجّه الزائر فوراً8عاليةمتوسطContent/DesignCTR تصنيف, Bounce
P2رفع «استكشف الفئات» بعد الـHero + توحيد شبكة العروضتوجيه مبكر + كسر عمى اللافتة7عاليةمنخفضIACTR فئة
P2WebP + lazy-load + تقليص صفوف الرئيسيةسرعة أعلى (خاصة الجوال)7عاليةمتوسطPerformanceLCP, Bounce
P3Bundles / «يُشترى معاً» + شريط «شحن أسرع عند X»يرفع AOV بصدق6متوسطةمتوسطA/B testAOV

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

التغييرالمكانImpactالجهدKPI المتوقع
زيادة تباين زر «أضف للسلة»كل بطاقات المنتج8منخفضAdd-to-Cart ↑
شارة «وفّر ٪Y» على البطاقةبطاقة المنتج6منخفضCTR ↑
«متوفر في المخزون» على البطاقةبطاقة المنتج5منخفضCTR ↑
رفع «استكشف الفئات» للأعلىالرئيسية6منخفضCTR فئة ↑
تصحيح خطأ «أولوينا/أولينا»قسم أمان الطفل4منخفضمصداقية ↑
إضافة H1 بيعي واحدأعلى الطية6منخفضBounce ↓ / SEO ↑

🧪 خطة اختبار A/B (الخطوة 21) — أولوية العرض والموبايل

الفرضيةالحاليالبديلKPI أساسيGuardrailImpact
بطاقة منتج بيعية ترفع Add-to-Cartبطاقة بسعر+تقسيط فقط+ نجوم + توفير% + مخزون + CTA بارزAdd-to-Cart rateمعدل الإرجاع9
أقسام النية تكسر شلل هيكصفوف «كل المنتجات»«الأكثر مبيعاً/تحت 999/موفّر طاقة»select_itemScroll depth8
ترتيب موبايل + Sticky ATC يرفع CVRترتيب ديسكتوب طويلموبايل مضغوط + شريط ATC ثابتMobile CVRRage clicks8
Hero بيعي يرفع الانتقال للتصنيفبانر صامتH1 + رسالة قيمة + CTACTR للتصنيفBounce7

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

قياسات GA4 (تركيز العرض)
  • view_item_list لكل صف منتجات على الرئيسية.
  • select_item لقياس أي صف يحرّك النقر فعلاً.
  • Add-to-Cart المنسوب لزيارات الرئيسية.
  • تقسيم Desktop/Mobile لعمق التمرير والارتداد.
  • مسار «استكشف الفئات» ومدى وصول الزوّار له.
Clarity / Hotjar (تركيز السلوك)
  • خرائط حرارية للطية الأولى وصف العلامات.
  • Rage / Dead clicks على بلاطات الخصم والأزرار الباهتة.
  • تسجيلات جوال لرصد نقطة التخلّي في التمرير الطويل.
  • عمق التمرير حتى «استكشف الفئات» (يُتوقع منخفض جداً).
فوري مقابل يحتاج بياناتفوري: تباين CTA، شارة توفير%، «متوفر»، H1، alt، تصحيح الإملاء، رفع «استكشف الفئات». يحتاج تحقق A/B: بطاقة المنتج الجديدة، أقسام النية، ترتيب الموبايل، صياغة الـHero.

🏗️ الهيكل المقترح (الخطوة 23) + Wireframe (24) — نسخة موبايل-أولاً

┌─ شريط إعلان (توصيل 48 ساعة · مجاني · دفع آمن) ├─ الهيدر (لوجو · بحث بارز · سلة) — Sticky على الجوال ├─ Hero بطل مضغوطH1 بيعي + رسالة قيمة + CTA «تسوّق الآن» ├─ اختصارات الفئات أفقية (المطبخ · التدفئة · تنقية الهواء · الصحة · الحياة) — مرفوعة من القاع ├─ شريط ثقة (وكيل رسمي · تركيب مجاني · ضمان · Tabby/Tamara) ├─ الأكثر مبيعاً (بطاقة بيعية: نجوم + سعر + توفير% + مخزون + CTA) ├─ شبكة عروض موحّدة (بدل بلاطات الخصم المتكررة) + تمييز أعلى خصم ├─ أقسام النية (تحت 999 · موفّر طاقة · للشقق الصغيرة) ├─ دليل اجتماعي (نجوم + آراء وصور عملاء) ├─ Bundles / يُشترى معاً (مكيف + تركيب + مثبّت) └─ الفوتر (روابط · تواصل · CR+VAT · دفع · WalaPlus) ▸ Sticky «أضف للسلة» ثابت أسفل شاشة الجوال

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

العنوان الرئيسي
أجهزة بيتك من الوكيل الرسمي — تركيب مجاني وتقسيط بدون فوائد
Your home appliances from the official dealer — free install, 0% installments
العنوان المساند
شحن مجاني وتوصيل 48 ساعة داخل الرياض مع ضمان الوكيل
Free shipping, 48h Riyadh delivery, official warranty
CTA أساسي
تسوّق الآن
Shop Now
CTA بطاقة المنتج
أضف للسلة
Add to Cart
شارة التوفير
وفّر ٪35 · شامل الضريبة
Save 35% · VAT included
عنوان أقسام النية
أجهزة موفّرة للطاقة تحت 999 ريال
Energy-saving appliances under 999 SAR
Sticky موبايل
أضف للسلة — تقسيط بدون فوائد
Add to Cart — 0% installments
placeholder البحث
ابحث عن جهاز أو موديل…
Search for an appliance or model…

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

المرحلةالمهامالمسؤولImpactمقياس النجاح
1 · إصلاحات فوريةتباين CTA، شارة توفير%، «متوفر»، H1، alt، تصحيح الإملاء، رفع «استكشف الفئات»Front-end + Store manager8Add-to-Cart ↑ / Bounce ↓
2 · بطاقة + ثقةمكوّن بطاقة بيعية موحّد + تفعيل التقييمات + schema + شريط ثقةWooCommerce dev + Designer9CVR ↑ / Trust ↑
3 · هندسة العرض + موبايلأقسام النية + فلترة + ترتيب موبايل + Sticky ATC + توحيد العروضIA + Front-end + CRO8Mobile CVR ↑ / select_item ↑
4 · نمو AOV واختبارBundles + «يُشترى معاً» + A/B مستمر + تحليل ClarityCRO + Analytics + Back-end7AOV ↑ / CVR مؤكد إحصائياً

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

الخلاصة
  • أكبر قوة: ثراء تجاري نادر — تشكيلة واسعة، خصومات حقيقية، تركيب مجاني، منظومة دفع/تقسيط محلية كاملة.
  • أكبر ضعف: بطاقة منتج ضعيفة الإقناع (لا نجوم/توفير/مخزون/CTA) تتكرر مئات المرات + غياب أي تقييم عبر الموقع.
  • أهم تغيير: مكوّن «بطاقة منتج بيعية» موحّد + تفعيل التقييمات.
  • أفضل مكسب سريع: رفع تباين زر «أضف للسلة» على كل البطاقات دفعة واحدة.
  • أعلى مخاطرة: الثقل التقني (DOM 19,805 / 771 صورة / 109 سكربت) الناتج عن العرض المفرط — يضرب سرعة الجوال والـSEO.
  • أول اختبار A/B: بطاقة المنتج البيعية مقابل البطاقة الحالية.
  • أول تقرير تحليلي: select_item لكل صف + عمق التمرير حتى «استكشف الفئات» (Clarity + GA4، مقسّم بالجهاز).
أعلى 10 إجراءات مرتّبة
  1. مكوّن بطاقة منتج بيعية موحّد — 9
  2. تفعيل تقييمات المنتجات + schema — 9
  3. هندسة اختيار: أقسام نية + فلترة — 8
  4. ترتيب موبايل + Sticky Add-to-Cart — 8
  5. Hero بيعي (H1 + CTA) — 8
  6. WebP + lazy + تقليص صفوف الرئيسية — 7
  7. رفع «استكشف الفئات» + توحيد العروض — 7
  8. رفع تباين CTA + شارة توفير% + «متوفر» — 7
  9. alt لكل الصور + إصلاح تسلسل العناوين — 6
  10. Bundles / «يُشترى معاً» لرفع AOV — 6

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

لقطة الصفحة الرئيسية لمتجر شاكر — تحليل تكميلي
الصفحة الرئيسية — اللقطة الكاملة (مطابقة للتقرير 01)

ملاحظة: هذه اللقطة مطابقة للقطة المستخدمة في التقرير 01؛ هذا التقرير تكميلي بزاوية Merchandising والسلوك والموبايل. مصدر التحليل الحي: shakersa.com (فُحص مباشرةً عبر المتصفح لأن الموقع يحجب الجلب الآلي — 403 WAF). كل ملاحظة موسومة: لقطة مرئية · حي من الرابط · استنتاج مبني على مبادئ UX/CRO.

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

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

صفحة التسوق / التصنيف لمتجر شاكر — شبكة قوائم المنتجات (Product Listing Page) مع شريط فلاتر جانبي وأدوات فرز وترقيم صفحات. الجمهور هنا في نية تقييم ومقارنة (Consideration): وصل غالباً من الرئيسية أو التنقل أو البحث، ويريد أن يُضيّق الخيارات ويصل إلى المنتج المناسب بسرعة. الهدف التجاري الأساسي: رفع نسبة النقر إلى المنتج (List CTR) وإضافة إلى السلة من القائمة مباشرة. أضعف المحاور: الثقة (54) وإمكانية الوصول (50) — يليها الموبايل (58).

نوع الصفحةCategory / Shop Listing
الصناعةأجهزة منزلية / Retail
المنصةWooCommerce + Elementor 4.1.4
القالبWoodMart
نية الزائرتقييم / مقارنة (Consideration)
السوق واللغةالسعودية · عربي RTL
أدوات الاكتشاففلاتر جانبية · فرز · ترقيم صفحات (7)
جهاز اللقطةDesktop (يُستنتَج الموبايل)

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

جاهزية التحويل
64 / 100متوسط
تجربة المستخدم
66 / 100مقبول
الثقة
54 / 100ضعيف
جاهزية الموبايل
58 / 100متوسط
إمكانية الوصول
50 / 100ضعيف
المحتوى والرسائل
62 / 100متوسط
⛔ أعلى 5 عوائق للتحويل
  1. غياب تقييمات/نجوم المنتجات على البطاقات — لا دليل اجتماعي يساعد على المقارنة والاختيار داخل القائمة. حي
  2. لا يظهر إجمالي عدد النتائج — الزائر لا يعرف حجم القائمة (مثلاً «١٢٧ منتجاً»)، فقط منتقيات «إظهار: 9/12/18/24». لقطة
  3. لا توجد رقاقات فلاتر نشطة (Active-filter chips) ولا زر «مسح الكل» — بعد اختيار سعر/علامة/لون لا يرى المستخدم ما هو مُطبَّق ولا يستطيع إزالته بنقرة. لقطة
  4. خطأ سعري ظاهر «‎-105 Off» على أحد المنتجات — شارة خصم غير منطقية تُضعف المصداقية فوراً. لقطة
  5. ازدحام معرفي في الفلاتر (Hick's Law) — عدة مجموعات فلاتر مفتوحة معاً (السعر، العلامة، اللون، عدد الأماكن، التوفر) دون طيّ أو أولوية. لقطة
⚡ أعلى 5 مكاسب سريعة (Quick Wins)
  1. إظهار عدّاد إجمالي النتائج أعلى الشبكة («عرض 1–12 من 127»).
  2. إضافة رقاقات الفلاتر النشطة + زر «مسح الكل» فوق الشبكة.
  3. إصلاح خطأ «‎-105 Off» وضبط منطق حساب نسبة الخصم في WooCommerce.
  4. تفعيل النجوم/التقييم على بطاقة المنتج في القائمة.
  5. جعل breadcrumb + عنوان التصنيف (H1) بارزين أعلى القائمة.
🚀 أعلى 3 تحسينات استراتيجية عالية الأثر

1) نظام فلترة وفرز حديث وشفّاف

رقاقات فلاتر نشطة، عدّاد نتائج، فلاتر قابلة للطيّ حسب الأولوية، وتحديث AJAX سلس دون فقد موضع التمرير. يقلّل الحمل المعرفي ويسرّع الوصول للمنتج المناسب — جوهر صفحة التصنيف.

2) استراتيجية ثقة داخل البطاقة

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

3) خفض تكلفة الفلترة التقنية

مراجعة أثر فلاتر WooCommerce عبر AJAX (Faceted nav) وثقل القالب (100+ سكربت، لا WebP). سرعة إعادة رسم القائمة بعد كل فلتر تؤثر مباشرة على معدل التخلي والتحويل.

🚪 أكبر سبب للمغادرة دون شراءتشتّت أثناء الفلترة: لا عدّاد نتائج ولا رقاقات نشطة ولا نجوم للمقارنة، فيصعب على الزائر تضييق الخيارات والثقة بها، فيغادر قبل فتح صفحة منتج.
💎 أكبر فرصة تحويل مهدرةالقائمة تعرض السعر والتقسيط لكنها تُغفل الدليل الاجتماعي (نجوم) ووضوح النتائج؛ إضافتهما ترفع List CTR وAdd-to-Cart المباشر من الشبكة.
✅ أقوى عنصر يدعم التحويل حالياًالفلاتر الثرية (سعر، علامة بعدّادات، لون، عدد الأماكن، توفر) + سعر شامل الضريبة + إضافة للسلة مباشرة من البطاقة مع مُحدِّد كمية.

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

اختبار الـ 5 ثوانٍخلال أول 5 ثوانٍ يرى الزائر: الهيدر ذاته (بحث، حساب، قائمة الرغبات، سلة، EN)، صفّ صور التصنيفات (الثلاجات، أجهزة الطبخ، الغسيل، غسالات الأطباق، الفريزرات)، شريط الفلاتر الجانبي (السعر، العلامة، اللون، عدد الأماكن، التوفر)، وشريط أدوات فيه فرز «ترتيب حسب الشهرية» ومنتقي «إظهار: 9/12/18/24» وتبديل شبكة/قائمة، ثم شبكة المنتجات (~5 أعمدة). ما لا يظهر بوضوح: عنوان تصنيف بارز (H1)، breadcrumb ظاهر أعلى القائمة، عدد النتائج الكلي، ونجوم التقييم.
العنصرالحالةالملاحظةالمصدر
عنوان التصنيف H1ضعيفغير بارز أعلى الشبكة؛ يجب إبراز اسم التصنيف كعنوان واضح.لقطة
Breadcrumb أعلى القائمةغير بارزمسار التنقل موجود على الصفحات الداخلية لكنه غير واضح فوق شبكة التصنيف.لقطة
عدّاد إجمالي النتائجمفقودلا «عرض X من Y»؛ فقط منتقي «إظهار 9/12/18/24».لقطة
شريط الفلاتر الجانبيظاهرسعر (540﷼–15,880﷼)، علامة بعدّادات، لون، عدد الأماكن، «متوفر في المخزون».حي
أدوات الفرزظاهرة«ترتيب حسب الشهرية» + منتقي عدد النتائج + تبديل شبكة/قائمة.لقطة
صفّ صور التصنيفاتجيداختصارات بصرية للتصنيفات الفرعية أعلى الشبكة — يدعم الاكتشاف.لقطة
رقاقات الفلاتر النشطةغائبةلا ملخص للفلاتر المُطبَّقة ولا «مسح الكل».لقطة
نجوم/تقييم على البطاقةغائبةلا دليل اجتماعي داخل الشبكة.حي

الفعل المرجّح للزائر: استخدام الفلاتر لتضييق الخيارات ثم مسح الشبكة بصرياً. الفجوة: بعد الفلترة لا يعرف كم نتيجة بقيت ولا ما هو مُطبَّق، ولا يجد نجوماً تفصل بين المتشابهات — فيبطؤ القرار.

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

نقاط القوة
  • شبكة منتجات منتظمة (~5 أعمدة) بمحاذاة وأحجام صور موحّدة.
  • بطاقة غنية: صورة، اسم، سعر + «(شامل الضريبة)»، مُحدِّد كمية «+ 1 -»، وزر ذهبي «إضافة إلى السلة».
  • فلاتر بعدّادات (أريستون 39، مايديا 67…) تعطي إحساساً بحجم كل خيار.
  • شارات خصم واضحة («‎-10% Off») وسعر أصلي مشطوب على المخفَّض.
نقاط الضعف
  • خطأ بيانات «‎-105 Off» — شارة خصم غير منطقية تكسر الثقة البصرية. لقطة
  • تفاوت البطاقات: بعضها بزر «إضافة إلى السلة» وأخرى «نفد المخزون» بزر «قراءة المزيد» فقط — تباين في بنية البطاقة.
  • لا نجوم → البطاقات متشابهة يصعب تمييزها بصرياً.
  • شريط الفلاتر مكتظ بكل المجموعات مفتوحة دفعة واحدة (طول عمودي كبير).
  • لا يوجد ملخص/رقاقات للفلاتر النشطة فوق الشبكة يربط الجانب بالنتائج.
مشكلة اتساق حرجةاختلاف بنية البطاقات (متوفر مقابل «نفد المخزون») مع غياب النجوم وخطأ «‎-105 Off» يجعل الشبكة تبدو غير مصقولة؛ الاتساق البصري شرط للثقة والمسح السريع (مبدأ Consistency — NN/g).

🧭 الفلترة والفرز واكتشاف المنتجات (الخطوة 5 — المحور الأهم)

جوهر صفحة التصنيفنجاح صفحة القائمة يُقاس بقدرة الزائر على تضييق مئات المنتجات إلى قِلّة مناسبة بأقل احتكاك. نُقيّم أدناه: الفلاتر (Facets)، الفرز، الترقيم مقابل التمرير اللانهائي، رقاقات الفلاتر، عدّاد النتائج، وسهولة العثور (Findability).
العنصرالتقييمالملاحظة
فلتر السعر (Slider)جيد«فلتر حسب السعر» من 540﷼ إلى 15,880﷼ + زر «أضف» — نطاق واضح. يُنصح بإظهار عدد النتائج المتوقّع أثناء السحب. حي
فلتر العلامة التجاريةجيدبعدّادات (أريستون 39، أنبست 4، بوماني 6، مايديا 67، ميتاج 8، دانه 11) — يقلّل خيبة «لا نتائج». حي
فلتر اللونللتحسيننصّي بعدّادات (أبيض 59، أسود 9، تيتانيوم 13، رمادي 9، فضي 70، إنوكس أسود 1)؛ يُفضّل مربّعات لون (Swatches) بصرية. لقطة
فلتر «عدد الأماكن»مربكتسميات غير متسقة (12→2، 14→6، 15→5، «14 مكان»→2، «15 مكان تخزين»→1) — تحتاج توحيد صياغة. لقطة
فلتر «متوفر في المخزون»مفيدمربّع اختيار لإخفاء «نفد المخزون» — تحسين مباشر لجودة القائمة. لقطة
رقاقات الفلاتر النشطةمفقودةلا ملخص لما هو مُطبَّق ولا إزالة فردية ولا «مسح الكل» — احتكاك تحكّم كبير. لقطة
عدّاد إجمالي النتائجمفقودلا «X من Y»؛ فقط «إظهار: 9/12/18/24». يضعف الإحساس بالتقدّم. لقطة
الفرز (Sorting)محدود«ترتيب حسب الشهرية» ظاهر؛ يلزم: الأحدث، السعر تصاعدي/تنازلي، الأكثر مبيعاً. لا «فرز حسب التقييم» (لا تقييمات أصلاً). لقطة
الترقيم مقابل التمرير اللانهائيللمراجعةترقيم صفحات 1..7 + سهم التالي. الترقيم جيد لقابلية الرجوع؛ يُنصح بـ«تحميل المزيد» كحل وسط على الموبايل. لقطة
تبديل شبكة/قائمةموجودأيقونات Grid/List في شريط الأدوات — يدعم تفضيلات المسح. لقطة
البحث الداخليللتحققموجود في الهيدر؛ يُوصى باقتراحات فورية وربط نتائج البحث بنفس نظام الفلترة. استنتاج
أعلى فجوة اكتشافغياب رقاقات الفلاتر النشطة + عدّاد النتائج معاً: المستخدم يفلتر «على العمياء» دون تأكيد بصري لما اختاره أو كم بقي — أكبر احتكاك في مسار المقارنة.
أقوى ركيزة اكتشافالفلاتر بعدّادات (علامة/لون) خيار ممتاز يمنع «صفر نتيجة» ويعطي شعوراً بالحجم — يُبنى عليه بإضافة الرقاقات والعدّاد الكلي.

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

رحلة المُقارِن

يصل للتصنيف ← يفتح فلاتر (سعر/علامة/لون) ← تتحدّث الشبكة ← لا يعرف كم نتيجة بقيت ولا ما هو مُطبَّق ← يمسح البطاقات بلا نجوم تفصل بينها ← قد يعيد الفلترة أو يغادر. نقطتا تسرّب: بعد كل فلترة، وعند تعذّر المقارنة.

مسار التحويل المثالي

تصنيف واضح + عدّاد نتائج ← فلترة برقاقات نشطة ← بطاقات فيها نجوم + سعر + توفير% + حالة مخزون ← معاينة سريعة (Quick View) ← إضافة للسلة من القائمة. تقليص عدد النقرات حتى القرار.

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

مخاطر الموبايل استنتاج
  • شريط الفلاتر الجانبي الطويل يجب أن يتحوّل إلى لوح فلاتر منزلق (Bottom-sheet) مع زر «فلترة» ثابت.
  • شبكة 5 أعمدة تتقلّص لعمودين — يجب ضمان حجم لمس مناسب لزر «إضافة إلى السلة» ومُحدِّد الكمية.
  • الترقيم بأزرار صغيرة (1..7) صعب اللمس على الجوال؛ يُفضّل «تحميل المزيد».
  • شريط أدوات الفرز/العرض يحتاج تبسيطاً ليناسب العرض الضيّق.
إمكانية الوصول (WCAG)
  • صور منتجات كثيرة بلا alt على القالب — يضر قارئات الشاشة والـSEO. حي
  • فلاتر اللون نصّية فقط؛ عند اعتماد Swatches يلزم بديل نصّي/aria-label. استنتاج
  • حالة الفلتر المُطبَّق يجب أن تُعلَن لقارئ الشاشة (aria-pressed / live region). يتطلب فحص تقني
  • تباين شارات الخصم وزر «إضافة للسلة» الذهبي على الأبيض قد لا يحقق AA. استنتاج

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

موجود ويعمل
✔ سعر شامل الضريبة على كل بطاقة ✔ فلاتر بعدّادات موثوقة ✔ سعر أصلي مشطوب على المخفَّض ✔ شحن مجاني ✔ توصيل 48 ساعة (الرياض) ✔ Mada · Apple Pay · Tabby · Tamara ✔ WalaPlus (ولاء) ✔ سجل تجاري + رقم ضريبي بالفوتر
ناقص أو ضعيف
✕ تقييمات/نجوم المنتجات ✕ عدد المراجعات على البطاقة ✕ شارات ضمان الوكيل على البطاقة ✕ خطأ «‎-105 Off» (خلل بيانات) ✕ عدّاد إجمالي النتائج ✕ رقاقات فلاتر نشطة / مسح الكل

في السوق السعودي، الثقة أهم محرّك شرائي؛ داخل القائمة، النجوم ووضوح النتائج هما ما يفصل بين منتجات متشابهة. خطأ «‎-105 Off» يجب إصلاحه فوراً لأنه يقوّض المصداقية.

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

المبدأكيف تتعامل معه الصفحةالتوصية الأخلاقية
حِمل الاختيار (Hick's Law)مرتفع — كل مجموعات الفلاتر مفتوحة معاً + شبكة كثيفة.طيّ الفلاتر الأقل استخداماً + إبقاء الأهم (السعر/العلامة) مفتوحاً + عدّاد نتائج.
الدليل الاجتماعيمُهدر — لا نجوم على البطاقات.إظهار نجوم + عدد مراجعات حقيقية + وسم «الأكثر مبيعاً».
التأطير السعري (Anchoring)مستخدم — سعر أصلي مشطوب على الفريزر المخفَّض. لقطةإبراز نسبة التوفير% الصحيحة (وإصلاح «‎-105 Off»).
تقليل المخاطرةجزئي — تقسيط + سعر شامل الضريبة.إضافة «إرجاع سهل + ضمان الوكيل» على البطاقة.
وضوح الحالة (Visibility of Status)ضعيف — لا عدّاد نتائج ولا رقاقات فلاتر.«عرض 1–12 من Y» + رقاقات نشطة + مؤشر تحميل أثناء AJAX.
ندرة/توفر صادقجزئي — «نفد المخزون» ظاهر على بعض البطاقات.إظهار «متبقٍ قليل» فقط عند صحته الفعلية.
البروز البصري (Salience)متوسط — البطاقات متشابهة الوزن.تمييز «الأكثر مبيعاً/الأعلى تقييماً» بصرياً داخل الشبكة.
لا أنماط مظلمةكل التوصيات تعتمد معلومات صادقة (مراجعات حقيقية، مخزون فعلي، توفير فعلي صحيح) — لا عدّادات وهمية ولا خصومات مضلّلة؛ ولذلك إصلاح «‎-105 Off» أولوية.

🛒 عرض المنتجات والـMerchandising (الخطوة 9) + المحتوى (الخطوة 6)

Merchandising على البطاقة
  • البطاقة تعرض: صورة، اسم وصفي (مثل «مايديا غسالة صحون – 10 برامج – 14 مكان تخزين»)، سعر شامل الضريبة، مُحدِّد كمية، زر إضافة — ينقصها النجوم وحالة المخزون النصّية.
  • لا معاينة سريعة (Quick View) — يضطر المستخدم لفتح كل منتج لمقارنته.
  • لا زر مقارنة (Compare) — مهم لفئة الأجهزة كثيرة المواصفات.
  • قائمة الرغبات (Wishlist) موجودة في الهيدر؛ يُنصح بأيقونة قلب على كل بطاقة.
  • خطأ «‎-105 Off» + بطاقات «نفد المخزون» بزر «قراءة المزيد» فقط تُضعف الاتساق.
إعادة صياغة نص ضعيف
الحالي
«ترتيب حسب الشهرية»
ambiguous sort label
المقترح
«الترتيب: الأكثر رواجاً هذا الشهر»
Why stronger: clarifies what "monthly" sort means
الحالي
(لا عدّاد نتائج)
no results count shown
المقترح
«عرض 1–12 من 127 منتجاً»
progress + scope signal

الأداء والمخاطر التقنية (الخطوات 11 و14) — قالب مشترك مع الرئيسية

المؤشرالقيمة/الحالةالحكمالأثر
ثقل القالب (سكربتات)100+ سكربت (WoodMart)مرتفعRender-blocking وتأخّر تفاعل (INP) على القائمة الطويلة. حي
صيغة الصورلا WebP (صور PNG/JPG)حرجوزن شبكة الصور مرتفع؛ LCP بطيء مع 12–24 صورة/صفحة. حي
alt للصوركثير من الصور بلا altمرتفعوصولية + SEO للصور. حي
فلترة WooCommerce (Faceted)AJAX عند كل فلترللمراجعةكل فلتر يُعيد جلب الشبكة؛ تحقّق من التخزين المؤقت وحجم الاستجابة. يتطلب فحص تقني
Cart Fragments / AJAX add-to-cartمفعّل على البطاقةللمراجعةطلبات إضافية قد تبطّئ التفاعل داخل القائمة. يتطلب فحص تقني
Object Cacheمُفعّلجيديخفّف حمل الخادم على استعلامات القائمة. حي
Server-renderنعم (المحتوى في HTML)جيدجيد للزحف وفهرسة صفحات التصنيف. حي
Rank Math SEOمثبّتجيديتيح ضبط عنوان/وصف التصنيف وربما إدارة الفهرسة للفلاتر. حي
للقياس الفعلييُنصح بتشغيل PageSpeed Insights / Lighthouse / WebPageTest على رابط التصنيف لقياس LCP وINP وCLS، ومراقبة زمن استجابة AJAX الفلترة في تبويب الشبكة (Network). الأرقام أعلاه رصد بنيوي على مستوى القالب وليست قياس زمن مباشر.
ملاحظات WooCommerce / القالب (خاصة بالتصنيف)
  • فلاتر السعر/الخصائص عبر AJAX تُعيد بناء الشبكة — استخدم تخزيناً مؤقتاً للـfacet counts وقلّل الحمولة. يتطلب فحص تقني
  • تحقّق من فهرسة روابط الفلاتر (Faceted URLs) لتجنّب Index Bloat عبر Rank Math (canonical/noindex للتوليفات). استنتاج
  • خطأ «‎-105 Off» غالباً منطق حساب نسبة الخصم/سعر مُدخَل خطأً — راجع بيانات المنتج في WooCommerce. لقطة
  • حوّل صور المنتجات إلى WebP + loading="lazy" لبطاقات تحت الطية. حي

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

القسمالمشكلةأثر المستخدمأثر العملالشدةImpactالثقة
الفلترةلا رقاقات فلاتر نشطة / مسح الكللا يرى ما طبّقه ولا يزيلهتخلٍّ عن الفلترةحرجة9عالية
بطاقات المنتجلا نجوم/مراجعاتيصعب المقارنة والاختيارانخفاض List CTRحرجة9عالية
حالة النتائجلا عدّاد إجمالي نتائجلا إحساس بالتقدّم/الحجمتشتّت وتردّدمرتفعة8عالية
البيانات/التسعيرخطأ «‎-105 Off»شك في المصداقيةضرر ثقة مباشرمرتفعة8عالية
الفرزخيارات فرز محدودة/غامضةلا يرتّب حسب حاجتهاحتكاك اكتشافمتوسطة6متوسطة
الوصوليةصور بلا alt + حالة فلتر غير مُعلَنةحاجز لقارئ الشاشةSEO + امتثالمتوسطة6عالية
الاتساقبطاقات «نفد المخزون» ببنية مختلفةارتباك بصريخفض CTRمتوسطة5متوسطة

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

الأولويةالتوصيةلماذا تؤثر على التحويلImpactالثقةالجهدالنوعKPI
P0رقاقات الفلاتر النشطة + «مسح الكل» فوق الشبكةيعيد التحكّم ويقلّل التخلي عن الفلترة9عاليةمنخفضFront-endFilter usage, CVR
P0تفعيل النجوم/التقييم على بطاقة القائمةدليل اجتماعي يرفع List CTR9عاليةمتوسطWooCommerce configList CTR, Add-to-Cart
P1إظهار عدّاد إجمالي النتائج «X من Y»وضوح الحالة يخفض التردّد8عاليةمنخفضFront-endBounce, Scroll depth
P1إصلاح خطأ «‎-105 Off» ومنطق نسبة الخصميحمي المصداقية8عاليةمنخفضData/WooCommerceTrust, CVR
P1تحويل الصور إلى WebP + lazy-loadسرعة أعلى = تخلٍّ أقل8عاليةمتوسطPerformanceLCP, Bounce
P2توسيع خيارات الفرز + توضيح تسمياتهااكتشاف أسرع للمنتج المناسب6متوسطةمنخفضFront-endSort usage, CTR
P2معاينة سريعة (Quick View) + زر مقارنةيقلّل النقرات للقرار6متوسطةمتوسطUX/DevPDP visits, CVR
P2alt لكل الصور + إعلان حالة الفلتر (aria)وصولية + SEO5عاليةمتوسطAccessibility/SEOOrganic, a11y score
P3طيّ الفلاتر الأقل استخداماً + Swatches للونيخفض الحمل المعرفي5متوسطةمتوسطDesignFilter usage

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

التغييرالمكانImpactالجهدKPI المتوقع
عدّاد «عرض X من Y»أعلى الشبكة8منخفضBounce ↓
رقاقات فلاتر نشطة + مسح الكلفوق الشبكة9منخفضFilter usage ↑
إصلاح «‎-105 Off»بطاقة المنتج/البيانات8منخفضTrust ↑
إبراز عنوان التصنيف + breadcrumbأعلى القائمة6منخفضOrientation ↑
توضيح تسمية الفرز «الشهرية»شريط الأدوات5منخفضSort usage ↑

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

الفرضيةالحاليالبديلKPI أساسيGuardrailImpact
رقاقات الفلاتر النشطة ترفع استخدام الفلترة والتحويلبلا رقاقاترقاقات + «مسح الكل»Filter usage / CVRمعدل التخلي9
نجوم المنتج ترفع النقر للمنتجبلا نجومنجوم + عدد مراجعاتList CTRمعدل الإرجاع8
عدّاد النتائج يقلّل الارتدادبلا عدّاد«عرض X من Y»Bounceعمق التمرير8
Quick View يرفع الوصول للمنتج والتحويلفتح PDP كاملمعاينة سريعة من الشبكةCVRوقت اتخاذ القرار6

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

قياسات GA4
  • view_item_list و select_item لقياس List CTR لكل تصنيف.
  • مصطلحات البحث الداخلي (view_search_results) وربطها بالفلاتر.
  • استخدام الفلاتر والفرز (أحداث مخصّصة: filter_apply, sort_change).
  • Add-to-Cart المباشر من القائمة مقابل من PDP.
  • عمق التمرير وصفحات الترقيم (page 2..7) ومعدل الانتقال.
Clarity / Hotjar
  • خرائط حرارية على شريط الفلاتر وأدوات الفرز.
  • Rage / Dead clicks على الفلاتر وأزرار الترقيم.
  • تسجيلات جلسات لرصد التخلي بعد الفلترة.
  • مسارات المستخدم من التصنيف إلى المنتج إلى السلة.
فوري مقابل يحتاج بياناتفوري: عدّاد النتائج، رقاقات الفلاتر، إصلاح «‎-105 Off»، WebP، breadcrumb/H1. يحتاج تحقق بالبيانات/الاختبار: النجوم، Quick View، إعادة ترتيب/طيّ الفلاتر، خيارات الفرز — تُختبر A/B قبل التعميم.

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

┌─ شريط إعلان (شحن مجاني · توصيل 48 ساعة · دفع آمن) ├─ الهيدر (لوجو · بحث بارز · حساب · رغبات · سلة · EN) — Sticky ├─ Breadcrumb + عنوان التصنيف H1بارز أعلى القائمة ├─ صفّ صور التصنيفات الفرعية (الثلاجات · الطبخ · الغسيل · الأطباق · الفريزرات) ├─ شريط أدوات«عرض 1–12 من Y» + فرز واضح + عرض 9/12/18/24 + شبكة/قائمة ├─ رقاقات الفلاتر النشطة + «مسح الكل» ├─ [جانبي] فلاتر (السعر · العلامة بعدّادات · لون Swatches · عدد الأماكن · التوفر) — قابلة للطيّ ├─ [رئيسي] شبكة المنتجات (صورة · اسم · نجوم · سعر شامل الضريبة · توفير% · حالة مخزون · كمية · إضافة · قلب/مقارنة) ├─ الترقيم (1..7 + التالي) أو «تحميل المزيد» على الموبايل └─ الفوتر (روابط · تواصل · سجل تجاري · دفع · تطبيق)

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

عنوان التصنيف H1
غسالات الأطباق — من الوكيل الرسمي بأسعار تنافسية
Dishwashers — from the official dealer at great prices
عدّاد النتائج
عرض 1–12 من 127 منتجاً
Showing 1–12 of 127 products
تسمية الفرز
الترتيب: الأكثر رواجاً هذا الشهر
Sort: Most popular this month
مسح الفلاتر
مسح كل الفلاتر
Clear all filters
حالة فارغة (لا نتائج)
لا منتجات تطابق فلاترك — جرّب توسيع السعر أو إزالة فلتر
No products match your filters — try widening price or removing a filter
placeholder البحث
ابحث عن جهاز أو موديل…
Search for an appliance or model…

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

المرحلةالمهامالمسؤولImpactمقياس النجاح
1 · إصلاحات فوريةعدّاد النتائج، رقاقات الفلاتر، إصلاح «‎-105 Off»، H1/breadcrumb، altFront-end + Store manager8Bounce ↓ / Trust ↑
2 · CRO عالي الأثرتفعيل النجوم، WebP، توسيع الفرز، Quick View/مقارنةWooCommerce dev + CRO9List CTR ↑ / CVR ↑
3 · اختبار وتحسينA/B للفلاتر/النجوم/العدّاد، تحليل Clarity للتخليCRO + Analytics7CVR ↑ مؤكد إحصائياً
4 · إعادة تصميم استراتيجينظام فلترة موحّد + طيّ ذكي + Swatches + تحسين AJAXDesigner + Back-end8Filter usage ↑ / سرعة ↑

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

الخلاصة
  • أكبر قوة: فلاتر ثرية بعدّادات + سعر شامل الضريبة + إضافة للسلة مباشرة من الشبكة.
  • أكبر ضعف: غياب رقاقات الفلاتر النشطة وعدّاد النتائج والنجوم — تحكّم وثقة ناقصان.
  • أهم تغيير: نظام فلترة شفّاف (رقاقات + عدّاد) + تفعيل تقييمات المنتجات.
  • أفضل مكسب سريع: عدّاد النتائج + رقاقات الفلاتر + إصلاح «‎-105 Off».
  • أعلى مخاطرة: ثقل القالب (100+ سكربت، لا WebP) وتكلفة فلترة AJAX على السرعة.
  • أول اختبار A/B: رقاقات فلاتر نشطة مقابل التصميم الحالي.
  • أول تقرير تحليلي: استخدام الفلاتر + List CTR + نقطة التخلي بعد الفلترة (Clarity + GA4).
أعلى 10 إجراءات مرتّبة
  1. رقاقات فلاتر نشطة + «مسح الكل» — 9
  2. تفعيل النجوم/التقييم على البطاقة — 9
  3. عدّاد «عرض X من Y» — 8
  4. إصلاح خطأ «‎-105 Off» — 8
  5. WebP + lazy-load شامل — 8
  6. توسيع خيارات الفرز وتوضيح تسمياتها — 6
  7. Quick View + زر مقارنة — 6
  8. إبراز عنوان التصنيف + breadcrumb — 6
  9. alt لكل الصور + إعلان حالة الفلتر — 5
  10. طيّ الفلاتر + Swatches للون — 5

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

لقطة صفحة التسوق / التصنيف لمتجر شاكر
صفحة التسوق / التصنيف — فلاتر جانبية + شبكة منتجات

مصدر التحليل الحي: shakersa.com/تسوق (فُحص مباشرةً عبر المتصفح لأن الموقع يحجب الجلب الآلي 403). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي من الرابط · استنتاج مبني على مبادئ UX/CRO.

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

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

صفحة المنتج (PDP) في متجر شاكر — الصفحة التي يتخذ عليها الزائر قرار الشراء، وهي مرحلة نية شرائية عالية (High Purchase Intent). الرابط الحي الذي فُحص هو صفحة قلاية هوائية (Air Fryer) على القالب نفسه، بينما تعرض اللقطة صفحة غسالة صحون Midea على القالب ذاته — لذا كل الملاحظات على مستوى القالب (Template-level) وتنطبق على جميع صفحات المنتجات. الهدف التجاري الأساسي: Add-to-Cart ثم إتمام الشراء. الأهداف الثانوية: رفع الثقة اللحظية، وزيادة AOV عبر منتجات مكمّلة، وتقليل تردد القرار عبر معالجة القلق.

نوع الصفحةProduct / PDP
الرابط الحي المُحلَّلقلاية هوائية (Air Fryer)
منتج اللقطةغسالة صحون Midea WQP14
المنصةWooCommerce + Elementor 4.1.4
القالبWoodMart
SEORank Math
نية الزائرشرائية عالية (Decision)
السوق واللغةالسعودية · عربي RTL
وسائل الدفع الظاهرةMada · Apple Pay · Visa · Tabby · Tamara · EZpay
جهاز اللقطةDesktop (يُستنتَج الموبايل)

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

جاهزية التحويل
66 / 100مقبول
تجربة المستخدم
70 / 100مقبول
الثقة
52 / 100ضعيف
جاهزية الموبايل
62 / 100متوسط
إمكانية الوصول
50 / 100ضعيف
المحتوى والرسائل
72 / 100جيد
⛔ أعلى 5 عوائق للتحويل
  1. صفر مراجعات وصفر نجوم (تبويب «مراجعات (0)») — لا AggregateRating ولا دليل اجتماعي على أهم صفحة قرار. هذه هي المشكلة الرئيسية للـPDP. حي
  2. لا عكس مخاطرة قرب زر الشراء — لا شارة «ضمان الوكيل» ولا «إرجاع سهل» بجوار Add-to-Cart، فيبقى القلق مرتفعاً لحظة القرار. لقطة
  3. لا تقدير لموعد التوصيل قرب السعر — «متوفر في المخزون» ظاهر لكن بلا «يصلك خلال X» يقلّل اليقين ويؤخّر القرار. لقطة
  4. لا Sticky Add-to-Cart — عند قراءة الوصف الطويل (≈464 كلمة + صور) يختفي زر الشراء، ما يفرض تمريراً عكسياً. استنتاج
  5. لا بيع مكمّل مُوجَّه — «منتجات ذات صلة» عامة، بلا «يُشترى معه عادةً» أو باقة، ففرصة رفع AOV مهدرة. لقطة
⚡ أعلى 5 مكاسب سريعة (Quick Wins)
  1. إضافة سطر تقدير التوصيل أسفل السعر: «اطلب اليوم، يصلك خلال 48 ساعة داخل الرياض».
  2. وضع شارات ثقة مصغّرة (ضمان الوكيل · إرجاع سهل · دفع آمن) أسفل زر الشراء مباشرة.
  3. تفعيل مراجعات المنتجات وبثّ CTA «كن أول من يقيّم» في تبويب المراجعات الفارغ.
  4. إضافة Sticky Add-to-Cart يظهر عند التمرير (اسم + سعر + زر).
  5. إبراز نسبة التوفير % صراحةً بجانب السعر الأصلي المشطوب.
🚀 أعلى 3 تحسينات استراتيجية عالية الأثر

1) سدّ فجوة الدليل الاجتماعي

تفعيل نظام تقييمات UGC (نجوم + مراجعات + صور)، وحقن AggregateRating في سكيما المنتج، وتحويل التبويب الفارغ إلى دعوة نشطة للتقييم. الثقة أضعف محور (52) وأعلى مؤثّر شرائي في PDP.

2) عكس المخاطرة قرب زر الشراء

حزمة ثقة ملاصقة لـAdd-to-Cart: ضمان الوكيل الرسمي، سياسة إرجاع واضحة، دفع آمن، وتقدير موعد توصيل. تقلّل التردد لحظة القرار مباشرةً بدل دفنها في الفوتر.

3) تأطير التقسيط وزيادة AOV

إبراز Tamara/Tabby كـ«ادفع 107.23 ﷼/شهر» أعلى السعر كمرساة نفسية، مع «يُشترى معه عادةً» وباقة تركيب/ملحقات لرفع متوسط الطلب على صفحة القرار.

🚪 أكبر سبب للمغادرة دون شراءانعدام الدليل الاجتماعي (0 مراجعات/لا نجوم) على صفحة القرار، مقروناً بغياب عكس المخاطرة قرب الزر، يترك الزائر بقلق «هل هذا اختيار آمن؟» فيؤجّل أو يغادر للمقارنة.
💎 أكبر فرصة تحويل مهدرةالمنطقة الملاصقة لزر الشراء: لا موعد توصيل، لا ضمان، لا إرجاع، لا Sticky ATC — أثمن مساحة إقناعية على الصفحة تُستخدم بأقل من طاقتها.
✅ أقوى عنصر يدعم التحويل حالياًوضوح السعر شامل الضريبة مع سعر أصلي مشطوب (Anchoring)، مخزون «متوفر»، تقسيط Tabby/Tamara، ووصف غني (≈464 كلمة + 9 صور) يشرح المنتج جيداً.

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

اختبار الـ 5 ثوانٍخلال أول 5 ثوانٍ يرى الزائر: صورة المنتج الرئيسية + شريط صور مصغّرة، عنوان المنتج (H1)، السعر «2,198.80 ﷼ (شامل الضريبة)»، «متوفر في المخزون» ✔، ودجت تمارا «ادفع 107.23 ﷼ شهرياً»، وأزرار الإجراء (قائمة الأمنيات، الكمية، أضف للسلة، شراء الآن). ما لا يظهر: نجوم/تقييم، موعد توصيل، شارة ضمان/إرجاع قرب الزر. الرسالة الذهنية: «منتج واضح السعر والتوافر» — لكن دون طمأنة تحسم القرار فوراً.
العنصرالحالةالملاحظةالمصدر
عنوان المنتج H1ممتازH1 واحد فقط = اسم المنتج «مايديا غسالة صحون – 10 برامج – 14 مكان تخزين – فضي – WQP14W5233CS».لقطة
بروز السعرجيد«2,198.80 ﷼ (شامل الضريبة)» بارز، وسعر أصلي مشطوب فوقه (Anchoring).حي
حالة المخزونظاهرة«متوفر في المخزون» مع علامة ✔ — يقلّل قلق التوافر.لقطة
زر أضف إلى السلة + الكميةظاهرحقل كمية + «أضف إلى السلة» + «شراء الآن» — مسار واضح.لقطة
تقدير موعد التوصيلمفقودلا «يصلك خلال X» قرب السعر رغم وعد 48 ساعة على مستوى الموقع.لقطة
التقييم/النجوم أعلى الطيةغائبلا نجوم تحت العنوان (0 مراجعات)؛ عنصر ثقة أساسي مفقود.حي
شارات ثقة قرب الزرغائبةلا ضمان/إرجاع/دفع آمن ملاصق لمنطقة الشراء.لقطة
التقسيط (Tamara/Tabby)ظاهرودجت تمارا «ادفع 107.23 ﷼ شهرياً أو على 4 دفعات» — عنصر تحويل قوي.لقطة

الفعل المرجّح للزائر: التمرير لأسفل لقراءة الوصف والبحث عن آراء، ثم عدم إيجاد أي تقييم. الفعل المرغوب: الضغط على «أضف إلى السلة» بثقة. الفجوة قائمة لأن منطقة الشراء تنقصها عناصر الحسم اللحظي (تقييم + ضمان + موعد توصيل).

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

نقاط القوة
  • تخطيط PDP كلاسيكي مألوف: معرض يمين/يسار + معلومات وشراء.
  • معرض صور غني (9 صور حي / ~5 مصغّرات في اللقطة) مع أسهم تنقّل.
  • هرمية سعر واضحة: أصلي مشطوب ← حالي بارز ← شامل الضريبة.
  • تبويبات منظّمة: الوصف / مراجعات (0) / معلومات إضافية.
  • وصف غني بصرياً: صور نمط حياة + عناوين منافع + شارة «5 YEARS WARRANTY».
نقاط الضعف
  • منطقة الشراء «فقيرة الطمأنة»: لا نجوم/ضمان/إرجاع/توصيل قرب الزر.
  • شارة الضمان «5 YEARS» داخل الوصف فقط بالإنجليزية وبعيدة عن الزر — أثرها الإقناعي ضائع.
  • تبويب مراجعات فارغ يعرض «(0)» — إشارة سلبية بدل فرصة.
  • تباين زر الشراء يحتاج تحقّق مقابل الخلفية البيضاء (AA).
  • أيقونات المشاركة (LinkedIn/X/FB) بارزة أكثر مما تستحق قرب السعر.
مشكلة تسلسل حرجةالعين تنتقل من العنوان ← السعر ← الزر دون المرور بأي عنصر ثقة (نجوم/ضمان/توصيل). النتيجة: قرار يُتخذ في «فراغ طمأنة»، فيرتفع التردد (مبدأ Risk Reduction — قرب نقطة الالتزام).

🧭 المعرض والتنقل واكتشاف التفاصيل (الخطوة 5)

العنصرالتقييمالملاحظة
فتات الخبز (Breadcrumb)ممتاز«الرئيسية / أجهزة كبيرة / غسالة الصحون» — يوضّح الموقع ويسهّل العودة للتصنيف.
معرض الصور (Gallery)جيدصورة رئيسية + شريط مصغّرات + أسهم prev/next؛ يُوصى بتكبير/Zoom ولفيديو المنتج (VideoObject موجود بالسكيما).
اختيار المتغيّرات (Variations)للتحققالمنتج المعروض بسيط (لون واحد)؛ يجب التحقق من وضوح اختيار اللون/المقاس على المنتجات المتغيّرة.
التبويبات (الوصف/المراجعات/إضافية)متوسطمنظّمة، لكن «مراجعات (0)» فارغة تُضعف الثقة بدل دعمها.
منتجات ذات صلةعامصف من 5 بطاقات (أفران/غسالات) بسعر وزر؛ ينقصه منطق «يُشترى معه» وباقات.
Sticky Add-to-Cartمفقوديختفي الزر أثناء قراءة الوصف الطويل — احتكاك التزام رئيسي.
قائمة الأمنيات (Wishlist)موجودة«أضف إلى قائمة الأمنيات» متاحة — جيدة للحفظ والعودة.

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

رحلة الزائر على PDP

يصل من تصنيف/بحث ← يرى الصورة والسعر ← يمرّر لقراءة الوصف ← يبحث عن آراء فلا يجد ← يتردد قرب الزر لغياب الضمان/التوصيل ← قد يغادر للمقارنة. نقطة تسرّب: لحظة الالتزام بالسلة دون طمأنة كافية.

مسار التحويل المثالي

صورة + عنوان + نجوم ← سعر + توفير% + تقسيط ← موعد توصيل ← «أضف للسلة» + شارات ثقة ← وصف موجز أعلى + تفاصيل ← «يُشترى معه» ← مراجعات. كل عناصر الحسم في «شاشة واحدة» قبل التمرير.

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

مخاطر الموبايل استنتاج
  • ضرورة Sticky Add-to-Cart على الجوال — العنصر الأهم لتحويل PDP على الموبايل.
  • المعرض يجب أن يدعم السحب (Swipe) والتكبير باللمس دون تكبير الصفحة كلها.
  • ودجت تمارا وأزرار الكمية يجب أن تبقى بمساحة لمس ≥ 44px.
  • الوصف الطويل بالصور يزيد وزن الصفحة على الجوال — يلزم lazy-load.
إمكانية الوصول (WCAG)
  • 95 صورة بلا alt على القالب — يضر قارئات الشاشة والـSEO. حي
  • تباين زر الشراء وأيقونات المعرض يحتاج تحقّق AA. استنتاج
  • التبويبات يجب أن تكون قابلة للتنقّل بالكيبورد مع ARIA (tab/tabpanel). يتطلب فحص تقني
  • أسهم المعرض تحتاج aria-label وحالات focus واضحة. يتطلب فحص تقني

🛡️ الثقة والمصداقية (الخطوة 7) — المحور الأضعف

المشكلة الرئيسية للـPDP: فجوة المراجعاتتبويب «مراجعات (0)» فارغ تماماً، ولا نجوم، ولا AggregateRating في السكيما. على صفحة القرار تحديداً، غياب الدليل الاجتماعي هو أكبر مثبّط تحويل في السوق السعودي. سكيما Product و ItemPage و Organization و VideoObject صحيحة — لكن غياب AggregateRating يفوّت أيضاً نجوم نتائج البحث (Rich Results).
موجود ويعمل
✔ سعر شامل الضريبة ✔ سعر أصلي مشطوب (Anchoring) ✔ متوفر في المخزون ✔ Tabby · Tamara ✔ SKU ظاهر ✔ وصف غني (≈464 كلمة) ✔ 9 صور معرض ✔ سكيما Product/Video صحيحة
ناقص أو ضعيف
✕ مراجعات/نجوم (0) ✕ AggregateRating بالسكيما ✕ شارة ضمان الوكيل قرب الزر ✕ سياسة إرجاع بارزة ✕ تقدير موعد التوصيل ✕ صور/آراء عملاء (UGC) ✕ Sticky Add-to-Cart

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

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

المبدأكيف تتعامل معه الصفحةالتوصية الأخلاقية
الدليل الاجتماعيمُهدر — 0 مراجعات ولا نجوم.تفعيل تقييمات حقيقية + نجوم أعلى العنوان + عدد المشترين.
عكس المخاطرة (Risk Reversal)مفقود قرب الزر.«ضمان الوكيل الرسمي + إرجاع خلال X يوم» ملاصق لـAdd-to-Cart.
التأطير السعري (Anchoring)مستخدم — سعر أصلي مشطوب مقابل الحالي (حي).إضافة نسبة التوفير % صراحةً بجانب المشطوب.
تأطير التقسيطجيد — تمارا «107.23 ﷼/شهر» ظاهر.رفعه أعلى السعر كمرساة «من 107 ﷼/شهر» لتخفيف حاجز السعر.
تأثير التملّك (Endowment)جزئي — صور نمط حياة في الوصف.صور استخدام واقعية + «تخيّله في مطبخك» + فيديو المنتج أعلى.
وضوح التوافر/الفوريةجزئي — «متوفر» بلا موعد.«اطلب خلال ساعة، يصلك خلال 48 ساعة» عند صحته.
الإلحاح/الندرةغائب.استخدام صادق فقط: «آخر X قطع» عند صحة المخزون.
لا أنماط مظلمةكل التوصيات تعتمد معلومات صادقة (مراجعات حقيقية، مخزون فعلي، توفير فعلي، موعد توصيل واقعي) — لا عدّادات وهمية ولا ندرة زائفة ولا تقييمات مفبركة.

🛒 عرض المنتج والـMerchandising (الخطوة 9) + جودة المحتوى (الخطوة 6)

Merchandising & Copy
  • الوصف غني (≈464 كلمة) بعناوين منافع: «قوة الكفاءة والابتكار»، «قفل السلامة للأطفال»، «تحكم عبر Wi-Fi» — جيد للإقناع.
  • ينقص ملخص منافع (Bullets) أعلى الوصف قبل الطيّة لقارئ العجول.
  • «منتجات ذات صلة» عامة — لا «يُشترى معه عادةً» ولا باقة تركيب/ملحقات لرفع AOV.
  • شارة «5 YEARS WARRANTY» بالإنجليزية داخل الوصف — تُعرّب وتُرفع قرب الزر.
إعادة صياغة نص ضعيف (الخطوتان 6 و9)
الحالي (تبويب فارغ)
«مراجعات (0)»
empty reviews tab — negative signal
المقترح (CTA للتقييم)
«كن أول من يقيّم هذا المنتج واحصل على نقاط WalaPlus»
Why stronger: turns void into UGC engine + incentive

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

المؤشرالقيمة المرصودةالحكمالأثر
سكربتات (Scripts)133حرجRender-blocking وتأخّر تفاعل (INP)، خاصة على الجوال.
صور بلا alt95مرتفعوصولية أضعف + فقد إشارات SEO للصور.
وزن المعرض9 صور منتجمتوسطيلزم WebP + lazy-load لما تحت الطية لخفض LCP.
VideoObjectموجود بالسكيمامتوسطالفيديو ثقيل؛ يُحمَّل بتأجيل (facade) لا تلقائياً.
سكيما المنتجProduct · ItemPage · Organization · VideoObjectجيدصحيحة — لكن ينقصها AggregateRating للنجوم بنتائج البحث.
عنوان الصفحة (Title)57 حرفجيدضمن الطول المثالي لنتائج البحث.
Meta Descriptionيذكر تمارا/تابي + شحن مجانيجيديبرز حوافز التحويل في SERP.
Server-renderنعم (المحتوى في HTML)جيدجيد للزحف والـSEO.
للقياس الفعلييُنصح بتشغيل PageSpeed Insights / Lighthouse / WebPageTest على PDP لقياس LCP وINP وCLS الفعلية، ومراقبة GA4 + Clarity. الأرقام أعلاه رصد بنيوي وليست قياس زمن تحميل مباشر.
ملاحظات WooCommerce / القالب
  • WooCommerce single-product يعتمد AJAX add-to-cart + cart fragments — تحقّق من أثرها على INP وطلبات admin-ajax. يتطلب فحص تقني
  • القالب WoodMart + Elementor 4.1.4 يحقن سكربتات كثيرة (133) — راجع widgets الصفحة غير الضرورية على PDP. حي
  • مراجعات المنتج مُعطّلة/فارغة — تفعيل نظام التقييم في إعدادات WooCommerce ثم حقن AggregateRating. حي
  • Rank Math مثبّت — استغلّه لإدارة سكيما المنتج وإضافة تقييم مُجمّع فور توفّر مراجعات. حي

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

القسمالمشكلةأثر المستخدمأثر العملالشدةImpactالثقة
تبويب المراجعات0 مراجعات / لا نجوم / لا AggregateRatingقلق ثقة عند القرارانخفاض Add-to-Cartحرجة9عالية
منطقة الشراءلا ضمان/إرجاع قرب الزرتردد لحظة الالتزامتسرّب قبل السلةحرجة9عالية
السعرلا تقدير موعد توصيلعدم يقين بالتسليمتأجيل القرارمرتفعة8عالية
التمرير/الوصفلا Sticky Add-to-Cartفقد الزر أثناء القراءةاحتكاك التزاممرتفعة8عالية
الأداء133 سكربتبطء تفاعل (INP)ارتداد + SEOمتوسطة7عالية
البيع المكمّللا «يُشترى معه»/باقةلا اكتشاف للمكمّلاتAOV منخفضمتوسطة6متوسطة
الوصولية95 صورة بلا altحاجز لقارئ الشاشةSEO + امتثالمتوسطة6عالية

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

الأولويةالتوصيةلماذا تؤثر على التحويلImpactالثقةالجهدالنوعKPI
P0تفعيل المراجعات + نجوم أعلى العنوان + AggregateRating بالسكيمادليل اجتماعي = ثقة أعلى + نجوم بنتائج البحث9عاليةمتوسطWooCommerce/SchemaAdd-to-Cart rate, CTR SERP
P0حزمة ثقة قرب الزر (ضمان الوكيل + إرجاع + دفع آمن)عكس مخاطرة لحظة القرار9عاليةمنخفضFront-endAdd-to-Cart rate
P1سطر تقدير موعد التوصيل أسفل السعريقين التسليم يقلّل التأجيل8عاليةمنخفضFront-endCVR, Add-to-Cart
P1Sticky Add-to-Cart (اسم + سعر + زر)يبقي الالتزام متاحاً دائماً8عاليةمنخفضFront-endAdd-to-Cart rate
P2«يُشترى معه عادةً» + باقة تركيب/ملحقاتيرفع متوسط قيمة الطلب6متوسطةمتوسطMerchandisingAOV
P2ملخص منافع (Bullets) أعلى الوصف + تعريب شارة الضمانمسح أسرع للقيمة6متوسطةمنخفضContentScroll, Add-to-Cart
P2إضافة alt لكل الصور + WebP/lazy للمعرضوصولية + سرعة + SEO6عاليةمتوسطAccessibility/PerfLCP, a11y score
P3Zoom للمعرض + facade للفيديوثقة بصرية أعلى بلا ثقل5متوسطةمتوسطFront-endEngagement, INP

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

التغييرالمكانImpactالجهدKPI المتوقع
سطر «يصلك خلال 48 ساعة»أسفل السعر8منخفضAdd-to-Cart ↑
شارات ثقة (ضمان/إرجاع/دفع)أسفل زر الشراء8منخفضCVR ↑
CTA «كن أول من يقيّم»تبويب المراجعات6منخفضعدد المراجعات ↑
إبراز نسبة التوفير %بجانب السعر المشطوب5منخفضAdd-to-Cart ↑
رفع ودجت التقسيط أعلى السعرمنطقة الشراء5منخفضCVR ↑

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

الفرضيةالحاليالبديلKPI أساسيGuardrailImpact
إضافة المراجعات والنجوم يرفع Add-to-Cart0 مراجعاتنجوم + مراجعات + AggregateRatingAdd-to-Cart rateمعدل الإرجاع9
تغيير لون/تباين زر الشراء يرفع النقرزر حاليلون عالي التباين (AA+)Add-to-Cart CTRBounce8
سطر موعد التوصيل يرفع التحويل«متوفر» فقط«متوفر + يصلك خلال 48 ساعة»CVRتذاكر الدعم8
Sticky ATC يرفع التحويل على الموبايلبدون StickySticky ATC ثابتAdd-to-Cart rateScroll depth8

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

قياسات GA4 (PDP)
  • حدث view_item عند فتح صفحة المنتج.
  • حدث add_to_cart ونسبته من view_item.
  • عمق تمرير PDP ووصول تبويب المراجعات/الوصف.
  • نقر «شراء الآن» مقابل «أضف للسلة».
  • تفاعل ودجت التقسيط (Tamara/Tabby).
Clarity / Hotjar (PDP)
  • خرائط حرارية لمنطقة الشراء والزر.
  • Rage / Dead clicks على المعرض والتبويبات.
  • تسجيلات تُظهر التمرير العكسي بحثاً عن الزر.
  • سلوك عند تبويب «مراجعات (0)» الفارغ.
فوري مقابل يحتاج بياناتفوري: شارات الثقة قرب الزر، سطر التوصيل، Sticky ATC، CTA التقييم، alt، WebP. يحتاج تحقق بالبيانات/الاختبار: لون الزر، ترتيب عناصر منطقة الشراء، منطق «يُشترى معه» — تُختبر A/B قبل التعميم.

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

┌─ فتات الخبز (الرئيسية / أجهزة كبيرة / غسالة الصحون) ├─ [يمين] المعرض (صورة رئيسية + مصغّرات + Zoom + facade فيديو) ├─ [يسار] العنوان H1 + نجوم + عدد المراجعات │ ├─ السعر (أصلي مشطوب ← حالي + توفير% · شامل الضريبة) │ ├─ التقسيط «من 107 ﷼/شهر — تمارا/تابي» │ ├─ المخزون «متوفر» + «يصلك خلال 48 ساعة» │ ├─ الكمية + أضف للسلة + شراء الآن + قائمة الأمنيات │ └─ شارات ثقة (ضمان الوكيل · إرجاع سهل · دفع آمن) ├─ ملخص منافع (Bullets) قبل الوصف المفصّل ├─ التبويبات (الوصف · مراجعات + CTA تقييم · معلومات إضافية) ├─ يُشترى معه عادةً + باقة تركيب/ملحقات ├─ منتجات ذات صلة ├─ Sticky ATC (اسم + سعر + زر) عند التمرير └─ الفوتر (روابط · تواصل · دفع · تطبيق)

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

نمط عنوان المنتج H1
[العلامة] [الفئة] – [أهم 2–3 مواصفات] – [اللون] – [الموديل]
Brand + Category + Key Specs + Color + Model
زر أضف إلى السلة
أضف إلى السلة — يصلك خلال 48 ساعة
Add to Cart — delivered in 48h
سطر الثقة قرب الزر
ضمان الوكيل الرسمي · إرجاع سهل · دفع آمن
Official warranty · easy returns · secure payment
رسالة التوصيل
اطلبه اليوم ويصلك خلال 48 ساعة داخل الرياض
Order today, get it within 48h in Riyadh
عنوان قسم المراجعات
آراء العملاء وتقييماتهم
Customer reviews & ratings
CTA للمراجعات الفارغة
كن أول من يقيّم هذا المنتج — واحصل على نقاط WalaPlus
Be the first to review — earn WalaPlus points

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

المرحلةالمهامالمسؤولImpactمقياس النجاح
1 · إصلاحات فوريةشارات ثقة قرب الزر، سطر التوصيل، توفير%، رفع التقسيط، altFront-end + Store manager8Add-to-Cart ↑ / a11y ↑
2 · CRO عالي الأثرتفعيل المراجعات + AggregateRating، Sticky ATC، تباين الزرWooCommerce dev + CRO9Add-to-Cart ↑ / CVR ↑
3 · اختبار وتحسينA/B للمراجعات ولون الزر وموعد التوصيل + تحليل ClarityCRO + Analytics7CVR ↑ مؤكد إحصائياً
4 · رفع AOV«يُشترى معه» + باقات تركيب/ملحقات + برنامج UGC للمراجعاتMerchandising + Back-end8AOV ↑ / عدد المراجعات ↑

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

الخلاصة
  • أكبر قوة: بنية PDP سليمة — سعر شفاف مع مرساة مشطوبة، تقسيط، مخزون، وصف غني وسكيما صحيحة.
  • أكبر ضعف: فجوة الدليل الاجتماعي (0 مراجعات/لا نجوم) + غياب عكس المخاطرة قرب الزر.
  • أهم تغيير: تفعيل المراجعات + AggregateRating، وحزمة ثقة ملاصقة لـAdd-to-Cart.
  • أفضل مكسب سريع: سطر موعد التوصيل + شارات الثقة أسفل الزر.
  • أعلى مخاطرة تقنية: 133 سكربت (INP) و95 صورة بلا alt.
  • أول اختبار A/B: إضافة المراجعات والنجوم مقابل الحالي.
  • أول تقرير تحليلي: نسبة add_to_cart ÷ view_item + عمق تمرير PDP (GA4 + Clarity).
أعلى 10 إجراءات مرتّبة
  1. تفعيل المراجعات + نجوم + AggregateRating — 9
  2. حزمة ثقة قرب الزر (ضمان/إرجاع/دفع) — 9
  3. سطر تقدير موعد التوصيل — 8
  4. Sticky Add-to-Cart — 8
  5. معالجة 133 سكربت (INP) — 7
  6. «يُشترى معه» + باقة تركيب — 6
  7. ملخص منافع أعلى الوصف + تعريب الضمان — 6
  8. alt لكل الصور + WebP/lazy — 6
  9. إبراز التوفير% ورفع التقسيط أعلى — 5
  10. Zoom للمعرض + facade للفيديو — 5

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

لقطة صفحة المنتج (PDP) — غسالة صحون Midea في متجر شاكر
صفحة المنتج (PDP) — غسالة صحون Midea (نفس القالب)

الرابط الحي المُحلَّل هو صفحة قلاية هوائية (Air Fryer) على القالب نفسه، بينما تعرض اللقطة صفحة غسالة صحون Midea على القالب ذاته — لذا الملاحظات على مستوى القالب (Template-level). مصدر التحليل الحي: shakersa.com (فُحص مباشرةً عبر المتصفح لأن الموقع يحجب الجلب الآلي 403). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي من الرابط · استنتاج مبني على مبادئ UX/CRO.

تدقيق CRO / UX / UI — السلة الجانبية المنبثقة (Mini-cart)
متجر شاكر (Shaker Group) · متجر أجهزة كهربائية · WooCommerce · السوق السعودي (RTL)
📄 الشاشة: السلة الجانبية المنبثقة (Add-to-Cart Drawer) 🔗 shakersa.com 🖥️ اللقطة: سطح المكتب (Desktop) 📅 يوليو 2026
يحتاج تحسين
جاهزية التحويل
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 عوائق للتحويل
  1. زرّان متنافسان بلا تسلسل واضح — «إتمام الطلب» و«عرض السلة» بوزن بصري متقارب؛ الزائر لا يعرف الإجراء الأساسي (تشتيت قرار). لقطة
  2. «إتمام الطلب» يبدو باهتاً/ثانوياً بينما هو الهدف الأول — عكس تسلسل الأولوية المطلوب. لقطة
  3. لا Upsell/Cross-sell داخل الدرج («منتجات قد تعجبك») — فرصة AOV مهدرة في أعلى لحظة نية شرائية. لقطة
  4. لا شريط تقدّم للشحن المجاني («أنت مؤهل للشحن المجاني») — غياب محفّز goal-gradient لزيادة القيمة. لقطة
  5. لا سطر ثقة/طمأنة داخل الدرج (دفع آمن · إرجاع · ضمان الوكيل) — قلق لحظة الالتزام دون تهدئة. لقطة
⚡ أعلى 5 مكاسب سريعة (Quick Wins)
  1. جعل «إتمام الطلب» CTA أساسي واحد (أخضر مصمت، عرض كامل) و«عرض السلة» رابطاً/زراً ثانوياً باهتاً.
  2. إضافة سطر ثقة مصغّر أسفل الأزرار (🔒 دفع آمن · إرجاع سهل · ضمان الوكيل).
  3. إضافة شريط تقدّم «الشحن المجاني» أعلى الدرج (goal-gradient).
  4. إضافة رابط «متابعة التسوّق» نصّي أسفل الأزرار لتقليل إغلاق الدرج بالكامل.
  5. إبراز رسالة النجاح «تمت الإضافة ✓» داخل الدرج نفسه بدل الاعتماد على التوست الخلفي فقط.
🚀 أعلى 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/DesignDrawer→Checkout rate
P0خفض «عرض السلة» لرابط/زر ثانوي باهتيوضّح التسلسل ويوجّه للدفع8عاليةمنخفضDesignCTR «إتمام الطلب»
P1إضافة Upsell/Cross-sell «منتجات قد تعجبك»يرفع AOV في لحظة النية القصوى8عاليةمتوسطWooCommerce/CROAOV, items/order
P1شريط تقدّم الشحن المجاني (goal-gradient)يحفّز زيادة القيمة وإتمام الطلب7عاليةمتوسطFront-endAOV, CVR
P1سطر ثقة (دفع آمن · إرجاع · ضمان الوكيل)يقلّل قلق الالتزام بالدفع6متوسطةمنخفضDesign/ContentDrawer→Checkout
P2رابط «متابعة التسوّق» + محرّر كمية بالدرجيقلّل إغلاق الدرج ويسهّل التعديل5متوسطةمنخفضFront-endDrawer abandonment
P2وصولية: focus trap + Esc + تباين AA + aria-liveوصول أوسع + امتثال6عاليةمتوسطAccessibilitya11y score
P3دمج توست النجاح داخل الدرج «تمت الإضافة ✓»تعزيز الإنجاز وتقليل الازدواج5متوسطةمنخفضFront-endTask success

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

التغييرالمكانImpactالجهدKPI المتوقع
«إتمام الطلب» أخضر مصمت عرض كاملأسفل الدرج9منخفضDrawer→Checkout ↑
«عرض السلة» رابط ثانويأسفل الدرج8منخفضCTR primary ↑
سطر ثقة مصغّرأسفل الأزرار6منخفضCVR ↑ / قلق ↓
شريط «الشحن المجاني»أعلى الدرج7متوسطAOV ↑
رابط «متابعة التسوّق»أسفل الدرج5منخفضAbandonment ↓

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

الفرضيةالحاليالبديلKPI أساسيGuardrailImpact
CTA أساسي واحد يرفع الانتقال للدفعزرّان متكافئان«إتمام الطلب» بطل + «عرض السلة» ثانويDrawer→Checkout rateDrawer abandonment9
Cross-sell يرفع AOVلا اقتراحات«منتجات قد تعجبك» (3 عناصر)AOVمعدل الإزالة/الإغلاق8
شريط الشحن المجاني يحفّز الإتمامبدون شريط«أنت مؤهل للشحن المجاني ✓»CVR / AOVTime to checkout7
سطر الثقة يرفع الانتقال للدفعبدون طمأنة«دفع آمن · إرجاع · ضمان»Drawer→CheckoutBounce من الدرج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، سطر الثقة، «متابعة التسوّق»، تباين AAFront-end + Designer9Drawer→Checkout ↑
2 · CRO عالي الأثرUpsell/Cross-sell، شريط الشحن المجاني، محرّر الكميةCRO + WooCommerce dev8AOV ↑ / CVR ↑
3 · اختبار وتحسينA/B لتسلسل الأزرار والـUpsell، تحليل ClarityCRO + Analytics7CVR ↑ مؤكد إحصائياً
4 · وصولية وأداءfocus trap + Esc + aria-live، تحسين cart fragmentsFront-end + a11y6a11y ↑ / INP ↓

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

الخلاصة
  • أكبر قوة: درج نظيف غير مقتحِم + سعر شفاف شامل الضريبة + تأكيد نجاح فوري.
  • أكبر ضعف: زرّان متكافئان بلا primary + فراغ وظيفي (لا Upsell/شحن مجاني/ثقة).
  • أهم تغيير: «إتمام الطلب» CTA أساسي واحد وحاسم.
  • أفضل مكسب سريع: رفع تباين «إتمام الطلب» وخفض «عرض السلة» لثانوي.
  • أعلى مخاطرة: تسرّب الميكرو-تحويل عند لحظة التردّد بين الزرّين.
  • أول اختبار A/B: CTA أساسي واحد مقابل الزرّين الحاليين.
  • أول تقرير تحليلي: Drawer→Checkout rate + Drawer abandonment (GA4 + Clarity).
أعلى 10 إجراءات مرتّبة
  1. «إتمام الطلب» CTA أساسي واحد (أخضر مصمت) — 9
  2. «عرض السلة» رابط ثانوي باهت — 8
  3. إضافة Upsell/Cross-sell بالدرج — 8
  4. شريط تقدّم الشحن المجاني — 7
  5. سطر ثقة (دفع آمن/إرجاع/ضمان) — 6
  6. وصولية: focus trap + Esc + تباين AA — 6
  7. رابط «متابعة التسوّق» — 5
  8. محرّر الكمية داخل الدرج — 5
  9. دمج توست النجاح داخل الدرج — 5
  10. تحسين cart fragments / تأجيل JS الدرج — 5

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

لقطة السلة الجانبية المنبثقة لمتجر شاكر — درج إضافة للسلة
السلة الجانبية المنبثقة — لحظة الإضافة للسلة

مصدر التحليل: لقطة شاشة فقط — لا يوجد رابط حي لهذه الشاشة؛ الحقائق الحية مقتصرة على مستوى القالب (WordPress + WooCommerce + Elementor 4.1.4 + WoodMart). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي حقيقة قالب/عابرة للصفحات · استنتاج مبني على مبادئ UX/CRO.

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

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

صفحة السلة (Cart) لمتجر شاكر — نقطة مراجعة السلة، وهي آخر خطوة قبل الدفع في مسار التحويل. الزائر هنا لديه نية شرائية عالية جداً: أضاف منتجاً بالفعل (مايديا غسالة صحون بـ 2,198.80 ﷼) ويراجع طلبه. الهدف التجاري الأساسي: دفعه بسلاسة إلى «التقدم لإتمام الطلب» دون تسرّب. الهدف الثانوي: رفع متوسط قيمة الطلب (AOV) عبر البيع المتقاطع، وتعزيز الطمأنينة عند «لحظة المال». المتجر مبني على WooCommerce + Elementor 4.1.4 + WoodMart.

تنويه منهجيغير متوفر رابط حي — التحليل من السكرين شوت فقط؛ الحقائق الحية على مستوى القالب. الحقائق الموسومة حي تخص القالب/المتجر عموماً (WooCommerce · WoodMart · وسائل الدفع · الشحن)، بينما ملاحظات صفحة السلة نفسها موسومة لقطة أو استنتاج.
نوع الصفحةCart (السلة)
مرحلة القمعمراجعة السلة — قبل الدفع مباشرة
نية الزائرعالية جداً (High Intent)
المنصةWooCommerce + Elementor 4.1.4
القالبWoodMart
قيمة السلة المرصودة2,198.80 ﷼ (شامل ض.ق.م)
وسائل الدفع (القالب)Mada · Apple Pay · Visa/MC · Tabby · Tamara · EZpay · Mobily Pay
جهاز اللقطةDesktop (يُستنتَج الموبايل)

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

جاهزية التحويل
65 / 100متوسط
تجربة المستخدم
68 / 100مقبول
الثقة
58 / 100متوسط
جاهزية الموبايل
63 / 100متوسط
إمكانية الوصول
56 / 100متوسط
المحتوى والرسائل
64 / 100متوسط
⛔ أعلى 5 عوائق للتحويل
  1. لا بيع متقاطع إطلاقاً — لا «قد يعجبك أيضاً» ولا «منتجات ذات صلة» ولا ملحقات (أنابيب/منظفات/ضمان ممتد) → AOV مهدر عند أعلى نقطة نية. لقطة
  2. لا شريط تقدّم شحن مجاني / حافز عتبة — لا يُخبر الزائر «أضف X للحصول على…»؛ غياب Goal Gradient يقتل فرص رفع القيمة. لقطة
  3. لا صف إشارات ثقة عند لحظة المال — لا «دفع آمن»، لا سياسة إرجاع، لا ضمان بجوار زر الدفع؛ قلق قبل الالتزام. لقطة
  4. مأزق نهائي بلا «متابعة التسوق» — لا رابط عودة للمتجر؛ من يريد إضافة منتج آخر مضطر لاستخدام زر الرجوع. لقطة
  5. لا تقدير للتوصيل/تاريخ الاستلام — الزائر لا يرى متى يصل جهازه؛ عدم يقين يؤجّل القرار. لقطة
⚡ أعلى 5 مكاسب سريعة (Quick Wins)
  1. إضافة كتلة «قد يعجبك أيضاً» / ملحقات ذات صلة أسفل جدول السلة.
  2. إضافة شريط تقدّم «شحن مجاني» أو عتبة حافز أعلى صندوق الملخص.
  3. إضافة صف ثقة تحت زر الدفع (دفع آمن · إرجاع · ضمان الوكيل · Mada/Apple Pay/Tabby/Tamara).
  4. إضافة رابط «متابعة التسوق» واضح بجوار السلة.
  5. إظهار تقدير موعد التوصيل (توصيل 48 ساعة داخل الرياض) قرب الملخص.
🚀 أعلى 3 تحسينات استراتيجية عالية الأثر

1) محرّك AOV في السلة

بناء طبقة بيع متقاطع ذكية (ملحقات المنتج + منتجات مكمّلة) وشريط عتبة «شحن مجاني/هدية»، لاستثمار أعلى لحظة نية شرائية. السلة صفحة صفرية-البيع حالياً رغم أنها الأنسب لرفع القيمة.

2) طمأنة عند «لحظة المال»

حزمة ثقة عند نقطة الدفع: دفع آمن (SSL)، سياسة إرجاع، ضمان الوكيل الرسمي، وشعارات وسائل الدفع المحلية. الثقة أضعف محور (58) وأكثر ما يخفض التسرّب في هذه المرحلة الحساسة.

3) إزالة الطرق المسدودة

إضافة «متابعة التسوق» + تقدير توصيل + حفظ لاحقاً/قائمة رغبات، لمنع خروج الزائر عندما يريد التعديل أو الإضافة. تحويل السلة من صفحة نهائية جامدة إلى محور مرن يحافظ على الجلسة.

🚪 أكبر سبب للمغادرة دون شراءقلق «لحظة المال» غير المُطمأَن: لا إشارات دفع آمن/إرجاع/ضمان قرب الزر، فيتردّد الزائر عالي النية ويؤجّل — وهو أغلى تسرّب في القمع.
💎 أكبر فرصة تحويل مهدرةغياب البيع المتقاطع وشريط عتبة الشحن؛ صفحة السلة أعلى نقطة نية لرفع AOV، لكنها حالياً بلا أي محرّك قيمة إضافية.
✅ أقوى عنصر يدعم التحويل حالياًوضوح ممتاز للإجماليات مع تفصيل الضريبة (286.80 ﷼ ض.ق.م 15%) + زر دفع أساسي واحد بارز (ذهبي بعرض كامل) دون تشتيت.

👁️ تحليل أعلى الطية — وضوح الإجماليات وبروز CTA (الخطوة 3)

اختبار الـ 5 ثوانٍخلال أول 5 ثوانٍ يرى الزائر: منتجه (غسالة الصحون بالصورة والاسم والموديل)، الكمية «- 1 +»، والمجموع، وإلى اليسار صندوق «إجمالي سلة المشتريات» بمجموع 2,198.80 ﷼ وزر ذهبي بعرض كامل «التقدم لإتمام الطلب». الرسالة الذهنية: «سلتي واضحة والإجمالي مفهوم». ما لا يظهر: أي طمأنة أمان، تقدير توصيل، أو حافز لإضافة منتج آخر.
العنصرالحالةالملاحظةالمصدر
وضوح الإجمالي (Total)ممتاز«المجموع 2,198.80 ﷼» و«الإجمالي 2,198.80 ﷼» بخط واضح في صندوق منفصل.لقطة
تفصيل ضريبة القيمة المضافةممتاز«يتضمن 286.80 ﷼ ضريبة القيمة المضافة 15%» — شفافية سعرية عالية تقلّل مفاجآت الدفع.لقطة
بروز CTA الأساسيقويزر ذهبي بعرض كامل «التقدم لإتمام الطلب» — تباين جيد ووجهة واحدة واضحة.لقطة
وضوح صف المنتججيدصورة مصغّرة + اسم كامل + SKU + سعر + كمية + مجموع + زر حذف (×).لقطة
حقل القسيمة (رمز القسيمة)غائب هنالا حقل كوبون في هذا العرض؛ يظهر في الدفع فقط — قرار نفسي قابل للنقاش.لقطة
إشارات ثقة قرب الزرمفقودةلا «دفع آمن»/قفل SSL/شعارات دفع بجوار «التقدم لإتمام الطلب».لقطة
تقدير التوصيل/التاريخغائبلا «التوصيل خلال 48 ساعة» ولا تاريخ استلام متوقع في السلة.لقطة
حاسبة الشحنغائبةلا تقدير شحن حسب المدينة قبل الدفع — عدم يقين للمدن خارج الرياض.استنتاج

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

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

نقاط القوة
  • CTA أساسي واحد بارز (ذهبي، عرض كامل) — لا منافس بصري له.
  • فصل واضح بين صندوق الملخص (يسار) وجدول السلة (يمين).
  • جدول منظّم بأعمدة مفهومة: المنتج / السعر / الكمية / المجموع.
  • عرض SKU + صورة مصغّرة يعزّز التعرّف على المنتج الصحيح.
نقاط الضعف
  • مساحة أسفل السلة فارغة بلا بيع متقاطع أو محتوى داعم للقرار.
  • زر الحذف (×) قد يكون خفياً/صغيراً ويفتقر لتأكيد أو «تراجع».
  • لا تمييز بصري لصندوق الملخص كـ«بطاقة» ثابتة (Sticky) على الشاشات الطويلة.
  • لا رسالة حالة بعد تحديث الكمية (تأكيد أن المجموع أُعيد حسابه).
  • لا شريط عتبة/تقدّم يضيف حافزاً بصرياً فوق الملخص.
نقطة قوة تُبنى عليهاوحدة الوجهة (CTA واحد) ووضوح الإجمالي وتفصيل الضريبة أساس ممتاز؛ التحسين ليس «إصلاح كسر» بل إضافة طبقات القيمة والطمأنة حول هيكل سليم أصلاً (مبدأ Von Restorff — إبراز عنصر واحد).

🧭 إدارة السلة والتنقل (الخطوة 5)

العنصرالتقييمالملاحظة
تعديل الكمية (Stepper - 1 +)جيدخطوة واضحة؛ يُنصح بتحديث فوري AJAX دون زر «تحديث السلة» منفصل.
حذف المنتج (×)للتحسينزر حذف موجود لكن بلا «تراجع/استرجاع» بعد الحذف — خطر فقد منتج بالخطأ.
متابعة التسوق (Continue Shopping)مفقودلا رابط عودة للمتجر — طريق مسدود يجبر الزائر على زر الرجوع.
حفظ لاحقاً / نقل لقائمة الرغباتمفقودلا «احفظ لوقت لاحق» — إما شراء الآن أو حذف؛ يفقد المتردّد.
تقدير التوصيل / موعد الاستلاممفقودلا يظهر «توصيل 48 ساعة (الرياض)» على مستوى صف المنتج أو الملخص.
حاسبة الشحن حسب المدينةمفقودةعدم يقين لسكان خارج الرياض؛ مفيدة قبل الدفع.
وضوح مسار الدفعجيدزر واحد صريح للانتقال — لا التباس في الخطوة التالية.

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

رحلة الزائر في السلة

يصل من صفحة المنتج ← يراجع المنتج والكمية ← يقرأ الإجمالي والضريبة ← نقطة قرار: يدفع الآن أم يتردّد؟ نقطة تسرّب: عند التردّد لا يجد طمأنة (أمان/إرجاع) ولا حافز (شحن مجاني/ملحق مفيد)، ولا طريق سلس للعودة وإضافة منتج — فقد يغادر الجلسة.

مسار التحويل المثالي

مراجعة سلة واضحة ← صف ثقة يطمئن ← تقدير توصيل يقلّل عدم اليقين ← بيع متقاطع اختياري يرفع القيمة ← «التقدم لإتمام الطلب». يجب أن تُشعر السلة الزائر أنه «في أمان وعلى بُعد خطوة واحدة».

مبدأ منع الطريق المسدودأي صفحة سلة يجب أن توفّر «مخرجين مُنتِجين»: الأمام (الدفع) والخلف (متابعة التسوق). حالياً المخرج الخلفي غائب، ما يزيد احتمال الخروج الكلي من الموقع بدل العودة للتصفّح.

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

مخاطر الموبايل استنتاج
  • الجدول ذو 4 أعمدة يجب أن يتحول إلى «بطاقات» على الجوال (Table→Cards) لتجنّب التمرير الأفقي.
  • ترتيب التكديس: يُفضّل ظهور الملخص + زر الدفع بوضوح دون تمرير طويل.
  • الحاجة لـ Sticky «التقدم لإتمام الطلب» ثابت أسفل الشاشة على الجوال.
  • أزرار الكمية (- / +) وزر الحذف يجب ألا تقل عن 44×44px لسهولة اللمس.
إمكانية الوصول (WCAG)
  • يلزم label/aria واضح لأزرار الكمية والحذف (× قد يُقرأ «علامة ضرب» فقط). استنتاج
  • تأكيد تباين نص الضريبة الثانوي على الخلفية الفاتحة (AA). استنتاج
  • تحديث الإجمالي بعد تغيير الكمية يجب أن يُعلَن عبر aria-live لقارئ الشاشة. استنتاج
  • يلزم التحقق من focus states وتنقّل الكيبورد على Stepper وزر الحذف والدفع. يتطلب فحص تقني

🛡️ الثقة والطمأنة عند «لحظة المال» (الخطوة 7)

موجود ويعمل
✔ إجمالي واضح ✔ تفصيل ضريبة 15% شفاف ✔ CTA واحد بارز ✔ Mada · Apple Pay · Visa (قالب) ✔ Tabby · Tamara (قالب) ✔ شحن مجاني (قالب) ✔ سجل تجاري + رقم ضريبي بالفوتر
ناقص أو ضعيف عند نقطة الدفع
✕ شارة «دفع آمن» / SSL قرب الزر ✕ سياسة إرجاع/استبدال بارزة ✕ ضمان الوكيل الرسمي قرب المنتج ✕ شعارات وسائل الدفع في السلة ✕ تقدير موعد التوصيل ✕ دعم/واتساب مرئي قرب الملخص

في لحظة الدفع تحديداً، غياب إشارات الأمان والإرجاع يرفع «قلق الالتزام» ويؤجّل قرار زائر عالي النية — أغلى تسرّب في القمع.

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

المبدأكيف تتعامل معه الصفحةالتوصية الأخلاقية
تدرّج الهدف (Goal Gradient)مُهدر — لا شريط عتبة أو تقدّم.شريط «شحن مجاني/هدية عند X» يحفّز إتمام وزيادة القيمة.
البيع المتقاطع (Cross-sell)غائب — لا «قد يعجبك أيضاً».ملحقات حقيقية للجهاز + منتجات مكمّلة تحت الجدول.
تجنّب الخسارة (Loss Aversion)غير مستخدم.«احفظ المنتج قبل نفاد الكمية» بصدق عند صحته فقط.
التأطير السعري (Anchoring)جزئي — الضريبة مُفصّلة داخل السعر الشامل.إبراز «السعر شامل الضريبة — لا رسوم مفاجئة» كميزة طمأنة.
تقليل المخاطرة (Risk Reversal)غائب عند الزر.«إرجاع سهل + ضمان الوكيل + دفع آمن» بجوار الدفع.
موضع القسيمة (Coupon Psychology)مؤجّل للدفع — لا حقل كوبون في السلة.قرار جيد: حقل كوبون فارغ يثير «بحث عن كود» ويسرّب؛ إبقاؤه بالدفع أفضل. يمكن استبداله برابط «لديك كود؟».
الوضوح والشفافيةقوي — إجمالي وضريبة واضحان.الحفاظ عليه؛ إضافة «إجمالي التوفير» إن وُجد سعر مشطوب.
لا أنماط مظلمةكل التوصيات تعتمد معلومات صادقة (ملحقات فعلية، مخزون حقيقي، عتبة شحن حقيقية) — لا عدّادات وهمية ولا ندرة زائفة عند لحظة المال.

🛒 رافعات AOV في السلة (الخطوة 9) + المحتوى (الخطوة 6)

رافعات القيمة المفقودة
  • لا بيع متقاطع: غسالة الصحون تناسب أنابيب صرف/منظفات/ملح تجفيف/ضمان ممتد — كلها مهدرة.
  • لا «Frequently Bought Together» أو حزم (Bundles) لرفع متوسط الطلب.
  • لا شريط «شحن مجاني/هدية عند X» يحفّز إضافة منتج ثانٍ.
  • لا «منتجات ذات صلة» تعيد تنشيط الاكتشاف داخل السلة.
إعادة صياغة نص ضعيف/ناقص
الحالي
«الإجمالي 2,198.80 ﷼ (يتضمن 286.80 ﷼ ضريبة القيمة المضافة 15%)»
functional but no reassurance
المقترح (إضافة سطر)
«السعر شامل الضريبة — لا رسوم مفاجئة · شحن مجاني · توصيل خلال 48 ساعة داخل الرياض»
Why stronger: transparency + reassurance + delivery certainty

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

تنويه القياسغير متوفر رابط حي لصفحة السلة؛ الجدول أدناه مبني على سلوك WooCommerce/WoodMart المعروف على مستوى القالب حي واستنتاجات UX/تقنية استنتاج، وليس قياس زمن تحميل مباشر لهذه الصفحة.
المؤشرالحالة/السلوكالحكمالأثر
تحديث السلة عبر AJAXWooCommerce يعتمد update_cart / apply_coupon عبر admin-ajaxللتحققبطء أو زر «تحديث» يدوي يضيف احتكاكاً؛ يُفضّل تحديث فوري عند تغيير الكمية. استنتاج
Cart Fragments (AJAX)wc-cart-fragments.js يحدّث عدّاد السلة في الهيدرمتوسططلبات fragments متكررة قد تُبطئ؛ يُنصح ضبطها/تخزينها مؤقتاً. حي
إعادة حساب الإجمالياتخادمي بعد كل تعديل كميةللتحققيجب أن يعكس المجموع والضريبة فوراً مع مؤشر تحميل واضح (loading state). استنتاج
ثقل القالب (WoodMart+Elementor)القالب ثقيل افتراضياًمتوسطصفحة السلة أبسط من الرئيسية، لكن أصول القالب المشتركة تظل محمّلة. حي
صورة المنتج المصغّرةثمبنيل واحد في اللقطةجيدحمولة صور خفيفة بطبيعة السلة؛ تأكد من WebP والأبعاد الصحيحة. استنتاج
حالة السلة الفارغة (Empty Cart)غير ظاهرة في اللقطةللتحققيلزم تصميم حالة فارغة مفيدة (اقتراحات + رابط للمتجر). لقطة
سلوك زر الحذفحذف مباشر بلا تأكيد ظاهرللتحسينيُفضّل تأكيد/تراجع لمنع الحذف الخاطئ وإعادة تحميل غير ضرورية. استنتاج
للقياس الفعلييُنصح بتشغيل PageSpeed Insights / Lighthouse على صفحة السلة الحقيقية لقياس LCP/INP/CLS، ومراقبة GA4 + Clarity لمعدل الانتقال من السلة للدفع، وأحداث تعديل/حذف المنتجات، وزمن استجابة تحديث السلة.
ملاحظات WooCommerce / القالب
  • التقاط أحداث remove_from_cart وquantity change في GA4 لتشخيص أسباب التخلي. استنتاج
  • البيع المتقاطع في السلة يُفعّل عبر Cross-sells المدمجة في WooCommerce (Linked Products) — موجودة بالنظام لكن غير مستغلة. حي
  • شريط عتبة الشحن يُنفّذ بإضافة أو كود مخصص يقرأ cart subtotal مقابل حد الشحن المجاني. استنتاج
  • ضبط cart fragments وتقليل طلبات admin-ajax يحسّن استجابة الهيدر والسلة. حي

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

العنصرالمشكلةأثر المستخدمأثر العملالشدةImpactالثقة
لحظة الدفعلا إشارات ثقة/أمان قرب الزرقلق التزام، تردّدتخلّي عن السلةحرجة9عالية
رافعات AOVلا بيع متقاطع/ملحقاتلا اكتشاف قيمة مضافةAOV منخفضحرجة8عالية
حافز العتبةلا شريط تقدّم شحن مجانيلا دافع للزيادةفرصة AOV مهدرةمرتفعة8عالية
التنقللا «متابعة التسوق»طريق مسدودخروج من الموقعمرتفعة7عالية
اليقينلا تقدير توصيل/تاريخعدم يقين، تأجيلتأخير القرارمتوسطة6عالية
الموبايلجدول 4 أعمدة لا يتحول لبطاقاتتمرير أفقي/إرباكتسرّب على الجوالمتوسطة6متوسطة
الحذفحذف بلا تأكيد/تراجعفقد منتج بالخطأإحباط + تخلّيمتوسطة5متوسطة

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

الأولويةالتوصيةلماذا تؤثر على التحويلImpactالثقةالجهدالنوعKPI
P0صف ثقة تحت الزر (دفع آمن · إرجاع · ضمان · شعارات دفع)يطمئن عند لحظة المال ويقلّل التخلي9عاليةمنخفضTrust/DesignCart→Checkout rate
P0كتلة بيع متقاطع «قد يعجبك أيضاً» + ملحقات ذات صلةيرفع AOV عند أعلى نية8عاليةمتوسطWooCommerce Cross-sellsAOV, Items/order
P1شريط تقدّم «شحن مجاني/هدية عند X»Goal Gradient يحفّز زيادة القيمة8متوسطةمتوسطPlugin/CustomAOV, Add-to-cart 2nd item
P1رابط «متابعة التسوق» بارزيمنع الطريق المسدود ويبقي الجلسة7عاليةمنخفضFront-endSession continuation, Exit rate
P1تقدير موعد التوصيل (48 ساعة الرياض)يقلّل عدم اليقين ويسرّع القرار6عاليةمنخفضContent/DevCart→Checkout rate
P2تحويل الجدول إلى بطاقات على الموبايل + Sticky CTAيقلّل إرباك الجوال6متوسطةمتوسطResponsiveMobile CVR
P2تأكيد/تراجع عند الحذف + aria-live للإجمالييمنع الفقد الخاطئ + وصولية5عاليةمنخفضUX/A11yRemove-error rate
P3«احفظ لاحقاً/انقل لقائمة الرغبات»يحتفظ بالمتردّد بدل الحذف5متوسطةمتوسطFeatureWishlist saves, Return rate

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

التغييرالمكانImpactالجهدKPI المتوقع
إضافة صف ثقة (أمان/إرجاع/دفع)تحت زر الدفع9منخفضCart→Checkout ↑
تفعيل Cross-sells «قد يعجبك أيضاً»أسفل جدول السلة8منخفضAOV ↑
رابط «متابعة التسوق»قرب السلة/الملخص7منخفضExit rate ↓
سطر «توصيل خلال 48 ساعة (الرياض)»صندوق الملخص6منخفضCVR ↑
سطر «شامل الضريبة — لا رسوم مفاجئة»قرب الإجمالي5منخفضTrust ↑

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

الفرضيةالحاليالبديلKPI أساسيGuardrailImpact
كتلة بيع متقاطع ترفع قيمة الطلبلا بيع متقاطع«قد يعجبك أيضاً» + ملحقاتAOV / عناصر بالطلبCart→Checkout rate8
صف الثقة يرفع الانتقال للدفعلا شارات أماندفع آمن + إرجاع + شعارات دفعCart→Checkout rateمعدل الإرجاع9
شريط الشحن المجاني يرفع AOVلا شريط عتبة«شحن مجاني/هدية عند X»AOVCart abandonment8
«متابعة التسوق» يقلّل الخروجطريق مسدودرابط عودة بارزExit rate من السلةCart→Checkout rate6

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

قياسات GA4
  • معدل الانتقال من السلة للدفع (view_cart → begin_checkout).
  • معدل التخلي عن السلة (Cart Abandonment) حسب الجهاز.
  • أحداث remove_from_cart وتغيير الكمية.
  • نقرات كتلة البيع المتقاطع (select_item من السلة).
  • تفاعل شريط الشحن المجاني وأثره على AOV.
Clarity / Hotjar
  • تسجيلات جلسات السلة لرصد نقطة التردّد قبل الدفع.
  • Dead/Rage clicks على زر الحذف وأزرار الكمية.
  • خرائط حرارية: هل يبحث الزائر عن معلومات ثقة/توصيل؟
  • عمق التمرير: هل يُرى صندوق الملخص كاملاً على الجوال؟
فوري مقابل يحتاج بياناتفوري: صف الثقة، «متابعة التسوق»، سطر التوصيل، تفعيل Cross-sells. يحتاج تحقق بالبيانات/الاختبار: عتبة شريط الشحن المجاني، ترتيب كتلة البيع المتقاطع، صياغة رسائل الطمأنة — تُختبر A/B قبل التعميم.

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

┌─ الهيدر (لوجو · بحث · قائمة رغبات · سلة · EN) ├─ عنوان الصفحة«سلة المشتريات» + خطوات (سلة ← دفع ← تأكيد) ├─ شريط تقدّم «شحن مجاني/هدية عند X ﷼» (Goal Gradient) ├─ جدول السلة (المنتج · السعر · الكمية · المجموع · حذف) │ └─ صف المنتج + تقدير توصيل 48 ساعة + حفظ لاحقاً ├─ شريط أدوات«متابعة التسوق» · تحديث السلة (AJAX) ├─ صندوق الملخص (المجموع · الضريبة 15% · الإجمالي) — Sticky │ ├─ CTA بطل «التقدم لإتمام الطلب» (ذهبي عرض كامل) │ └─ صف ثقة دفع آمن · إرجاع · ضمان · Mada/ApplePay/Tabby/Tamara ├─ بيع متقاطع «قد يعجبك أيضاً» + ملحقات ذات صلة └─ الفوتر (روابط · تواصل · سجل تجاري · دفع · WalaPlus)

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

عنوان الصفحة
سلة المشتريات — أنت على بُعد خطوة واحدة
Your Cart — You're one step away
CTA الدفع
التقدم لإتمام الطلب — دفع آمن
Proceed to Checkout — Secure payment
متابعة التسوق
← متابعة التسوق وإضافة المزيد
← Continue shopping
رسالة الشحن المجاني
أضف بـ 300 ﷼ فقط لتحصل على شحن مجاني!
Add just SAR 300 more for free shipping!
سطر الثقة
دفع آمن · إرجاع سهل · ضمان الوكيل الرسمي · توصيل خلال 48 ساعة
Secure payment · Easy returns · Official warranty · 48h delivery
حالة السلة الفارغة
سلتك فارغة — اكتشف أحدث الأجهزة وابدأ التسوّق
Your cart is empty — explore our latest appliances

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

المرحلةالمهامالمسؤولImpactمقياس النجاح
1 · إصلاحات فوريةصف الثقة، «متابعة التسوق»، سطر التوصيل، سطر «شامل الضريبة»Front-end + Store manager8Cart→Checkout ↑
2 · CRO عالي الأثرتفعيل Cross-sells، شريط شحن مجاني، تأكيد الحذف، aria-liveWooCommerce dev + CRO9AOV ↑ / Abandonment ↓
3 · اختبار وتحسينA/B للثقة والبيع المتقاطع وعتبة الشحن، تحليل ClarityCRO + Analytics7CVR ↑ مؤكد إحصائياً
4 · تحسين استراتيجيموبايل بطاقات + Sticky CTA، حفظ لاحقاً، حاسبة شحن، حالة فارغةDesigner + Back-end8Mobile CVR ↑ / Retention ↑

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

الخلاصة
  • أكبر قوة: وضوح الإجماليات + تفصيل الضريبة + CTA واحد بارز — أساس نظيف.
  • أكبر ضعف: صفر رافعات قيمة (لا بيع متقاطع/عتبة) + لا طمأنة عند لحظة المال.
  • أهم تغيير: صف ثقة تحت الزر + تفعيل البيع المتقاطع.
  • أفضل مكسب سريع: صف الثقة و«متابعة التسوق» (جهد منخفض/أثر عالٍ).
  • أعلى مخاطرة: تخلّي زائر عالي النية بسبب غياب الطمأنة/الحوافز.
  • أول اختبار A/B: صف الثقة تحت زر الدفع مقابل النسخة الحالية.
  • أول تقرير تحليلي: معدل السلة→الدفع + أحداث الحذف (GA4 + Clarity).
أعلى 10 إجراءات مرتّبة
  1. صف ثقة تحت زر الدفع — 9
  2. تفعيل البيع المتقاطع «قد يعجبك أيضاً» — 8
  3. شريط تقدّم شحن مجاني (Goal Gradient) — 8
  4. رابط «متابعة التسوق» — 7
  5. تقدير موعد التوصيل (48 ساعة) — 6
  6. موبايل: جدول → بطاقات + Sticky CTA — 6
  7. تأكيد/تراجع عند الحذف — 5
  8. سطر «شامل الضريبة — لا رسوم مفاجئة» — 5
  9. aria-live لتحديث الإجمالي (وصولية) — 5
  10. حفظ لاحقاً / نقل لقائمة الرغبات — 5

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

لقطة صفحة السلة لمتجر شاكر — جدول المنتج وصندوق الملخص والإجمالي
صفحة السلة — اللقطة الكاملة (Desktop)

غير متوفر رابط حي لصفحة السلة — التحليل من السكرين شوت فقط؛ الحقائق الحية على مستوى القالب (WooCommerce · WoodMart · الدفع · الشحن). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي حقيقة قالب/متجر · استنتاج مبني على مبادئ UX/CRO.

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

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

صفحة تسجيل الدخول / إنشاء الحساب (My Account) لمتجر شاكر — نقطة مصادقة (Auth) في منتصف قمع الشراء. التخطيط عمودان: يمين «تسجيل الدخول» ويسار «سجّل حساب». هذه الصفحة ليست هدفاً تجارياً بحد ذاتها، بل خطوة خدمية؛ لذا معيار نجاحها الأول هو ألا تعترض مسار الشراء. المتجر يدعم الدفع كضيف (صفحة الدفع لا تفرض تسجيل الدخول)، لذا أي جدار تسجيل إلزامي قبل الشراء يُعدّ نمطاً مضاداً (anti-pattern). المبدأ الحاكم: لا تُجبر الزائر على إنشاء حساب قبل الشراء — وفّر الضيف + الدخول الاجتماعي + OTP.

⚠ ملاحظة منهجية: غير متوفر رابط حي — التحليل من السكرين شوت فقط. توسم حقائق المنصة (Stack / الدفع / الشحن) بـ حي لأنها ثابتة على مستوى القالب والموقع، أما ملاحظات هذه الصفحة تحديداً فمن اللقطة لقطة أو الاستنتاج استنتاج.

نوع الصفحةLogin / Register (My Account)
الصناعةأجهزة منزلية / Retail
المنصةWooCommerce + Elementor 4.1.4
القالبWoodMart
نية الزائرمصادقة / متابعة الشراء (Consideration–Purchase)
السوق واللغةالسعودية · عربي RTL
الدفع كضيفمدعوم (لا يفرض تسجيل الدخول)
الدخول الاجتماعي الظاهرGoogle فقط
وسائل الدفعMada · Apple Pay · Visa/MC · Tabby · Tamara · EZpay · Mobily Pay
جهاز اللقطةDesktop (يُستنتَج الموبايل)

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

جاهزية التحويل
62 / 100متوسط
تجربة المستخدم
66 / 100مقبول
الثقة
60 / 100متوسط
جاهزية الموبايل
64 / 100متوسط
إمكانية الوصول
58 / 100متوسط
المحتوى والرسائل
60 / 100متوسط
⛔ أعلى 5 عوائق للتحويل
  1. لا خيار «متابعة كضيف» ظاهر في هذه الشاشة — خطر تحويل نقطة خدمية إلى جدار مصادقة يقطع رحلة الشراء. لقطة
  2. الدخول الاجتماعي محدود بـ Google فقط — المستخدم السعودي يتوقّع Apple ID وتسجيل بالجوال/OTP؛ غيابهما يرفع احتكاك الدخول. لقطة
  3. عمودان يتنافسان دون مسار أساسي واضح لزائر جديد — «تسجيل الدخول» و«سجّل حساب» بنفس الوزن تقريباً فيتردد الوافد الجديد. لقطة
  4. التسجيل زر مجرّد بلا طمأنة بصرية — نص المنافع موجود لكن بلا نقاط قيمة مرئية أو دليل ثقة على «لماذا أنشئ حساباً». لقطة
  5. لا إشارة إلى تتبّع الطلب / WalaPlus / أسرع دفع كمكافأة ملموسة للتسجيل — الحافز نصّي عام لا مرئي. استنتاج
⚡ أعلى 5 مكاسب سريعة (Quick Wins)
  1. إضافة زر «متابعة كضيف» بارز حين يأتي الزائر من مسار الشراء (checkout).
  2. توسيع الدخول الاجتماعي لـ Apple ID + تسجيل بالجوال/OTP بجانب Google.
  3. تحويل نص التسجيل إلى 3 نقاط قيمة مرئية (تتبّع الطلبات · دفع أسرع · نقاط WalaPlus).
  4. ترجيح مسار أساسي واحد بصرياً (زر ذهبي مصمت للأساسي، وثانوي مفرّغ).
  5. إضافة سطر طمأنة أمان: «بياناتك محمية · لن نشارك معلوماتك» قرب الحقول.
🚀 أعلى 3 تحسينات استراتيجية عالية الأثر

1) تحرير قمع الشراء من المصادقة

ضمان أن الدفع كضيف هو المسار الافتراضي، مع عرض «سجّل الدخول لتسريع الدفع» كخيار لا كإلزام. تحويل هذه الصفحة من عائق محتمل إلى مسرّع اختياري يرفع إتمام الطلب (Checkout completion).

2) توسيع خيارات المصادقة للسوق السعودي

إضافة Apple ID وتسجيل الجوال بـ OTP (شائع محلياً؛ Nafath غير متوقّع هنا). كل خيار إضافي منخفض الاحتكاك يقلّل التخلي عند شاشة الدخول ويزيد معدل إنشاء الحساب الطوعي.

3) إعادة صياغة قيمة الحساب

تحويل فقرة التسجيل العامة إلى منافع ملموسة (تتبّع · تكرار الشراء بنقرة · WalaPlus) مع مبدأ الالتزام والاتساق (Commitment) — لجعل التسجيل قراراً واعياً لا حاجزاً مفروضاً.

🚪 أكبر سبب للمغادرة دون شراءلو دُفعت شاشة الدخول قبل الدفع، أو بدا أنها تفرض إنشاء حساب، يغادر جزء من العملاء الجدد فوراً — احتكاك مصادقة كلاسيكي (Forced-account anti-pattern).
💎 أكبر فرصة تحويل مهدرةعدم استثمار الدخول الاجتماعي المنخفض الاحتكاك (Apple/الجوال-OTP) وترك التسجيل زراً بلا حافز مرئي، بينما نقرة واحدة كانت كفيلة بإنشاء الحساب.
✅ أقوى عنصر يدعم التحويل حالياًوجود دخول اجتماعي (Google)، حقل كلمة مرور مع زر إظهار (eye-toggle)، «تذكرني»، ورابط «نسيت كلمة المرور» — أساسيات UX سليمة وموجودة.

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

اختبار الـ 5 ثوانٍخلال أول 5 ثوانٍ يرى الزائر: الهيدر والتنقل، ثم عمودين — «سجّل حساب» (يسار) بفقرة منافع وزر ذهبي «تسجيل جديد»، و«تسجيل الدخول» (يمين) برابط دخول سريع عبر Google، وحقلي «اسم المستخدم/البريد» و«كلمة المرور» وزر ذهبي «تسجيل الدخول». ما لا يتضح فوراً: أي عمود هو المسار الأساسي لزائر جديد؟ وأين خيار «متابعة كضيف»؟ الرسالة الذهنية: «عليّ أن أختار بين دخول وتسجيل» — دون توجيه أو تطمين.
العنصرالحالةالملاحظةالمصدر
المسار الأساسي الواضحغائبالعمودان بوزن بصري متقارب؛ لا توجيه للوافد الجديد.لقطة
خيار «متابعة كضيف»غير ظاهرلا زر/رابط ضيف في هذه الشاشة رغم دعم الموقع للدفع كضيف.لقطة
عناوين العمودينواضحة«سجّل حساب» و«تسجيل الدخول» تسميات مفهومة ومباشرة.لقطة
الدخول الاجتماعيمحدودGoogle فقط — لا Apple ولا تسجيل بالجوال/OTP.لقطة
حقول تسجيل الدخولظاهرة«اسم المستخدم أو البريد الإلكتروني *» و«كلمة المرور *» بعلامة إلزام.لقطة
إظهار كلمة المرور (eye-toggle)موجودممارسة UX جيدة تقلّل أخطاء الإدخال.لقطة
«تذكرني» + «نسيت كلمة المرور»موجودةخيارات قياسية متوقعة وموضعها سليم أسفل الحقول.لقطة
نموذج التسجيل المضمّنمؤجّلعمود التسجيل زر واحد فقط — النموذج على الأرجح في خطوة تالية.لقطة
طمأنة/دليل ثقة للتسجيلضعيفةفقرة منافع نصّية بلا نقاط مرئية أو شارة أمان.لقطة

الفعل المرجّح للزائر الجديد: التردد بين العمودين أو محاولة التسجيل ظناً أنه إلزامي، بينما الفعل المرغوب (لو جاء من الدفع) هو المتابعة كضيف أو الدخول السريع بنقرة. الفجوة قائمة لأن الشاشة لا ترجّح مساراً ولا تعرض بديل الضيف.

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

نقاط القوة
  • هوية لونية متسقة (أزرار ذهبية على خلفية بيضاء نظيفة).
  • تسميات الحقول (Labels) واضحة وصريحة مع علامة الإلزام *.
  • زر إظهار كلمة المرور (eye-toggle) حاضر — يقلّل الإحباط.
  • تخطيط عمودين مألوف لمستخدمي WooCommerce/WoodMart.
نقاط الضعف
  • تكافؤ بصري بين الزرّين الذهبيين «تسجيل جديد» و«تسجيل الدخول» → لا هرمية أزرار (Button hierarchy) واضحة.
  • عمود التسجيل شبه فارغ (فقرة + زر) مقابل عمود دخول ممتلئ → عدم توازن بصري.
  • زر اجتماعي واحد (Google) يبدو ناقصاً؛ يوحي بضعف خيارات الدخول.
  • لا فاصل «أو» بصري بين الدخول الاجتماعي والدخول بالبريد يوضّح العلاقة.
  • لا عنصر بصري (أيقونة/رسم) يعزّز قيمة إنشاء الحساب.
مشكلة هرمية أزراروجود زرّين ذهبيين متساويين في عمودين متجاورين يُفقد الزائر «نقطة القرار الأساسية». القاعدة (Visual Hierarchy — NN/g): زر أساسي واحد مصمت، والبقية ثانوية (مفرّغة/أهدأ) لتوجيه العين نحو المسار المرجّح.

🧭 UX النماذج والمصادقة (الخطوة 5)

العنصرالتقييمالملاحظة
تسميات الحقول (Labels)جيدة«اسم المستخدم أو البريد» و«كلمة المرور» واضحة مع علامة الإلزام. لقطة
إظهار كلمة المرورممتازeye-toggle موجود — يقلّل أخطاء الإدخال والتخلي. لقطة
«تذكرني» (Remember me)موجودCheckbox في مكانه المتوقع أسفل الحقول. لقطة
«نسيت كلمة المرور»موجود — للتحققالرابط ظاهر؛ يلزم فحص تدفّق الاسترجاع (بريد/OTP) وسهولته. يتطلب فحص تقني
الدخول الاجتماعيمحدودGoogle فقط؛ يُوصى بإضافة Apple + جوال/OTP للسوق المحلي. لقطة
خيار «متابعة كضيف»مفقود هنالا بديل ضيف ظاهر رغم دعم الموقع للدفع بلا حساب. لقطة
حالات الخطأ/التحقق (Validation)للتحققغير ظاهرة في اللقطة؛ يلزم فحص رسائل الخطأ inline ووضوحها. استنتاج

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

رحلة الزائر الجديد

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

مسار المصادقة المثالي

قادم من الدفع ← يرى «متابعة كضيف» بارزاً + «سجّل الدخول لتسريع الدفع» ← أو نقرة واحدة عبر Apple/Google/الجوال-OTP ← يعود لإتمام الطلب فوراً. المصادقة تسرّع لا تعترض.

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

مخاطر الموبايل استنتاج
  • ترتيب تكديس الأعمدة: عند التصغير قد يظهر عمود «التسجيل» أولاً فوق «الدخول» — يجب أن يظهر الدخول أولاً للعائدين والأكثر تحويلاً.
  • الحاجة لأزرار كبيرة (≥44px) وحقول بمسافات لمس مريحة.
  • ضبط inputmode/type=email/type=tel لإظهار لوحة المفاتيح المناسبة.
  • زر الجوال-OTP مهم جداً على الموبايل (أسرع من كتابة كلمة مرور).
إمكانية الوصول (WCAG)
  • ربط كل Label بحقله عبر for/id — يلزم التحقق. يتطلب فحص تقني
  • زر إظهار كلمة المرور يحتاج aria-label وaria-pressed. استنتاج
  • تباين الأزرار الذهبية على الأبيض قد لا يحقق AA — للفحص. استنتاج
  • تنقّل الكيبورد + focus states + دعم autofill/password managers. يتطلب فحص تقني

🛡️ تقليل احتكاك المصادقة والثقة (الخطوة 7)

المبدأ الحاكم لهذه الصفحةلا تُجبر الزائر على إنشاء حساب قبل الشراء. المتجر يدعم الدفع كضيف — فالهدف تحويل شاشة المصادقة من عائق إلى مسرّع اختياري: ضيف + دخول اجتماعي (Apple/Google) + جوال-OTP، مع إبراز منافع الحساب دون فرضه.
موجود ويعمل
✔ دخول اجتماعي (Google) ✔ إظهار كلمة المرور ✔ «تذكرني» ✔ «نسيت كلمة المرور» ✔ تسميات حقول واضحة ✔ الدفع كضيف مدعوم بالموقع
ناقص أو ضعيف
✕ زر «متابعة كضيف» في الشاشة ✕ دخول Apple ID ✕ تسجيل بالجوال / OTP ✕ منافع الحساب المرئية ✕ سطر طمأنة أمان/خصوصية ✕ ربط WalaPlus كحافز تسجيل

في السوق السعودي، خيارات الدخول السريع (Apple/الجوال-OTP) توقّع أساسي؛ غيابها يرفع الاحتكاك ويخفض إتمام الطلب.

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

المبدأكيف تتعامل معه الصفحةالتوصية الأخلاقية
تقليل الاحتكاك (Friction)ضعيف — خيار دخول اجتماعي واحد ولا ضيف.Apple + جوال-OTP + «متابعة كضيف» بنقرة.
الالتزام والاتساق (Commitment)جزئي — التسجيل زر بلا سياق قيمة.اجعل التسجيل خطوة صغيرة بعد قيمة واضحة (Micro-commitment).
الانحياز للوضع الافتراضي (Default Bias)غير مستغل — لا مسار افتراضي مرجّح.اجعل الضيف/الدخول السريع هو الافتراضي المرئي.
تقليل المخاطرة (Risk Reversal)غائب — لا طمأنة خصوصية.«بياناتك محمية · لن نشارك معلوماتك» قرب الحقول.
الدليل الاجتماعيغير مستخدم على شاشة الحساب.«انضم لآلاف العملاء» أو ربط WalaPlus كحافز صادق.
حِمل الاختيار (Hick's Law)متوسط — قراران متنافسان.ترجيح مسار واحد أساسي يقلّل زمن القرار.
لا أنماط مظلمةكل التوصيات صادقة: لا تسجيل مُخفى إجباري، ولا خداع في «الضيف»، ولا حجب لخيار الدفع بلا حساب — الشفافية أساس الثقة.

🎁 إعادة صياغة قيمة الحساب (الخطوة 9) + المحتوى (الخطوة 6)

حوافز التسجيل المقترحة
  • تتبّع الطلب وسجله — الوصول لحالة الطلب في أي وقت.
  • دفع أسرع — حفظ العنوان ووسيلة الدفع للطلبات القادمة.
  • نقاط WalaPlus — ربط برنامج الولاء كمكافأة ملموسة.
  • قائمة رغبات وإشعارات توفّر للأجهزة المطلوبة.
إعادة صياغة نص التسجيل
الحالي
«يتيح لك التسجيل الوصول إلى حالة طلبك وسجله… سنطلب المعلومات الضرورية فقط…»
generic, text-only benefit paragraph
المقترح
«أنشئ حسابك في 10 ثوانٍ: تتبّع طلباتك · دفع أسرع · نقاط WalaPlus» — مع 3 أيقونات منافع
Why stronger: scannable value bullets + time cue + loyalty hook

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

تنويه منهجيغير متوفر رابط حي لهذه الصفحة — لا قياسات بنيوية مباشرة (DOM/صور/سكربت). المؤشرات أدناه يتطلب فحص تقني على بيئة حية؛ حقائق المنصة العامة موسومة حي.
المؤشرالحالةالحكمالأثر
قالب حساب WooCommerce (My Account)WoodMart template يتطلب فحص تقنيللتحققسلوك النموذج والتحقق يعتمد على قالب القالب وإضافاته.
reCAPTCHA / Anti-botغير ظاهر — للفحص يتطلب فحص تقنيللتحققحمايته مهمة، لكن v2 قد يزيد الاحتكاك؛ يُفضّل v3 غير المرئي.
مزوّد الدخول الاجتماعيGoogle فقط (Social Login plugin) لقطةمحدوديلزم إضافة موفّري Apple/الجوال عبر الإضافة أو حل مخصص.
تدفّق «نسيت كلمة المرور»افتراضي WooCommerce غالباً يتطلب فحص تقنيللتحققسرعة الاسترجاع ووضوح البريد يؤثران على العودة.
الأمان (HTTPS/تخزين الجلسة)يلزم التحقق يتطلب فحص تقنيللتحققتشفير النقل وسياسة كلمة المرور وحدود المحاولات.
وسائل الدفع (سياق القمع)Mada · Apple Pay · Visa/MC · Tabby · Tamara · EZpay · Mobily Pay حيقويتنوّع الدفع يدعم الدفع كضيف دون حاجة لحساب.
للقياس الفعلييلزم فحص تقني على بيئة حية: زمن تحميل صفحة الحساب، وجود reCAPTCHA ونوعه، توافق autofill مع مديري كلمات المرور، وتدفّق الدخول الاجتماعي والاسترجاع من طرف إلى طرف.
ملاحظات WooCommerce / القالب
  • صفحة My Account قياسية في WooCommerce؛ WoodMart يعيد تصميمها — تحقق من overrides للقالب. حي
  • إضافة الدخول الاجتماعي تحدّد الموفّرين المتاحين؛ توسعتها لـ Apple/الجوال ممكن عبر الإعدادات أو إضافة. يتطلب فحص تقني
  • «متابعة كضيف» تُضبط من إعدادات WooCommerce (Guest checkout مفعّل) وربطها بمسار الدفع. حي

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

القسمالمشكلةأثر المستخدمأثر العملالشدةImpactالثقة
المصادقة/القمعلا «متابعة كضيف» ظاهريظن الحساب إلزامياًتخلٍّ عند الدفعحرجة9عالية
الدخول الاجتماعيGoogle فقطلا Apple/جوال-OTPاحتكاك دخول أعلىمرتفعة8عالية
هرمية المسارعمودان متكافئانتردد الوافد الجديدبطء اتخاذ القرارمرتفعة7عالية
قيمة التسجيلزر بلا حافز مرئيلا سبب مقنع للتسجيلمعدل حساب أقلمتوسطة6متوسطة
الثقة/الأمانلا طمأنة خصوصيةقلق بشأن البياناتتردد الإدخالمتوسطة5متوسطة
الوصوليةaria/تباين للفحصحاجز لبعض المستخدمينامتثال + وصولمتوسطة5متوسطة
ترتيب الموبايلتكديس الأعمدة غير مؤكدقد يرى التسجيل أولاًاحتكاك للعائدينمتوسطة5متوسطة

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

الأولويةالتوصيةلماذا تؤثر على التحويلImpactالثقةالجهدالنوعKPI
P0إضافة «متابعة كضيف» بارزة في مسار الدفعيزيل جدار المصادقة قبل الشراء9عاليةمنخفضWooCommerce configCheckout completion
P0توسيع الدخول: Apple ID + جوال/OTPخيارات منخفضة الاحتكاك متوقعة محلياً8عاليةمتوسطPlugin/DevLogin success rate
P1ترجيح مسار أساسي واحد (زر مصمت مقابل مفرّغ)يقلّل تردد الوافد الجديد7عاليةمنخفضDesign/UITime-to-decision
P1تحويل نص التسجيل إلى 3 منافع مرئية + WalaPlusحافز واضح يرفع إنشاء الحساب الطوعي6متوسطةمنخفضContent/DesignAccount-creation rate
P2سطر طمأنة خصوصية/أمان قرب الحقوليخفض القلق ويشجّع الإدخال5متوسطةمنخفضContentForm start rate
P2ضبط ترتيب تكديس الموبايل (الدخول أولاً)يسرّع العائدين الأكثر تحويلاً5متوسطةمنخفضFront-endMobile login rate
P3مراجعة a11y (aria للـtoggle/labels/تباين)وصولية + امتثال5عاليةمتوسطAccessibilitya11y score

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

التغييرالمكانImpactالجهدKPI المتوقع
إظهار «متابعة كضيف»مسار الدفع/الحساب9منخفضCheckout completion ↑
ترجيح زر أساسي واحد بصرياًشاشة الحساب7منخفضTime-to-decision ↓
3 نقاط قيمة للتسجيل + أيقوناتعمود التسجيل6منخفضAccount rate ↑
سطر «بياناتك محمية»قرب الحقول5منخفضForm start ↑
فاصل «أو» بين الاجتماعي والبريدعمود الدخول4منخفضوضوح الإدراك ↑

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

الفرضيةالحاليالبديلKPI أساسيGuardrailImpact
الضيف أولاً يرفع إتمام الطلبدخول/تسجيل أولاً«متابعة كضيف» بارز + دخول اختياريCheckout completionAccount-creation rate9
Apple Pay/جوال-OTP يرفع نجاح الدخولGoogle فقطApple + جوال/OTP + GoogleLogin success rateمعدل الأخطاء8
منافع مرئية على التسجيل ترفع الحساباتفقرة نصّية3 منافع + أيقونات + WalaPlusAccount-creation rateالارتداد من الصفحة6
ترجيح مسار أساسي يقلّل الترددزرّان متكافئانأساسي مصمت + ثانوي مفرّغمعدل النقر للأساسيمعدل التخلي6

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

قياسات GA4
  • نسبة الدخول مقابل الضيف (login vs guest rate).
  • معدل التخلي عند إنشاء الحساب (account-creation drop-off).
  • استخدام «نسيت كلمة المرور» (forgot-password usage).
  • نجاح/فشل الدخول الاجتماعي حسب الموفّر.
  • مسار من شاشة الحساب إلى إتمام الطلب.
Clarity / Hotjar
  • تسجيلات جلسات لرصد التردد بين العمودين.
  • Rage/Dead clicks على الأزرار والحقول.
  • أخطاء التحقق (Validation) المتكررة على الحقول.
  • سلوك تكديس الأعمدة على الموبايل.
فوري مقابل يحتاج بياناتفوري: «متابعة كضيف»، منافع التسجيل، سطر الأمان، فاصل «أو». يحتاج تحقق بالبيانات/الاختبار: ترتيب الأولوية بين الضيف والدخول، إضافة موفّري Apple/الجوال — تُختبر A/B قبل التعميم.

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

┌─ العنوان «سجّل الدخول أو تابع كضيف» — مسار واحد واضح ├─ [ زر أساسي ]متابعة كضيف (Continue as Guest) «قادم من الدفع» ├─ فاصل «أو» ├─ الدخول السريعApple · Google · الجوال/OTP (أزرار متساوية) ├─ فاصل «أو بالبريد» ├─ حقول (البريد/المستخدم · كلمة المرور + eye-toggle) · تذكرني · نسيت كلمة المرور ├─ سطر طمأنة «بياناتك محمية · لن نشارك معلوماتك» ├─ صندوق التسجيل (ثانوي) → 3 منافع: تتبّع · دفع أسرع · WalaPlus + زر «إنشاء حساب» └─ الفوتر (روابط · تواصل · دفع)

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

عنوان تسجيل الدخول
سجّل الدخول لتسريع طلبك
Sign in to check out faster
منافع التسجيل (نقاط)
تتبّع طلباتك · دفع أسرع بنقرة · اجمع نقاط WalaPlus
Track orders · 1-click faster checkout · Earn WalaPlus points
CTA الضيف
متابعة كضيف
Continue as Guest
تسمية الدخول الاجتماعي
دخول سريع عبر Apple أو Google أو رقم الجوال
Quick sign-in with Apple, Google, or mobile number
نسيت كلمة المرور
نسيت كلمة المرور؟ سنرسل رابط استرجاع لبريدك
Forgot password? We'll email you a reset link
رسالة خطأ
اسم المستخدم أو كلمة المرور غير صحيحة — حاول مجدداً أو أعد التعيين
Incorrect username or password — try again or reset it
تذكرني
تذكّرني على هذا الجهاز
Remember me on this device
سطر الأمان
بياناتك محمية ولن نشاركها مع أي طرف
Your data is secure and never shared

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

المرحلةالمهامالمسؤولImpactمقياس النجاح
1 · إصلاحات فورية«متابعة كضيف»، ترجيح مسار أساسي، منافع التسجيل، سطر الأمانFront-end + Store manager8Checkout completion ↑
2 · CRO عالي الأثرApple ID + جوال/OTP، إعادة صياغة صندوق التسجيل، ربط WalaPlusDesigner + CRO + WooCommerce dev9Login success ↑ / Account rate ↑
3 · اختبار وتحسينA/B للضيف مقابل الدخول، تحليل Clarity وأخطاء التحققCRO + Analytics7CVR ↑ مؤكد إحصائياً
4 · تحسين تقنيمراجعة reCAPTCHA وa11y وautofill وتدفّق الاسترجاعWooCommerce dev + QA6معدل الأخطاء ↓ / a11y ↑

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

الخلاصة
  • أكبر قوة: أساسيات UX سليمة — تسميات واضحة، eye-toggle، تذكرني، نسيت كلمة المرور، ودعم الدفع كضيف على الموقع.
  • أكبر ضعف: غياب «متابعة كضيف» في الشاشة + دخول اجتماعي محدود بـ Google فقط.
  • أهم تغيير: ضمان الضيف كمسار افتراضي + توسيع الدخول (Apple/جوال-OTP).
  • أفضل مكسب سريع: إبراز «متابعة كضيف» وترجيح مسار أساسي واحد.
  • أعلى مخاطرة: تحوّل نقطة المصادقة إلى جدار يقطع قمع الشراء.
  • أول اختبار A/B: الضيف أولاً مقابل الدخول أولاً.
  • أول تقرير تحليلي: login vs guest rate + drop-off إنشاء الحساب (GA4 + Clarity).
أعلى 10 إجراءات مرتّبة
  1. «متابعة كضيف» بارزة في القمع — 9
  2. إضافة Apple ID + جوال/OTP — 8
  3. ترجيح مسار أساسي واحد بصرياً — 7
  4. 3 منافع مرئية للتسجيل + WalaPlus — 6
  5. سطر طمأنة أمان/خصوصية — 5
  6. ضبط ترتيب تكديس الموبايل (الدخول أولاً) — 5
  7. مراجعة a11y (aria/تباين/labels) — 5
  8. فاصل «أو» بين الاجتماعي والبريد — 4
  9. تحسين رسائل الخطأ/التحقق inline — 4
  10. فحص reCAPTCHA وتدفّق الاسترجاع — 4

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

لقطة صفحة تسجيل الدخول / إنشاء الحساب لمتجر شاكر
صفحة تسجيل الدخول / الحساب — اللقطة الكاملة

مصدر التحليل: لقطة سطح المكتب فقط — غير متوفر رابط حي لهذه الصفحة (والموقع يحجب الجلب الآلي 403). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي حقيقة منصة/قالب ثابتة · استنتاج مبني على مبادئ UX/CRO أو يتطلب فحصاً تقنياً.

تدقيق 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. يلزم تأكيد العيوب في الإنتاج.

معاينة