چگونه از روانشناسی رنگ ها در طراحی سایت خود استفاده کنیم؟

رنگ‌ها تاثیرات زیادی بر روی نگرش و برخورد‌های ما دارند. زمانی که ما رنگی را مشاهده می‌کنیم قسمی از مغزمان که هیپوتالاموس نام دارد، سیگینال‌‌هایی را به سمت غده هیپوفیز ارسال می‌کند و از آن‌جا دستوراتی به سمت غده تیروئید ارسال می‌شود. در نهایت غده تیروئید هورمونی ترشح می‌کند که احساسات، خلق و خوی و رفتار ما را تحت تاثیر خود قرار می‌دهد.
در کتاب “رنگ‌ها” اثر نیل پاتل آمده است که رنگ‌ها به میزان ۸۵% در انتخاب محصولات توسط مشتریان موثرند. پس به سادگی می‌توان نتیجه گرفت که هر وب‌سایتی نیز که از رنگ‌بندی مناسبی برخوردار باشد، تاثیر بیشتری بر روی مخاطبانش خواهد گذاشت. پس زمان آن رسیده که شما از این روش به بهترین شکل ممکن بهره ببرید. انتخاب رنگ‌بندی درست، موفقیت شما را تضمین می‌کند.
روان‌شناسی رنگ چیست؟
روانشناسی رنگ یکی از شاخه‌های روانشناسی است و به تاثیر رنگ‌های مختلف بر روی رفتار انسان‌ها می‌پردازد. هرچند که بعضی از محققان به دلیل پیچیدگی تئوری و تست‌های این رشته، آن را جزو شاخه‌های روان‌شناسی نمی‌دانند، اما با این وجود تاثیرات رنگ‌ها بر روی انتخاب‌های مردم امری انکار‌ناپذیر است.
تحقیقات نشان می‌دهد که مشتریان در عرض ۹۰ ثانیه به یک نظر در مورد محصولی می‌رسند و سهم رنگ‌ها در شکل گیری این نظر بین ۶۲ الی ۹۰ درصد است. اشخاصی مانند رهبران، مدیران اداری، معماران، آشپز‌ها، طراحان محصول و مغازه‌داران برای حفظ و بهبود موقعیت کاری خود، باید هرچه بیشتر اطلاعات خود را در زمینه روانشناسی رنگ افزایش دهند.
در این مطلب قصد داریم تا نحوه استفاده از رنگ‌ها در وب‌سایت را مورد بررسی قرار دهیم و رنگ‌های مناسب برای بخش‌هایی نظیر دکمه‌ها، پس‌زمینه، تیتر‌ها، حاشیه‌ها و تصاویر برجسته را به شما معرفی کنیم.

استفاده از رنگ مناسب در مکان مناسب

شناخت مکان و زمان و شیوه مناسب استفاده از رنگ بسیار مهم است. برای مثال اگر شما یک فروشگاه اینترنتی اسباب‌بازی (همانند NinjaJump.com ) دارید، استفاده از یک پس‌زمینه سیاه برای وب‌سایت‌تان نمی‌تواند ایده مناسبی باشد.

ninja-jump
برای چنین وب‌سایتی شما نیاز به رنگ‌های شاد و پر‌جنب و جوشی مانند سبز و قرمز دارید و یا اگر شما فروشگاهی مخصوص بانوان دارید، بهتر است از رنگ‌های نارنجی و قهوه‌ای استفاده نکنید. شاید به همین دلیل است که وب‌سایت L’oreal در طراحی خود از رنگ‌های سیاه و سفید و بنفش استفاده کرده است.

loreal
اما فراموش نکنید که برای تاثیر گذاری هرچه بیشتر شما باید روش مناسب، زمان مناسب، مخاطب مناسب و هدف مورد نظرتان را به خوبی بشناسید. در ادامه به معرفی ترفند‌های استفاده از رنگ‌ها در وب‌سایت می‌پردازیم.
۱) خانم‌ها رنگ‌های خاکستری، قهوه‌ای و نارنجی را نمی‌پسندند و در عوض رنگ‌های آبی، بنفش و سبز را ترجیح میدهند.
پاتل در کتاب خود به رنگ‌های محبوب و غیرمحبوب در میان آقایان و بانوان اشاره کرده است. در یک نظرسنجی در مورد رنگ مور علاقه، رنگ آبی محبوب‌ترین رنگ خانم‌ها شناخته شد و در ادامه رنگ‌های بنفش (۲۳%) و سبز(۱۴%) قرار گرفتند. در سمت دیگر بیشتر آن‌ها اقرار کردند که رنگ‌های نارنجی و قهوه‌ای و خاکستری را نمی‌پسندند.

