اختبر تجربة الهاتف المحمول

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

أمثلة على العرض على الكمبيوتر المكتبي مقابل العرض على الهاتف المحمول

يُعد اختبار متجرك على جهاز هاتف محمول فعلي هو الطريقة الأكثر فعالية لاكتشاف الأخطاء التي يمكن أن تؤثر على تجربة المتسوقين على الهاتف المحمول. ابتعد عن الكمبيوتر المكتبي أو الكمبيوتر المحمول وقم بالوصول إلى متجرك على هاتف أو كمبيوتر لوحي. تنقل بين الصفحات واللوحات. هل يَسهُل التنقل في متجرك؟ هل النصوص والرسومات سهلة القراءة؟

لاختبار تجربة متجرك:

1. انقر على المعاينة > مشاركة المعاينة في منشئ متاجر الماركات.


مثال لمشاركة وظيفة المعاينة في منشئ متاجر الماركات

2. انسخ رابط المعاينة
3. الصق رابط المعاينة هذا في رسالة بريد إلكتروني، أو في أي مكان حيث يمكنك الوصول إليه من هاتفك (نصيحة: قم بتضمين كلمة مرور رابط المعاينة على سطر منفصل بحيث يكون من الأسهل نسخها وإدراجها لاحقًا).
4. تنقل عبر متجرك على هاتفك المحمول كما لو كنت متسوقًا، ودوّن ملاحظات حول ما يلزم تحسينه. هل من السهل التنقل؟ هل يمكنك العثور على المنتجات أو المعلومات التي تبحث عنها؟ كيف تبدو صورك على الهاتف المحمول؟

تأكد من أن صورك لا تُقتص في عرض الهاتف المحمول

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

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

مثال على واجهة منشئ متاجر الماركات يوضح كيفية تعديل الصور لعرض الهاتف المحمول

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

تأكد من ظهور المحتوى بالترتيب الصحيح

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

مثال على المحتوى المعروض في وضع الكمبيوتر المكتبي مقابل وضع الهاتف المحمول

تحقق من متجرك على الهاتف المحمول للتأكد من أن المحتوى يظهر بالترتيب المطلوب.

حسّن صورة رأس الصفحة لديك

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

ولهذا السبب، يُرجى مراعاة ما يلي لصورة رأس صفحة الهاتف المحمول:

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

وفّر بدائل للتنقل داخل القائمة

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

مثال لقوائم التنقل المعروضة في الكمبيوتر المكتبي مقابل عرض الهاتف المحمول

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

اختر موضع ظهور فعَّال للدعوة لاتخاذ إجراء (CTA)

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

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

يجب أن تحتوي إجراءات CTA على الهاتف المحمول أيضًا على مسافات مناسبة حولها، أو "مساحة متسعة"، حتى يسهل على العملاء العثور عليها والنقر عليها. يمكن أن يؤدي وجود مساحة محدودة لإجراء CTA إلى دمجها مع محيطها وفقدان التسلسل الهرمي وإمكانية الرؤية.

المصادر

¹بيانات Amazon الداخلية، العالمية، متاجر الماركات، من يناير إلى مارس 2024م.