ما هي الألوان التي يجب أن تستخدمها لزيادة المبيعات؟

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

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

في تصميم الصفحة الأصلية ، نظرًا لكوننا من محبي اللون الأزرق ، فقد اقترحنا التصميم التالي لصفحة خطط محتوى Nelio:

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

لذا ، فإن الاختبار الذي تم إجراؤه هذا الشهر باستخدام Nelio A / B Testing يحلل مخطط الألوان الموجود على صفحة الأسعار لدينا والذي سيولد المزيد من الدخل.

قم بإنشاء اختبار لصفحة التسعير

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

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

قررنا إنشاء نوعين مختلفين ، بالإضافة إلى الإصدار الأصلي ، باستخدام مجموعات الألوان هذه:

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

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

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

إنشاء اختبار A / B

لإنشاء اختبار A / B ، كما هو الحال دائمًا ، نستخدم المكون الإضافي الخاص بنا ، Nelio A / B Testing. ما عليك سوى تنزيله من دليل البرنامج المساعد WordPress الرسمي وتثبيته على موقع الويب الخاص بك لتتمكن من إنشاء اختبار مثل هذا الاختبار. وإذا كان لا يزال لديك شكوك حول أي مكون إضافي لاختبار A / B يجب استخدامه لإنشاء اختباراتك على موقع الويب الخاص بك ، فأوصيك بقراءة مقارنتنا لمكونات اختبار A / B الإضافية لـ WordPress.

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

في لقطة الشاشة التالية يمكنك رؤية تعريف الاختبار:

بعد ذلك ، عند إنشاء أي اختبار أ / ب ، يجب عليك تحديد الأهداف التي تريد قياسها في الاختبار لتحديد ما هو الأفضل. في هذه الحالة حددنا 4 أهداف ليتم قياسها في الاختبار:

• النقرات على أزرار أي خطة
• النقرات على أزرار الخطة الأساسية
• النقرات على أزرار الخطة القياسية
• النقرات على أزرار خطة Plus

مع كل هذا ، كل ما كان علينا فعله هو بدء الاختبار وانتظار النتائج. Nelio A / B Testing هو المسؤول عن تقسيم حركة المرور إلى ثلاث مجموعات عشوائية بحيث يرى كل منهم واحدًا فقط من المتغيرات المحددة ، ويتتبع التحويلات التي يحصل عليها كل متغير وهدف.

تحليل نتائج اختبار A / B

بعد شهر واحد وتسعة أيام من إجراء هذا الاختبار ، حققنا نتائج ذات دلالة إحصائية بثقة تقارب 100٪. لنلقِ نظرة على تحليل كل هدف بالتفصيل والاستنتاجات التي تمكنا من استخلاصها من الاختبار.

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

في هذه الحالة ، تُظهر النتائج أن المتغير الثاني ، البديل C ، هو الذي يحصل على ما يقرب من 130٪ (129.6٪ ، على وجه الدقة) نقرات أكثر من الإصدار الأصلي. في المقابل ، فإن المتغير الذي يظهر الخطط بألوان الباستيل أسوأ بنسبة 25.5٪. إذا كان لدينا هذا الهدف من الاختبار فقط ، لكان البديل C قد حقق نتائج ساحقة.

ركز هدفنا الثاني على النقرات التي تلقتها أزرار الخطة الأساسية. دعونا نرى كيف تختلف النتائج:

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

دعنا الآن نرى النتائج التي حصلنا عليها في النتيجة التي أردنا قياس نقرات الخطة القياسية.

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

أخيرًا ، دعنا نرى ما سيحدث مع أحدث خطة:

في هذه الحالة ، بلغ تحسين البديل C مقارنة بالأصل 3٪ مع ثقة 95.7٪. وعلى أي حال ، هناك القليل من التحويل لخطة Plus في جميع البدائل. في الواقع ، يفضل معظم عملائنا اختيار خطة أقل في البداية ثم التبديل إلى خطة مختلفة لاحقًا.

الاستنتاجات

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

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

صورة مميزة باهر خيري على Unsplash.