يعمل المتجر بشكل صحيح على الهاتف المحمول عندما يتمكن الزائر من اكتشاف منتج واختيار متغير وإضافته إلى سلة التسوق والوصول إلى الدفع دون تكبير أو تردد أو مواجهة عنصر حظر. لذا فإن المعاينة البسيطة للصفحة الرئيسية ليست كافية.
الدليل من تأليف SiteQuiVend، المتخصص في إنشاء وإعادة تصميم مواقع الويب ومتاجر Shopify. تم تحديث المعلومات في أغسطس 2026.
ما هو المتجر العملي حقًا على الهاتف المحمول؟
يمكن للموقع المستجيب أن يتكيف مع عرض الشاشة مع الحفاظ على صعوبة استخدامه. يجب أن يغطي التحكم أربعة أبعاد متكاملة.
يعرض
لا يوجد نص مقطوع أو متداخل أو صورة مشوهة أو محتوى أكبر من الشاشة.
تفاعل
تستجيب القوائم والمرشحات والاختلافات والأكورديون والأزرار والنماذج للمس.
رحلة تجارية
يظل السعر والتوافر والتسليم والإجراء التالي مفهومًا.
أداء
يظهر المحتوى الرئيسي دون انتظار مفرط أو حركة غير متوقعة.
تستخدم Google نسخة الهاتف المحمول من المحتوى للزحف والفهرسة. لذلك يجب ألا تختفي المعلومات الأساسية والعناوين والصور المهمة والبيانات المنظمة على الشاشة الصغيرة.
1. الجمع بين ثلاثة مستويات للتحقق
محاكاة عند 375 بكسل
تجاوزات البقعة والجداول الثابتة والأزرار ذات الوضع السيئ. هذه القاعدة القابلة للتكرار ليست جهازًا حقيقيًا.
أجهزة حقيقية
يكشف iPhone وAndroid عن سلوك لوحة المفاتيح والإيماءات والنوافذ الأصلية.
بيانات الاستخدام
يميز تقرير Shopify بين الهاتف المحمول وسطح المكتب من حيث التحميل والتفاعل والاستقرار.
ردود فعل ملموسة
يمكن لأسئلة العملاء والتخلي عنهم أن تشير إلى احتكاك لإعادة إنتاجه.
2. اتبع مسار اختبار مطابق لكل اختبار
استخدم نافذة خاصة للحد من تأثير ذاكرة التخزين المؤقت والجلسات السابقة. لاحظ الجهاز والمتصفح والاتصال وعنوان URL ووقت الخطأ.
- افتح الصفحة الرئيسية وربما أغلق شعار ملفات تعريف الارتباط.
- افتح ثم أغلق القائمة والبحث ومحدد اللغة أو البلد.
- الوصول إلى مجموعة وتغيير الفرز وتطبيق عامل التصفية.
- افتح منتجًا وتصفح الصور وحدد كل شكل مختلف.
- قم بتشغيل خطأ عمدًا: المتغير غير متوفر أو الحقل الإلزامي فارغ.
- أضف إلى سلة التسوق، قم بتغيير الكمية، احذف ثم أضف مرة أخرى.
- الوصول إلى الدفع دون إنهاء الطلب والتحكم في الحقول المرئية.
- ارجع: السلة والخيارات يجب أن تظل متسقة.
3. استخدم مصفوفة التحكم المتنقلة
تصنيف العيوب حسب تأثيرها. العنصر الجمالي الثانوي ليس له نفس الأولوية مثل السلة التي يتعذر الوصول إليها.
| منطقة | امتحان | عيب متكرر | أولوية |
|---|---|---|---|
| رأس | القائمة، البحث، الإغلاق | نافذة من المستحيل إغلاقها | الحظر |
| مجموعة | الفرز والمرشحات والخرائط | مرشح خارج الشاشة | عالي |
| منتج | معرض، الاختلافات، إضافة | زر مخفي أو حالة غير متناسقة | الحظر |
| سلة | الكمية، الحذف، الإجمالي | المجموع أو الإجراء لا يمكن الوصول إليه | الحظر |
| محتوى | النص والصور والجدول | التمرير الأفقي | متوسطة إلى عالية |
4. التحقق من سهولة القراءة والتفاعلات اللمسية
- نص: وينبغي قراءتها دون تكبير، بما في ذلك الأسعار والأخطاء.
- مناطق اللمس: أزرار المسافة لتجنب الضغط غير المقصود.
- تباين: التحكم في الروابط والأزرار والنصوص الموجودة على الصور.
- العناصر الثابتة: يجب ألا تغزو عصابات الرأس والدردشة والموافقة الشاشة.
- لوحة المفاتيح: يظل المجال النشط والإجراء التالي متاحين.
- التوجه: اكتشاف الكتل التي تحافظ على عرض ثابت.
اختبار "الإبهام" بسيط: أمسك الهاتف بيد واحدة وقم بتنفيذ الإجراء الرئيسي. إذا كنت بحاجة إلى التصويب بدقة، فحرك النافذة أو تكبيرها، فإن الواجهة تستحق الإصلاح.
5. اختبار ورقة المنتج والسلة والدفع
لا تقتصر على منتج بسيط. اختر أيضًا عنصرًا به عدة أشكال، ومنتجًا غير متوفر، وإذا كان المتجر يسمح بذلك، خصمًا أو تسليمًا معينًا.
ورقة المنتج
يجب أن يظل السعر والمتغيرات والمخزون والكمية والوسائط والوصف والزر متزامنين. يجب أن يقوم كل تغيير متغير بتحديث الحالة المتوقعة.
سلة
تحقق من صفحة الدرج وعربة التسوق والكميات والحذف والحدود المعلنة ورمز الخصم إذا كان متوقعًا والإجمالي.
نماذج
يجب أن تفتح لوحات المفاتيح الجيدة للبريد الإلكتروني والهاتف والأرقام. يجب أن تشرح الأخطاء بوضوح كيفية تصحيح الحقل.
دفع
التحكم في الوصول والوسائل المقدمة ومعلومات التسليم وذكريات الماضي. قم بتقديم طلب فعلي فقط إذا كان إجراء الاختبار الخاص بك يتطلب ذلك.
ومن ثم تحسين النقاط المكتشفة، راجع دليلنا الخاص بها shopify Store تجربة الهاتف المحمول والمخصص ل تبسيط رحلة الشراء.
6. التحكم في السرعة دون الخلط بين القياس والشعور
اختبر الزيارة الأولى باستخدام ذاكرة تخزين مؤقت فارغة واتصال أقل ملاءمة من شبكة Wi-Fi الاحترافية لديك. مراقبة السلوك قبل النظر إلى الملاحظة.
- تحميل: هل يظهر المحتوى الرئيسي وصورة المنتج بسرعة؟
- التفاعل: هل تتفاعل القائمة أو الزر عند اللمس؟
- استقرار: هل تتحرك الصفحة عند وصول الصور أو الخطوط أو التطبيقات؟
- الاستمرارية: هل تظل التحولات بين المجموعة والمنتج وسلة السلة مفهومة على شبكة بطيئة؟
يتتبع جدول أداء الويب الخاص بـ Shopify عناصر الويب الأساسية الحيوية في الزيارات الفعلية ويساعد في التمييز بين الهاتف المحمول وسطح المكتب. يساعد القياس المختبري في التشخيص، بينما تعكس البيانات الميدانية الأجهزة والشبكات المستخدمة بالفعل.
إذا كانت المشكلة في انتظار، تحقق منها أيضًا أسباب بطء متجر Shopify.
7. اختبار سياقات متعددة، وليس فقط عروض متعددة
ايفون و أندرويد
اختبر Safari على iPhone وChrome على Android.
شبكة واي فاي وشبكة الهاتف المحمول
يمكن أن يكشف الاتصال غير المستقر عن احتكاك غير مرئي في المكتب.
زائر جديد ومعروف
قارن النافذة الخاصة والعميل المتصل والسلة المملوءة بالفعل.
بعد كل تغيير
كرر عنصر التحكم بعد تطبيق أو سمة أو رمز جديد.
ينصح Shopify أيضًا بفحص الجهاز أو المتصفح بحثًا عن مشكلة محلية قبل تعيين الإعداد الافتراضي للموضوع تلقائيًا. قم بإعادة إنتاجه على جهاز ثانٍ ولاحظ التغييرات.
ما هي خدمة SiteQuiVend التي يجب عليك اختيارها؟
ثلاث توصيات محددة لتحديد الأولويات. ولا يحل محل وصفة وظيفية شاملة أو تدقيق كامل.
3 طلبات بسيطة في حدود ساعة واحدة، مع الإعلان عن الاستجابة الأولى خلال 48 إلى 72 ساعة عمل. التصحيحات المعقدة تقع خارج هذا النطاق.
5 صفحات أو نماذج، ما يصل إلى 10 منتجات و3 مجموعات، مع موعد نهائي إرشادي يتراوح من 5 إلى 7 أيام عمل بعد استلام العناصر الضرورية.
تتطلب الاختبارات الشاملة للأجهزة المتعددة والتطورات الخاصة والاسترداد الفني الكبير نطاقًا مناسبًا.
قائمة التحقق من التحقق من الهاتف المحمول Shopify
الضوابط الأساسية الـ 16
- تم اختباره في المنزل عند 375 بكسل.
- لا التمرير الأفقي.
- القائمة والبحث عن قرب.
- لافتة ملفات تعريف الارتباط غير المحظورة.
- المرشحات الوظيفية والفرز.
- الصور ومعارض اللمس.
- تم تحديث المتغيرات بشكل صحيح.
- زر الإضافة يمكن الوصول إليه دائمًا.
- رسائل خطأ مفهومة.
- الكميات والحذف تم اختبارها.
- مجموع سلة متسقة.
- بدء الدفع يمكن الوصول إليه.
- لوحة المفاتيح لا تخفي العمل.
- تم إجراء اختبار Safari وChrome.
- تم إجراء اختبار شبكة الهاتف المحمول.
- يلتقط ومراحل العيوب المحتجزة.
الأسئلة الشائعة: قم بزيارة متجر Shopify على الهاتف المحمول
هل معاينة Shopify للجوال كافية؟
لا. فهو يساعد في التحكم في التخطيط، ولكن هناك حاجة إلى جهاز فعلي لاختبار اللمس ولوحة المفاتيح والمتصفح والنوافذ الأصلية وظروف الشبكة.
لماذا الاختبار بدقة عند 375 بكسل؟
يوفر هذا العرض أساسًا عمليًا ومشتركًا لاكتشاف العيوب المستجيبة. ولا يحل محل العروض أو الأجهزة الأخرى التي يستخدمها زوار موقعك فعليًا.
ما هي الصفحات التي يجب اختبارها أولاً؟
اختبر الترحيب والمجموعة وورقة المنتج مع الاختلافات والسلة وبدء الدفع. ثم أضف البحث وحساب العميل والصفحات الخاصة بنشاطك.
هل أحتاج إلى تقديم طلب حقيقي؟
ليس بشكل منهجي. يمكنك التحكم في رحلة الدفع دون التحقق من الصحة. يجب أن يتبع أمر الاختبار الكامل الإجراء المخطط له لتجنب معاملة أو مخزون غير صحيح.
كيفية اكتشاف الفائض الأفقي؟
قم بالتمرير عموديًا ثم جرب إيماءة جانبية طفيفة. تعد الجداول والصور وعناوين URL الطويلة والخرائط والكتل ذات العرض الثابت من الأسباب الشائعة.
ما هي متصفحات الجوال التي يجب عليك التحقق منها؟
ابدأ بـ Safari على iPhone وChrome على Android. ثم أضف غالبية الأجهزة والمتصفحات التي تشير إليها إحصائياتك.
متى تكرر اختبارات الهاتف المحمول؟
بعد تغيير السمة، وتثبيت التطبيق أو إزالته، وتغيير عربة التسوق، والحملة الرئيسية وقبل كل عملية إطلاق مهمة.
هل تضمن درجة السرعة الجيدة عمل المتجر؟
رقم لا تثبت المذكرة الفنية صحة المتغيرات أو النماذج أو السلة. ويجب استكماله بمسار يدوي وبيانات حقيقية.
المراجع الرسمية: نظرة عامة على Shopify للجوال وأداء الويب, استكشاف أخطاء موضوع Shopify وإصلاحها و أفضل ممارسات جوجل موبايل.