color-targeting-demographics
در نتیجه اگر شما به هر فروشگاهی که با بانوان در ارتباط است سر بزنید، خواهید دید که رنگ‌بندی آن متشکل از رنگ‌های مورد علاقه آن‌ها است. برای مثال، اکثر مخاطبان وب‌سایت Milani Cosmetics را خانوم‌ها تشکیل می‌دهند و به همین دلیل این وب‌سایت در طراحی صفحه اصلی خود از رنگ‌های نارنجی، قهوه‌ای و خاکستری استفاده نکرده است.

milani-website
همچنین وب‌سایت Woman’s Day از هر سه رنگ مورد علاقه خانم‌ها (یعنی آبی، بنفش و سبز) در طراحی صفحه اصلی خود استفاده کرده است.

womans-day-website
بر خلاف نظر اکثر مردم، صورتی محبوب‌ترین رنگ در بین بانوان نیست. پس اگر شما وب‌سایتی مختص بانوان دارید که در طراحی آن از رنگ‌های آبی، بنفش و سبز استفاده نکرده‌اید، بهتر است در رنگ بندی خود تجدید نظر کنید.
۲) آقایان رنگ‌های بنفش، نارنجی و قهوه‌ای را نمی‌پسندند، بلکه آن‌ها به رنگ‌های آبی، سبز و مشکی علاقه دارند.
اگر کسب و کار شما به آقایان مربوط می‌شود، از رنگ‌های نارنجی و قهوه‌ای و بنفش دوری کنید و به جای آن از رنگ‌های آبی و سبز و سیاه استفاده کنید. این رنگ‌ها به طور سنتی با ذات مردانگی پیوند خورده‌اند. نکته جالب و قابل توجه این بخش، استفاده نکردن از رنگ قهوه‌ای است.
۳) از رنگ آبی برای جلب اعتماد کاربران استفاده کنید.
رنگ آبی، رنگ محبوبی تلقی می‌شود و مفاهیمی مانند صلح، اعتماد و وفاداری را تداعی می‌کند. بزرگترین شبکه اجتماعی دنیا که نیاز شدیدی برای ایجاد حس اعتماد و شفافیت در کاربرانش دارد، در طراحی خود از رنگ آبی استفاده کرده است. این موضوع نمی‌تواند تصادفی باشد!

facebook-homepage
همچنین شرکت PayPal که روزانه با مبادلات میلیارد‌ها دلار پول سر و کار دارد، از این رنگ استفاده کرده است.

paypal-website
علاوه بر این بانک‌های زیادی (از جمله CapitalOne.com ) هم از این رنگ در طراحی خود استفاده کرده‌اند.

capital-one-website
با وجود این شما به هیچ وجه نباید از رنگ آبی در مواردی که با اغذیه در ارتباط اند، استفاده کنید. زیرا از رنگ آبی بیشتر برای کاهش اشتهای افراد رژیمی استفاده می‌شود!
۴) زرد به معنای هشدار است.
رنگ زرد در تمامی تابلو‌های هشدار دهنده به خوبی نمایان است. اما با این وجود رنگ زرد باعث تحریک بخش هیجان مغز می‌شود و برخی روان‌شناسان رنگ زرد را رنگ شادی می‌دانند. طبق گزارشات Business Insider، برند‌ها از رنگ زرد برای نشان دادن سرگرم‌کننده بودن و دوستانه بودن خود استفاده می‌کنند.

