6 أساليب لكسب المال لزيادة معدل تحويل التجارة الإلكترونية عبر الأجهزة المحمولة

نشرت: 2018-02-07

تشير التقديرات إلى أنه في عام 2018 ، سيأتي 50٪ من عائدات التجارة الإلكترونية من مستخدمي الهاتف المحمول.

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

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

قمنا هنا بتجميع 5 أخطاء رئيسية يمكنك إصلاحها لتحسين معدل التحويل لموقع الويب الخاص بالتجارة الإلكترونية للجوال أثناء عملية تحسين CRO للجوال:

  1. الصفحة الرئيسية للجوال والعنوان ، والتي سترحب بحرارة بعملائك
  2. قائمة همبرغر متنقلة سهلة الاستخدام
  3. صفحة فئة يسهل التنقل فيها
  4. صفحة منتج للجوال تشجع العملاء على الشراء
  5. تحقق من المرحلة - الخطوة "الملك" التي تباع
  6. الأزرار التي سينقر عليها عملاؤك بسرور

Pssst ... هل تبحث عن مزيد من المعرفة حول CRO المحمول؟ لا مزيد من البحث ولكن انقر هنا: ما يجب فعله وما لا يجب فعله في تصميم عربة التسوق عبر الهاتف المحمول ، و 9 طرق بسيطة لتحسين نماذج الخروج من التجارة الإلكترونية عبر الهاتف المحمول ، و 10 عناصر من عملية الدفع عبر الهاتف المحمول التي تحتاج إلى تحسين ، وكيفية تصميم أفضل صفحة تفاصيل منتج للجوال!

1. الصفحة الرئيسية للجوال والعنوان ، والتي سترحب بحرارة بعملائك

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

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

صفحة رئيسية للتجارة الإلكترونية غير مُحسَّنة على الهاتف المحمول: إنها قديمة الطراز ، وليست سهلة الاستخدام ، ولا توجد قائمة همبرغر في الزاوية اليسرى أعلاه.

صفحة رئيسية للتجارة الإلكترونية للجوّال غير مُحسّنة على الجهاز المحمول: إنها قديمة الطراز ، وليست سهلة الاستخدام ، ولا توجد قائمة همبرغر في الزاوية العلوية اليسرى.

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

مثال على الخروج من الهاتف المحمول غير محسّن وغير سهل الاستخدام: يفتح في علامة تبويب جديدة ، بينما يجب أن يفتح للاعب.

مثال على الخروج من الهاتف المحمول غير محسّن وغير سهل الاستخدام: يفتح في علامة تبويب جديدة ، بينما يجب أن يفتح للاعب.

الآن ، دعنا نلقي نظرة على الشكل الذي تبدو عليه الصفحة الرئيسية المحسّنة: Zalando.com. قائمة الهامبرغر مكتوبة. يوجد شريط بحث مرئي - وهو أمر ضروري للمتاجر الكبيرة التي تحتوي على الكثير من وحدات SKU.

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

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

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

ومع ذلك ، هناك أيضًا بعض الجوانب التي يمكن تحسينها: الرموز صغيرة جدًا - قد يكون من الصعب على الأيدي الكبيرة النقر عليها. ويجب أن تكون هناك أوصاف أسفل الرموز (تمامًا كما كانت في Zalando).

الصفحة الرئيسية المحسّنة مع عناصر للتحسين: يمكنك رؤية حقيبة التسوق وعدد العناصر الموجودة والقائمة الرئيسية. لكن ما يمكن تحسينه يشمل حجم العناصر ويجب تسمية الرموز.

الصفحة الرئيسية المحسّنة للتجارة الإلكترونية على الجوّال مع عناصر للتحسين: يمكنك رؤية حقيبة التسوق وعدد العناصر الموجودة والقائمة الرئيسية. لكن ما يمكن تحسينه يشمل حجم العناصر ويجب تسمية الرموز.

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

حقيبة تسوق مُحسَّنة: عند الضغط على الأيقونة ، تظهر طبقة علوية تعرض حقيبة التسوق.

حقيبة تسوق مُحسَّنة: عند الضغط على الأيقونة ، تظهر طبقة علوية تعرض حقيبة التسوق.

نسخة أخرى من تجربة التسوق المحسّنة على Amazon.com والتي يمكن تكييفها بسهولة مع عربة التسوق: عند الضغط على

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

هل تريد المزيد من الرؤى مثل هذا؟

