لون الزر الذي يحول الأفضل؟

نشرت: 2021-07-22

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

لا يوجد لون أفضل من لون آخر. في النهاية ، ما يهم هو مدى تباين لون الزر مع المنطقة المحيطة به.

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

دورة تحسين التحويل

بقلم بيب لاجا

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

  • هذا الحقل لأغراض التحقق ويجب تركه بدون تغيير.

الجمعيات النفسية للألوان

الألوان المختلفة يمكن أن ترفعنا أو تحبطنا. هناك أيضًا جانب نفسي للألوان - ترتبط ألوان معينة بصفات ومشاعر مختلفة.

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

يستجيب الناس من البلدان الاستوائية بشكل إيجابي للألوان الدافئة ؛ يفضل الأشخاص من المناخات الشمالية الألوان الأكثر برودة ، وما إلى ذلك.

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

هناك بعض الحقيقة في هذه التفسيرات ، لكن هل يمكننا ترجمة هذه الارتباطات المفترضة إلى زيادة في التحويل؟

تجارب استخدام اللون

يمكن أن يجعلك الأحمر فائزًا ...

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

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

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

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

كتب الباحثان في جامعة دورهام ، راسل هيل وروبرت بارتون ، "وجدنا أن ارتداء اللون الأحمر يرتبط باستمرار باحتمالية أكبر للفوز".

... أو خاسر

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

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

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

لون وطعم الشوكولاتة الساخنة

اختبار لون عبوات الشوكولاتة الساخنة
ما الذي يجعل تلك الشوكولاتة الساخنة جيدة جدًا؟ قد يكون لون الحاوية التي تشربها منها. (رصيد الصورة)

اتضح أن لون الحاوية التي يتم فيها تقديم الطعام والشراب يساهم في الذوق المتصور. هذا صحيح ، على الأقل ، بالنسبة لشرب الشوكولاتة الساخنة ، كما توضح الباحثة Betina Piqueras-Fiszman.

كان لدى Piqueras-Fiszman وشركاؤها في البحث 57 مشاركًا تذوقوا الشوكولاتة الساخنة المقدمة في عبوات من أربعة ألوان مختلفة: الأبيض والقشدي والبرتقالي والأحمر. كانت جميعها بنفس الحجم ، وكلها بيضاء من الداخل.

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

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

إذا كان اللون يمكن أن يؤثر على أدائنا الرياضي وإنجازنا الأكاديمي وإدراكنا للذوق ، فهل يمكن أن يؤثر أيضًا على قرارنا بالنقر؟

ما هو أفضل لون لأزرار الحث على الشراء؟

قد يزيد اللون الأحمر من فرصك في الفوز في الألعاب الرياضية. قد يكون مذاق الشوكولاتة الساخنة التالية أفضل في كوب برتقالي. ولكن ما علاقة هذا بالتحويلات على الويب؟ هل يمنحك اللون الأحمر حقًا ميزة لزر CTA الخاص بك؟

الأخضر مقابل الأحمر: حرب زر الحث على اتخاذ إجراء

على مر السنين ، كان هناك جدل حول اللون الذي يتم تحويله بشكل أفضل لزر CTA الخاص بك. أعلن Unbounce أن مستقبل أزرار CTA هو "BOB" (أزرار برتقالية كبيرة).

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

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

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

دراسة حالة 1

مقارنة بين زر dmix الأحمر والأخضر

كتب Dmix عن اختبار ألوان الزر الأخضر والأحمر. في اختبارهم مع 600 شخص ، وجدوا أن التحويلات زادت بنسبة 34٪ عند استخدام الزر الأحمر.

دراسة حالة 2

مقارنة بين ألوان زر "ابدأ الآن" (أحمر مقابل أخضر)
رصيد الصورة

الاختبار التالي يأتي من HubSpot. أجروا اختبارًا مشابهًا بأزرار خضراء وحمراء على موقع العميل. لقد أجروا الاختبار لبضعة أيام ، وإجمالاً ، قاموا بأكثر من 2000 زيارة.

نتيجتهم؟ تفوق الزر الأحمر على الزر الأخضر بنسبة 21٪.

دراسة حالة 3

خيارات ألوان متعددة لأزرار cta
(رصيد الصورة)