caution-wet-floor
روانشناسی رنگ ارتباط تنگاتنگی با تجربیات هر فرد دارد. مثلا اگر شخصی خاطره خوبی از یک لباس زرد، خانه‌ای با دیوار‌های زرد رنگ و یا تجربه لذت‌بخشی در یک فست‌فود با طاق زرد داشته باشد، احتمالا مشاهده رنگ زرد باعث القا حس شادی در وی خواهد شد.
برخی عقیده دارند که رنگ زرد باعث گریه نوزادان و خشمگین شدن مردم می‌شود. اما تاکنون دلایل مستندی برای این ادعا یافت نشده است. اما بنا به گزارش یکی از کارشناسان در زمینه رنگ، رنگ زرد باعث فعال شدن بخش اضطراب مغز می‌شود. در نتیجه نباید بیش‌از اندازه از این رنگ در وب‌سایت خود استفاده کنید. مثلا استفاده از این رنگ فقط بر روی دکمه فراخوان عمل می‌‌تواند ایده مناسبی باشد.

google-serp
۵) سبز رنگ مناسبی برای محصولات زیست‌محیطی و طبیعی است.
رنگ سبز، نماد رنگ طبیعت است. همچنین تحقیقات نشان می‌دهد که این رنگ می‌تواند باعث افزایش خلاقیت نیز شود. اگر وب‌سایت شما ارتباطی با فضای باز، طبیعت و محیط‌ زیست داشته باشد، بهتر است که در آن از رنگ سبز استفاده کنید.
علاوه بر این، رنگ سبز به دلیل پیروی از “اثر انزوا” برای دکمه‌های فراخوان عمل نیز بسیار مناسب است. اثر انزوا بیان می‌کند که هر چیزی با رنگی متفاوت، بهتر در خاطر انسان‌ها می‌ماند. برای مثال به وب‌سایت Conrad Feagin توجه کنید:

discover-how
همچنین وب‌سایت Dell نیز می‌تواند مثال خوبی برای این موضوع باشد.

dell-inspiron
در حالت کلی خود رنگ سبز نمادی از طبیعت و قدر‌دانی است. استفاده از آن در وب‌سایت می‌تواند فضای زیست‌محیطی به آن ببخشد و شما را جزو حامیان طبیعت معرفی کند.
۶- نارنجی رنگ جذابی است که باعث ایجاد عجله می‌شود.
جنبه مثبت رنگ نارنجی، سرگرم‌کننده بودن آن است. همچنین بنا بر گزارشات، این رنگ باعث افزایش فعالیت جسمی، حس رقابت و حس اعتماد به نفس می‌شود. شاید به همین دلیل از این رنگ بیشتر در محصولات تیم‌های ورزشی و یا محصولات مرتبط با کودکان استفاده می‌شود.
وب‌سایت آمازون برای نمایش عرضه محدود محصولات خود از این رنگ استفاده می‌کند.