احصل على نصائح واستراتيجيات التجارة الإلكترونية الأسبوعية والمعرفة الصناعية الرائدة.
سلمت مباشرة في بريدك الوارد.

    في لقد قرأت سياسة الخصوصية وأوافق على شروط وأحكام الرسائل الإخبارية.

    الرجاء تحديد خانة الاختيار هذه للمتابعة

    رائع! لقد قمت بالتسجيل للتو. تحقق من صندوق الوارد الخاص بك لتأكيد الاشتراك.

    دعنا نلخص أفضل وأسوأ الممارسات لإنشاء صفحة رئيسية ورأس للجوال:

    افعل:

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

    لا تفعل:

    • الصفحة الرئيسية قديمة الطراز وغير بديهية
    • القائمة وعربة التسوق التي يصعب العثور عليها
    • الأيقونات التي لم يتم تعليقها
    • لا يمكن الوصول إلى شريط البحث

    يوصي Growcode أيضًا بهذا الكتاب الإلكتروني:
    قائمة التحقق من تحسين التجارة الإلكترونية لمتجر على الإنترنت مكون من 7+ أشكال

    احصل على الكتاب الإلكتروني المجاني

    2. قائمة همبرغر المحمول سهلة الاستخدام

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

    أولاً ، لنلق نظرة على مثال سيء. ماذا يحدث بعد النقر على "أثاث" في القائمة الرئيسية:

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

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

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

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

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

    الآن ، دعونا نلقي نظرة على AlexisBittar.com. عندما تضغط على المجوهرات ، يكون لديك جميع أنواع الفئات الفرعية. يمكنك أيضًا استكشاف جميع المنتجات في هذه الفئة. كل ذلك في نفس علامة التبويب ، ومن السهل العثور عليها. يمكنك دائمًا رؤية حقيبة التسوق ورمز القائمة الرئيسية أيضًا.

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

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

    دعنا نلخص أفضل وأسوأ ممارسات قوائم الهامبرغر المحمولة:

    افعل:

    • قائمة همبرغر مكتوبة
    • الرمز كبير بما يكفي ليكون مريحًا عند النقر عليه
    • تظهر القائمة مع الفئات الفرعية دون الحاجة إلى إعادة التحميل

    لا تفعل:

    • الأيقونات صغيرة جدًا بحيث لا يمكن النقر عليها وتفتقر إلى التسميات التوضيحية
    • قائمة بدون فئات فرعية

    اكتشف المزيد من الأمثلة حول كيفية إنشاء قائمة رائعة على الأجهزة المحمولة في حلقة تحسين التجارة الإلكترونية بحجم صغير!

    3. صفحة فئة يسهل التنقل فيها

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

    لنلقِ نظرة على مثال ضعيف أولاً:

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

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

    لا يوجد سعر ولا معلومات عن المنتج ولا يمكنك العودة إلى القائمة الرئيسية.

    للحصول على مثال جيد ، انظر أدناه إلى Macys.com: هناك رمز القائمة الرئيسية ، وحقيبة التسوق ، والقدرة على عرض العناصر في حقيبة التسوق الخاصة بك ، وأسماء الفئات ، والفلاتر التي تتيح لك تضييق نطاق اختيارك بسهولة. تذكر: في صفحات الفئات تظهر منتجين على الأقل بجانب بعضهما البعض في وقت واحد. تخيل أن لديك 2738 معطفًا في متجرك عبر الإنترنت. مع وجود منتج واحد قابل للعرض فقط في كل مرة ، سيتعين على العميل التمرير سريعًا للأبد لرؤيتها جميعًا.

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

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

    أفضل الممارسات وأسوأها في صفحة الفئة:

    افعل:

    • إظهار القائمة الرئيسية مع رابط إلى عربة التسوق ، والعنوان الذي يبلغ عن الفئة التي أنت فيها ، والفلاتر ، والمنتجات.
    • التنقل بالإيماءات
    • عرض منتجين أو أكثر بالقرب من بعضهما البعض

    لا تفعل:

    • لا توجد قائمة رئيسية أو فلاتر أو رمز حقيبة تسوق
    • لا يوجد تنقل بديهي بالإيماءات
    • عرض الكثير من المنتجات أو منتج واحد في شاشة واحدة
    • عرض المنتجات التي لم يتم وصفها وليس لها سعر.

    4. صفحة منتج للجوال تشجع العملاء على الشراء

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

    • عجلوا - فقط 3 قطع متبقية
    • يومين حتى نهاية البيع
    • 5 أشخاص يشاهدون هذا المنتج الآن

    في معرض المنتجات ، من الضروري استخدام حركات التمرير الطبيعية التي اعتاد عليها الأشخاص (يقومون بتمرير Facebook و Instagram باستمرار). لذا دعهم "يمرروا" المعرض ، بدلاً من "النقر عليه".

    فيما يلي مثال جيد لصفحة منتج يمكن تحسينها بسهولة. لا توجد حوافز. يجب عليك النقر فوق الصور ، بدلاً من التمرير السريع على المعرض.

    صفحة منتج 4F.com التي يمكن تحسينها بسهولة: لا توجد حوافز شراء ، ولا توجد معلومات عن التوافر ، يجب النقر فوق المعرض (بدلاً من التمرير السريع).

    صفحة منتج 4F.com التي يمكن تحسينها بسهولة: لا توجد حوافز شراء ، ولا توجد معلومات عن التوافر ، يجب النقر فوق المعرض (بدلاً من التمرير السريع).

    الآن دعونا نلقي نظرة على أفضل مثال. لديك الحافز ، يمكنك بسهولة تمرير المعرض ، وهناك ، من وجهة نظر العميل ، معلومات مهمة جدًا يمكن عرضها بسهولة: المنتج متاح. أنت بحاجة إلى إيصال ذلك كلما أمكن ذلك.

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

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

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

    أفضل الممارسات وأسوأها في صفحة منتج الجوال:

    افعل:

    • استخدم حوافز الشراء
    • عرض معلومات عن توافر المنتج
    • استخدم حركات التمرير في معرض المنتج
    • CTA بألوان متناقضة

    لا تفعل:

    • عدم تشجيع العملاء على الشراء من خلال عدم استخدام الحوافز
    • إبقاء عملائك في الظلام من خلال عدم قول ما إذا كان منتجك متاحًا أم لا
    • النقر بدلاً من التمرير في معرض المنتجات
    • CTA's بألوان باهتة

    5. تحقق من المرحلة - الخطوة "الملك" التي تباع

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

    مثال على الخروج المحسن من Abercrombie.com: يوجد

    مثال على الخروج المحسّن من Abercrombie.com على الهاتف المحمول: هناك معلومات "تسجيل الخروج الآمن" ، بالإضافة إلى طريقة دفع معروفة تنقلك إلى Paypal checkout. لا تتجاهل طرق الدفع المحلية. كان هذا أحد مواضيع سنوات tjis Shoptalk.

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

    صفحة الخروج المحسّنة من Sephora.com: لا توجد معلومات إضافية يمكن أن تمنع عميلك من الشراء.

    صفحة الخروج المحسّنة من Sephora.com: لا توجد معلومات إضافية يمكن أن تمنع عميلك من الشراء.

    أفضل ممارسات تحسين الدفع عبر الجوال:

    افعل:

    • تقديم إشارات الأمان
    • قم بإزالة جميع المعلومات غير الضرورية من مرحلة الخروج

    لا تفعل:

    • قدم أي معلومات غير ضرورية: رموز الوسائط الاجتماعية ، والعروض الترويجية الإضافية ، ومحدد مواقع المتاجر ، إلخ.

    6. الأزرار التي سينقر عليها عملاؤك بسرور

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

    أزرار الحجم المناسب على موقع Nordstrom.com. ومع ذلك ، سيكون من الأفضل لو كانت بألوان متباينة.

    أزرار الحجم المناسب على موقع Nordstrom.com. ومع ذلك ، سيكون من الأفضل لو كانت بألوان متباينة.

    أزرار الجوال - أفضل الممارسات:

    • الأزرار كبيرة بما يكفي ليتم النقر عليها بسهولة
    • أزرار بألوان متناقضة
    • سهل الاستخدام لليد اليسرى واليمنى

    بغض النظر عن ما تبيعه عبر الإنترنت ، تذكر أن أرباحك النهائية هي الأكثر أهمية. اقرأ دراسة الحالة الخاصة بعملاق الملابس الأوروبي Reserve.com لمعرفة كيف عززوا إيراداتهم دون إشراك قسم تكنولوجيا المعلومات ، أو راجع 51 اتجاهات التجارة الإلكترونية لعام 2018 لمعرفة الطرق الممكنة لنمو التجارة الإلكترونية في 2018.

    تحقق أيضًا من مقطع الفيديو الخاص بنا على YouTube حول كيفية الحصول على عائد أكبر 3 مرات من الأجهزة المحمولة.

    هل أنت جائع لمزيد من النصائح لزيادة معدلات التحويل الخاصة بك؟

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

    أوه ، ولا تقلق ، لقد قسمناها إلى أجزاء يمكن التحكم فيها!