الاختبار الثالث يأتي من VWO. كان عميلهم موقعًا للتجارة الإلكترونية يبيع الهواتف المحمولة وملحقاتها. لقد اختبروا ألوان زر "اشتر الآن" على الموقع. تضمنت المسابقة زرًا أبيض به نص أخضر وزر أخضر به نص أبيض وزر أحمر (برتقالي غامق) بنص أبيض.

وكان الفائز - كما خمنت - الزر الأحمر ، هذه المرة بزيادة التحويل بنسبة 5٪.

دراسة حالة 4

تحقيق الدخل من اختبار اللون البرتقالي مقابل الزر الأزرق
رصيد الصورة

هذه الدراسة ، بدلاً من مقارنة الأزرار الحمراء مقابل الخضراء ، نظرت إلى الزر البرتقالي مقابل الزر الأزرق. في اختباراتهم ، فاز الزر الأزرق ، مما أدى إلى رفع بنسبة 9٪.

على الرغم من "الانزعاج" من الأزرار الزرقاء ، كانت الأزرار الحمراء أو الحمراء هي السائدة ، وهو اتجاه تدعمه دراسات أخرى أيضًا.

ومع ذلك ، لم يكتب Peep ما يلي حول الألوان في تصميم الويب في هذا المنشور:

أعجبتني تغريدة نعومي نايلز هذه:

تغرد نعومي

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

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

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

لماذا يجب أن تكون متشككًا في دراسات حالة لون الزر

دعنا نلقي نظرة على مثال أخير ، والذي سيساعد في جعل هذا الأمر أكثر منطقية. اختبرت RIPT Apparel لون زر "اشترِ الآن" لمعرفة ما إذا كان سيحدث أي فرق في النتيجة النهائية.

هذه هي النسخة الأصلية:

ript لون الزر الأصلي
رصيد الصورة

وكان هذا هو الزر الجديد:

اختبار لون زر ript
رصيد الصورة

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

ألق نظرة على الأصل مرة أخرى. هل ترى شيئًا يجب أن يكون موجودًا ولكنه ليس كذلك؟ الأصل يفتقد إلى زر! يضيع CTA "اشترِ الآن" في التصميم. يمكنك رؤية الزر الجديد بوضوح ، بغض النظر عما إذا كان أخضر ، أو أحمر ، أو أصفر ، أو أيًا من الألوان المتعددة.

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

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

كان Monetate ، الذي أجرى اختبار الزر الأزرق مقابل الزر البرتقالي ، يقول:

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

في حالة RIPT Apparel ، اختبروا إصدارًا نهائيًا واحدًا بزر أصفر:

الزر الأصفر
رصيد الصورة

ارتفعت التحويلات بنسبة 6.3٪ أخرى. لذلك الأصفر يدق الأخضر؟ لا لا لا.

يُحدث لون زر الحث على الشراء فرقًا بسيطًا من تلقاء نفسه

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

كما أنه يعتمد على ما اعتدنا على رؤيته. زادت Bing أرباحها بمقدار 80 مليون دولار من خلال العثور على اللون الأزرق الدقيق لروابطها. اعتاد الناس على رؤية الروابط الزرقاء. عندما ظهرت شبكة الويب العالمية لأول مرة ، كان اللون الأزرق هو لون الروابط. (اعترف مهندسو Microsoft الذين يعملون على هذا أيضًا أن "... كان ظلًا من اللون الأزرق مشابهًا تمامًا للظلال التي تستخدمها Google.")

لا يوجد أفضل لون للتحويلات. في حالة الزر الأصفر ، أضافوا أيضًا الاستعجال ("10 دولارات فقط لمدة 24 ساعة") ، والذي تم عرضه مرارًا وتكرارًا لزيادة التحويلات. في حالة Bing and Blue ، كانت قوة الاتفاقية في العمل.

العودة إلى HubSpot

يمكن قول الشيء نفسه بالنسبة لمثال HubSpot. ألق نظرة عليه مرة أخرى:

محور
رصيد الصورة

هل تلاحظ أي شيء قد يساهم في جعل الزر الأحمر خيارًا أفضل؟ شيء ما في التصميم العام للصفحة؟

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

ويرجع الفضل في ذلك إلى HubSpot أنهم يقولون في دراسة الحالة إنهم "لا يمكنهم تعميم هذه النتائج على جميع المواقف". لكن مع ذلك ، زر أخضر على صفحة ذات تصميم أخضر مهيمن؟ حقا؟

استنتاج

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

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

رصيد الصورة المميز