amazon-kindle
در حالت کلی رنگ نارنجی با صدای بلند و گرم خود مفاهیمی مانند سرگرم‌کننده بودن، فعالیت و با هم بودن را در ذهن تداعی می‌کند. با این حال استفاده زیاد از رنگ نارنجی باعث سردرگمی مخاطبان می‌شود. همچنین رنگ نارنجی به عنوان نقطه مقابل رنگ سیاه، برای نشان دادن ارزان بودن محصولات نیز مورد استفاده قرار می‌گیرد.
۷) رنگ مشکی باعث ایجاد حس لوکس بودن و ارزشمند بودن می‌شود.
علم روانشناسی رنگ‌ها می‌گوید که هرچه وب‌سایت شما تاریک‌تر باشد، لوکس‌تر به نظر خواهد رسید. رنگ مشکی باعث القا حس ظرافت، پیچیدگی و قدرت می‌شود و این همان چیزی است که طراحان وب‌سایت‌های محصولات لوکس در پی آن هستند. برای مثال به وب‌سایت Louis Vuitton توجه کنید:
همچنین وب‌سایت Citizen به خوبی از این رنگ برای نشان دادن ارزشمند بودن محصولات خود استفاده کرده است.
وب‌سایت Lamborghini نیز از مزایای این رنگ بی‌نصیب نمانده است.
اگر محصولاتی که در وب‌سایت شما عرضه شده‌اند گران‌قیمت و لوکس باشند، رنگ سیاه رنگ مناسبی برای شما خواهد بود.
۸) از رنگ‌های اصلی روشن برای دکمه‌های فراخوان عمل استفاده کنید.
تجربه نشان داده که رنگ‌های اصلی ( قرمز، سبز و زرد) رنگ‌های مناسبی برای دکمه‌های فراخوان عمل هستند و در مقابل رنگ‌های تیره‌تری مانند خاکستری تیره، مشکی و بنفش چندان برای این کار مناسب نیستند.
وب‌سایت Women’s Health در کنار پس‌زمینه‌ای با تم روشن بنفش و صورتی زنانه، برای دکمه‌های فراخوان عمل خود سایه‌ای از رنگ بنفش روشن را به کار برده است.
وب‌سایت GreenGeeks رنگ زرد را برای دکمه‌های فراخوان عمل خود برگزیده است.
طبق مقاله‌ای که در وب‌سایت ColorMatters.com منتشر شده، از نظر روانی رنگ‌های ضد زیبایی ممکن است بیشتر از سایر رنگ‌ها باعث جلب توجه شوند. اگر هدف شما جلب توجه است، رنگ‌های نارنجی و زرد می‌توانند شما را به این هدف برسانند.
۹- از رنگ سفید غافل نشوید.
در بسیاری از مطالب مربوط به روان‌شناسی رنگ، رنگ سفید فراموش می‌شود. زیرا هنوز روان‌شناسان در مورد ماهیت رنگ بودن یا نبودن سفید به توافق نرسیده‌اند. با صرف نظر از این موارد می‌توان گفت که استفاده از فضاهای سفید از ویژگی‌های طراحی‌های قدرتمند به حساب می‌آید. برای مثال در محبوب‌ترین وب‌سایت جهان، بیش از هر رنگ دیگری رنگ سفید به چشم می‌خورد.
امروزه بیشتر طراحان حرفه‌ای از این رنگ برای ایجاد نوعی حس آزادی، وسعت و رهایی در کاربرانشان استفاده می‌کنند.

نتیجه‌گیری

•    موقعیت مناسب برای هر رنگ را بشناسید. برای مثال اگر شما محصولات گران‌قیمتی را به بانوان عرضه می‌کنید، استفاده از یک لوگوی نارنجی ممکن است نتیجه مناسبی در پی نداشته باشد.
•    با استفاده از روان‌شناسی رنگ، رنگ‌هایی را که ترکیب مناسبی با یکدیگر ایجاد می‌کنند را شناسایی کرده و از آن‌ها در کنار یکدیگر استفاده کنید. برای مثال اگر پس‌زمینه وب‌سایت شما آبی رنگ است، می‌توانید از رنگ زرد برای دکمه فراخوان عمل خود استفاده کنید.
•    هیچ رنگی برای تمامی وب‌سایت‌ها مناسب نیست. پس بهتر است شما رنگ‌های مختلف را در وب‌سایت خود مورد آزمایش قرار دهید تا به رنگ مناسب و نتیجه دلخواهتان برسید.
•    انتخاب تمامی رنگ‌ها را به طراحان خود واگذار نکنید. زیرا علاوه بر زیبایی‌شناسی، تاثیر رنگ‌ها بر روی مخاطبان نیز مبحث بسیار مهمی قلمداد می‌شود. شما باید حساسیت ویژه‌ای بر روی رنگ‌بندی صفحات اصلی خود به خرج دهید.
•    مراقب باشید که بیش از اندازه  از رنگ‌ها استفاده نکنید. همان‌طور که در مورد آخر نیز اشاره شد، رنگ سفید از بهترین رنگ‌ها برای پس‌زمینه است و سایر رنگ‌ها ممکن است باعث ایجاد حس سردرگمی در مخاطبانتان شود.

سعید مداحی

من سعید مداحی، موسس وب سایت پویا نت و مدیر عامل شرکت پویا وب، به همراه تیم دبیر خانه پویا نت روزانه مقاله هایی در زمینه بازاریابی اینترنتی و افزایش فروش از طریق اینترنت، طراحی وب سایت و سئو در این وب سایت قرار میدهیم. امیدواریم که مفید واقع شود.