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

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

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

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

علم نفس اللون

تعتبر نظرية اللون والتأثيرات النفسية التي يمكن أن يتركها اللون على المستخدمين موضوعًا معقدًا وغالبًا ما يكون غير موضوعي. لكن هناك جوانب معينة يمكن معالجتها على مستوى أكثر عالمية.

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

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

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

الاختلافات الثقافية في اللون

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

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

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

مطابقة ألوان UX مع العلامة التجارية

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

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

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

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

إن معرفة معاني الألوان الأساسية هذه يمنح المصممين أساسًا متينًا لبناء لوحات الألوان لأي علامة تجارية أو منتج.

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

استخدام ألوان UX غير التقليدية

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

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

Berdan Real Estate هو موقع آخر يستخدم لوحة ألوان غير متوقعة. يستخدم موقع العقارات ظلال من اللون الأصفر والخوخ ، وكلاهما أكثر نشاطًا من متوسط ​​موقع العقار (حيث تهيمن مساحات كبيرة من الأزرق والأحمر والأخضر).

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

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

قاعدة 60-30-10

القاعدة 60-30-10 هي نظرية بسيطة لإنشاء لوحات ألوان متوازنة ومثيرة للاهتمام بصريًا. الفكرة هي أن لونًا واحدًا - بشكل عام شيء محايد إلى حد ما (سواء بالمعنى الحرفي أو النفسي) - يشكل 60٪ من اللوحة. لون تكميلي آخر يشكل 30٪ من اللوحة. ثم يتم استخدام اللون الثالث كلكنة للـ 10٪ المتبقية من التصميم.

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

خاتمة

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

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

• • •

مزيد من القراءة على مدونة Toptal Design:

• علم نفس التصميم وعلم الأعصاب في UX الرائع
• واجهات مستخدم مظلمة. الجيد والسيئ. ما يجب فعله و ما لا يجب فعله.
• العلامة التجارية العاطفية لتصميم المنتجات المستدامة
• استخدم إلهامك - دليل للوحات المزاج
• تصميم مقنع: استخدام علم النفس المتقدم بفعالية