إذا كنت مهتمًا بتحسين التحويلات والمبيعات على موقع الويب الخاص بك، فأنت بحاجة إلى الاهتمام بالألوان.
لقد استخدم البشر الألوان للتواصل منذ آلاف السنين، منذ أقدم الرسوم على جدران الكهوف وحتى لافتات الشوارع اليوم. تتواصل الألوان بطرق لا تستطيع الكلمات والصور القيام بها، واستخدام الألوان بشكل فعال يمكن أن يكون أداة قوية لأي موقع.
اليوم سوف تتعلم كيفية استخدام علم نفس الألوان لجعل موقعك أسهل في الاستخدام وتوليد المزيد من التحويلات والعملاء.
على طول الطريق، سنستكشف القليل من المعنى الكامن وراء الألوان المختلفة، وبعض الأخطاء التي يجب عليك الحذر منها عند تضمين الألوان في تصميمك.
دعونا نقفز!
كيفية استخدام الألوان لتحسين قابلية الاستخدام
لنبدأ بالطريقة الأسهل لاستخدام الألوان على موقعك: تحسين قابلية الاستخدام.
إذا كان موقعك الحالي مربكًا أو يصعب التنقل فيه، فيمكنك إضافة بعض الألوان لتسهيل الأمور على العين وتحسين تجربة المستخدم.
وخاصة الآن حيث أن معظم حركة المرور على مواقع الويب تأتي من الأجهزة المحمولة ، لدينا مساحة أقل لتوصيل رسالتنا ونحتاج إلى جعل الأمور واضحة قدر الإمكان.
وهنا يأتي دور اللون.
من خلال استخدام النوع الصحيح من الألوان بالطرق الصحيحة، يمكننا تقديم تجربة مستخدم أكثر ثراءً وكفاءة.
استخدم التباين لتوجيه سلوك المستخدم
الخطوة الأولى هي استخدام التباين لإظهار ما هو مهم على موقعك للمستخدمين. على سبيل المثال، قد يكون لديك صفحة من المرجح أن يغادرها الأشخاص. يمكنك استخدام الألوان لجذب القراء وإبقائهم منخرطين.
على سبيل المثال، تستخدم صفحة المدونة هذه على Crazy Egg فقط الألوان الجريئة (الأخضر والأزرق) للروابط.
وهذا يعني أن المستخدم ينجذب إلى اتخاذ إجراء، مثل الاشتراك في النشرة الإخبارية أو قراءة المزيد من المقالات. وتساعد الألوان المتباينة مثل هذه في تحسين مقاييس المشاركة.
يمكنك أيضًا استخدام الألوان المتباينة لتسليط الضوء على عناصر التنقل أو المناطق المنفصلة في الموقع.
استخدم الألوان الزاهية بدلاً من الألوان الباهتة لإرشاد المستخدم
أداة أخرى مفيدة في عالم علم نفس الألوان هي استخدام الألوان الرمادية أو الباهتة للإشارة إلى الإجراءات غير المفضلة أو المعطلة.
يمكنك رؤية هذا كل يوم مع الأزرار والخيارات التي تكون باللون الرمادي. وهذا يشير بطبيعة الحال إلى أن الخيار غير مرغوب فيه.
يمكنك أيضًا استخدامه لتبسيط موقعك. اجعل عناصر التنقل الأقل أهمية رمادية اللون وأخفها عن الأنظار.
استخدم الرموز مع الألوان
الرموز هي الشريك المثالي للألوان. فهي متعددة الاستخدامات وبسيطة ويجب أن تكون واضحة ومفهومة.
على الرغم من أن اللون في معظم الظروف يحتوي على أهمية أكبر من الرمز النموذجي، فإن استخدامهما معًا يجعل الأمور أكثر وضوحًا.
كيفية استخدام اللون لتوجيه تصرفات المستخدم
من المحتمل أن هدفك الوحيد من إنشاء موقع ويب ليس مجرد موقع يسهل التنقل فيه. فمن المحتمل أيضًا أن يكون لديك إجراءات محددة تريد من المستخدمين اتخاذها، مثل الاشتراك في قائمة بريد إلكتروني أو شراء منتج أو طلب عرض أسعار.
إذا كان الأمر كذلك، فيمكنك استخدام اللون للتأثير على قرارات الشراء. وإليك الطريقة.
استخدم الألوان الإيجابية والسلبية
طريقة رائعة للقيام بذلك هي استخدام الألوان الإيجابية والسلبية للإشارة إلى خيار “صحيح” و”غير صحيح”.
لقد غرس المجتمع والطبيعة اللونين الأحمر والأخضر في اللاوعي لدينا لدرجة أنه لا يوجد لونين آخرين يتشاركان في مثل هذه المعاني المتعارضة.
ومن الأمثلة الأكثر وضوحا على هذا الارتباط هو رمز الألوان الدولي في إشارات المرور القياسية.
نحن نرى اللون الأخضر كلون إيجابي وتقدمي، لذلك يمكن ربط كلمات مثل اذهب، نعم، جيد، تقبل، وكل شيء باللون الأخضر.
يشير اللون الأحمر إلى عكس اللون الأخضر، مع كلمات مثل توقف، لا، سيئ، رفض، وأسفل. اللون الأحمر له معنى سلبي أو خطير ويزيد من معدل ضربات القلب ويشير إلى الإلحاح .
إن الطريقة الرائعة لاستخدام اللونين الأحمر والأخضر تتمثل في استخدام إجراءات أساسية مثل الإضافة والإزالة أو لفت الانتباه إلى إعداد ما.
حتى موقع LinkedIn ، الذي يحتوي على لوحة ألوان زرقاء بالكامل تقريبًا، يستخدم اللون الأخضر للإشارة إلى إعدادات التمكين، واللون الأحمر لإظهار الإشعارات.
وسوف تلاحظ سريعًا أمثلة أخرى حول الويب.
عادةً ما تكون البدء والإنشاء والنشر والجديد باللون الأخضر، مع وجود إجراءات باللون الأحمر مثل الإنهاء والحذف وقطع الاتصال والإلغاء.
استخدم الألوان الزاهية والدافئة لجذب الانتباه والتنبيهات
هذا هو السبب وراء ظهور الإشعارات باللون الأحمر على هاتفك وعلى فيسبوك وعلى كل المنصات تقريبًا – فهي تعمل!
الألوان الزاهية والدافئة مثل الأحمر والبرتقالي والأصفر هي الأفضل لجذب الانتباه والتنبيه. البرتقالي هو اللون المفضل بشكل خاص للإشارة إلى الإثارة أو الدعوة إلى العمل .
إذا قمت بدمج لون مشرق مع رمز قوي، يمكنك جعل الرسالة أكثر فعالية.
على سبيل المثال، أستخدم رمز تحذير باللون البرتقالي على موقعي لجذب الانتباه إلى ندوتي عبر الإنترنت حول تحسين محركات البحث.
إذا كان هذا الرمز باللون الأزرق أو الأخضر، فلن يكون له نفس التأثير. إذا كنت بحاجة إلى جذب انتباه القارئ إلى مكان ما، فاستخدم لونًا ساطعًا مثل هذا.
استخدم اللون الرمادي للخيارات الأقل مرغوبية
هناك لون إضافي في العلاقة الإيجابية/السلبية. وهو اللون الرمادي، وهو لون محايد يقع في المنتصف. وهو لون مميز رائع يمكنك استخدامه لصرف الانتباه عن خيار ثانوي.
على سبيل المثال، تستخدم صفحة الاشتراك هذه على موقع Ambastha Athletics اللون الرمادي لتسليط الضوء على زر التسجيل.
بالإضافة إلى ذلك، ستلاحظ أنه يستخدم اللون البرتقالي لجذب انتباه الزائر ولفت انتباهه إلى نموذج الاشتراك في النشرة الإخبارية “بالتأكيد!”.
خاتمة
إذا كنت جادًا بشأن تحسين موقعك، فأنت بحاجة إلى إلقاء نظرة متعمقة على ما تمثله الألوان التي تستخدمها.
بدون النظر في الألوان التي تستخدمها، قد تثبط عزيمة العملاء على اتخاذ إجراءات تجاه شيء مهم، أو تجذب الانتباه نحو شيء ما عن طريق الخطأ. من خلال استخدام الألوان وفهم معناها، يمكنك تحسين تدفق المستخدم وزيادة التحويلات.
للبدء، ابحث عن أي مشكلات يبدو أن المستخدمين يواجهونها على موقعك. كيف يمكنك استخدام الألوان لإبراز الإجراءات الشائعة، أو إبقاء الأشخاص منخرطين في الصفحة، أو تحسين التنقل؟
بعد ذلك، قد ترغب في فحص تدفق المستخدم. يمكنك استخدام الألوان الإيجابية والسلبية، مثل الأحمر والأخضر، للإشارة إلى إجراء مفضل. يمكن للألوان الخافتة، مثل الرمادي، أن تُظهر خيارًا معطلاً. ويمكن للألوان الزاهية، مثل الأحمر والأصفر والبرتقالي، أن تجذب انتباه الزائر.
قد يؤدي الجمع بين هذه الألوان إلى توجيه سلوك المستخدم وتحسين معدلات التحويل لديك.
ما هي الألوان التي ستستخدمها لتحسين موقعك؟
