تلميح: استخدامات الألوان الأحمر والأصفر والأخضر

لا يبدو المنظر مريحاً

لا يبدو المنظر مريحاً

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

الألوان واستخداماتها

يستخدم اللّون الأحمر:

  • لتحذير المستخدم من شيء معيّن قد يضر به.

    تحذير البحث في ياهو

    تحذير من المواقع الضارة عند البحث

  • لتنبيه المستخدم إلى شيء يجب أن ينتبه له حالاً (الأخطاء التي يقع فيها عند تعبئة النماذج مثلاً).

    خطأ في نموذج

    تنبيه للأخطاء في النموذج

  • للإشارة إلى الأشياء المهمّة التي يجب أن يتصرّف حيالها المستخدم في أسرع وقت (كالقيام بالتّحديث مثلاً)

    عدد الاضافات التي تحتاج الى تحديث في ووردبريس

    عدد الإضافات التي تحتاج إلى تحديث في ووردبريس

أما اللون الأصفر فيستخدم:

  • عند الرغبة في لفت انتباه المستخدم إلى عنصر معيّن في الصفحة.

    يبدو مألوفاً...

    يبدو مألوفاً...

  • عند الرغبة في تنبيه أو تحذير المستخدم من شيء لا يعيقه عن أداء ما يقوم به حالياً، ولا يستدعي تدخّله العاجل.

    صفحه خاصة (او مغلقه) في تويتر

    صفحه خاصة (أو مغلقة) في تويتر

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

و أخيراً، يستخدم اللون الأخضر:

  • للإشارة إلى انتهاء ما كان يقوم به المستخدم بنجاح.

الخلاصة

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

إذا كانت لديك أي استفسارات أو إضافات، فلا تتردد بكتابتها في التعليقات.

  1. 12 تعليقات على “تلميح: استخدامات الألوان الأحمر والأصفر والأخضر”

  2. عبدالملك الثاري - أغسطس 22, 2009

    بارك الله فيك أخوي مشهور موضوع ممتاز استفدت منه شكراً لك

  3. عبدالرحمن - أغسطس 22, 2009

    تدوينة رائعة أخوي مشهور..
    واللي يتابع طريقة تصميم المواقع المشهورة بيستفيد كثير..:)

    تحياتي

  4. @w - أغسطس 24, 2009

    مرحباً , موضوع مميز
    لكن كل ماوضعته هي امور نراها يومياً وكانك تقول لنمشي على اثرها ونقلدها !

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

    ماذااقصد ؟

    مثلا في سوق الاسم السعودي , اللون الاحمر يدل على الخساره وفي السوق الكويتي – رأيته منذ *مبطي* ولا اعلم الآن – هو الاسود .. وكلاهما يوضح مدى الاسى والخطر ..

    فمثلا موقع كله اخضر , -كله- , لو وضع تنبيه بالاحمر فيه لكسرت الفن , ولا اصبح الموقع كانه كراسه طفل بالصف الاول من *قوة* انه مايفقه بالفن مستلف التلوينه !

    ولو وضعت الاصفر داخل الاحمر لاصبح كانه طبخة يابانيه غير *مهضومه* بالنسبه لي !

    وهكذا ..

    وبالنسبه للوحة التي وضعتها باللون الاخضر فهي رائعه وارى انها افضل من الاحمر !

    مشكلتنا اننا تعودنا هذه الامور , وتعودنا ان اللون هذا يعني كذا واللون ذاك يعني كذاك ! وهذه امور غبيه للاسف لان الالوان نحن من نصنع اهميتها , فلو ولدت واللون الاخضر يعني الخطر فسيظل في بالك و *هكزا* على قولة الزميل مصطفى ..

    وسلملم ياقميل

  5. إسراء - أغسطس 24, 2009

    مدونة رائعة

    وبالفعل اشياء صغيرة جداًكالالوان تجعل مواقعنا أفضل

    شكراً لك اخيِ

    طبت وبوركت

  6. مشهور الدبيان - أغسطس 27, 2009

    اشكركم جميعا على المشاركة في التعليق :)

    @w:
    ارجو ان تعيد قراءة خلاصة الموضوع :)

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

  7. Rambitious - أغسطس 29, 2009

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

    وفقكم الله،،،

  8. zoe4ever - سبتمبر 2, 2009

    الإهتمام بهذه الاشياء امر ضروري

    جزيت كل خير

  9. فيصل الصويمل - سبتمبر 12, 2009

    لوحة تحكم الووردبريس فيها كل مزايا السهولة وفيه الالوان التي ذكرتوها

  10. قلب العقرب - أغسطس 11, 2010

    أفكار جيدة

  11. سارة - ديسمبر 2, 2010

    اريد الهدف من استخدام اللون

  12. ccsi student - أبريل 24, 2011

    ممكن تضع اسماء الالوان ملونه حتى توصل الفكرة اسرع
    عني توقعت انك تحطها كذا فتجاهلت العنوان تلقائيا
    ^^

  1. 1 تعقيبات

  2. أكتوبر 31, 2009: مدونة قابلية الاستخدام » تطوير قابلية استخدام موقع يوزرات

أكتب تعليقاً