उपयोगकर्ता अनुभव और रंग धारणा

रंग में कई मनोवैज्ञानिक क्षण हैं, और हालांकि मैं इस क्षेत्र में विशेषज्ञ होने का दावा नहीं करता हूं, समय-समय पर मुझे कुछ ऐसा आता है जो कुछ हद तक विरोधाभासी लगता है।

मेरा मानना ​​है कि रंग की पसंद और उपयोग पर संस्कृति का कुछ प्रभाव है, और वेबसाइट डिजाइन पर काम करते समय इस प्रभाव को ध्यान में रखना आवश्यक है, लेकिन यह भी स्पष्ट है कि कुछ विचार ऐसे हैं जो किसी विशेष संस्कृति पर निर्भर नहीं हैं।

आज मैं एक रंग चुनने के मुद्दे पर विचार करना चाहता हूं, जो, जैसा कि मैं मानता हूं, हम सभी एक निश्चित प्रतिक्रिया के साथ जुड़े हैं - उदाहरण के लिए, सफलता का रंग, विफलता का रंग, और क्या रंग पसंद है जब आप पंजीकरण फ़ील्ड भरने के दौरान देखते हैं कि जब आप सब कुछ सही या गलत करते हैं। "सफलता" के बारे में सोचते ही आपके मन में क्या रंग आता है? जब आप किसी तरह की गलत कार्रवाई के बारे में सोचते हैं तो क्या रंग आता है?

इस मुद्दे की जांच करने के लिए, मैंने एक बहुत ही त्वरित और सरल परीक्षण बनाया। इस परीक्षा को पास करने और इस मुद्दे पर अपनी राय बनाने के लिए आप यहां ( लगभग अंग्रेजी में ) जा सकते हैं।

जब आप उपरोक्त परीक्षा ( लगभग अंग्रेजी में ) पास करते हैं, तो कृपया इस पोस्ट के अंत में अपनी टिप्पणी छोड़ दें और रंग और डिजाइन के कनेक्शन पर अपने विचार साझा करें। और फिर हम कई लोकप्रिय साइटों, और उनके द्वारा पालन किए जाने वाले नियमों की तुलना के परिणामों को देखेंगे, और उस परीक्षा से कुछ सीखेंगे जो आपने अभी पास की है।

अनुवाद प्रायोजक: एकेन स्टूडियो

रंग क्यों?

हमें स्वीकार करना चाहिए कि हमने कभी भी उनके बारे में नहीं सोचा था जब तक कि हमें GetClicky (हम वास्तव में पसंद करते हैं एक सेवा) से सफल निष्पादन के बारे में एक संदेश मिला। इसने कहा कि हमने अपने खाते में अपना फीडबर्नर का पता जोड़कर सफलतापूर्वक पूरा कर लिया है, एक संदेश जो उस रंग में टाइप किया गया था जिसे हम प्यार से "त्रुटि चेतावनी लाल" कहते हैं :



और आप जानते हैं, हमने वास्तव में पहले सोचा था कि उन्होंने हमें उस त्रुटि के बारे में लिखा था जिसे हमने इस ऑपरेशन के दौरान कहीं बनाया था (यह हमारी गलती है - हमने पूरा संदेश नहीं पढ़ा था), इसलिए हम लौट आए और फिर से सभी को फिर से दोहराया, केवल तब ही एहसास हुआ हमें ऑपरेशन के सफल समापन के बारे में सूचित किया गया था। "त्रुटि चेतावनी लाल" में यह लिखकर।

हमें इस क्षण को रोकना और विश्लेषण करना था। हम विफलता के साथ लाल क्यों जुड़ते हैं? हो सकता है कि हमारा मस्तिष्क सिर्फ इतना अजीब रूप से निर्मित हो, या आम तौर पर स्वीकृत नियम जैसा कुछ है जो हम सभी ने सीखा है?

हमने कई लोकप्रिय साइटों पर पंजीकरण फार्म के क्षेत्रों को देखने और खोजने का फैसला किया (यदि वे मौजूद हैं) आम तौर पर स्वीकार किए गए नियमों का पालन करते हैं। जिन साइटों का हमने विश्लेषण के लिए चयन किया था, वे जीमेल , ट्विटर और फेसबुक थे - सभी बेहद लोकप्रिय, जो (कम से कम, चाहिए) बहुत गंभीरता से आपकी साइट के डिजाइन, इसकी प्रयोज्यता पर आधारित हैं।

उदाहरण के रूप में साइटें

जीमेल

उदाहरण : जीमेल खाते का उपयोगकर्ता नाम उपलब्ध नहीं है।
उन्होंने आपको दिखाने के लिए लाल पाठ का उपयोग किया है कि आपके द्वारा चयनित उपयोगकर्ता नाम उपलब्ध नहीं है, जो हमें लगता है कि एक उचित पर्याप्त समाधान है। वे इस तथ्य पर आपका ध्यान आकर्षित करना चाहते हैं कि उपयोगकर्ता नाम पहले से ही लिया गया है, और आपको बताएगा कि आपको दूसरा विकल्प चुनने की आवश्यकता है।



उदाहरण : जीमेल खाते के लिए चयनित उपयोगकर्ता नाम उपलब्ध है
इस मामले में, उन्होंने नीले पाठ का उपयोग किया। हमें यकीन नहीं है कि हम उनकी पसंद के कारण को समझते हैं, हालांकि शायद हमारे शोध के परिणाम इस मुद्दे पर प्रकाश डालेंगे। सब कुछ वैसा ही हो रहा है जैसा कि होना चाहिए, इसलिए वे चाहते हैं कि आप आगे बढ़ें।



उदाहरण : जीमेल अकाउंट का कमजोर पासवर्ड।
और फिर से उन्होंने क्रैकिंग के लिए आपके पासवर्ड के प्रतिरोध के स्तर पर आपका ध्यान आकर्षित करने के लिए लाल पाठ का उपयोग किया। जाहिर है, वे अधिक सुरक्षित पासवर्ड चाहते हैं और आपके द्वारा चुने गए पासवर्ड को बदलने के लिए आपको समझाने की कोशिश करते हैं।



उदाहरण : जीमेल पासवर्ड मजबूत है।
इस मामले के लिए, उन्होंने यह दिखाने के लिए कि हरे रंग का टेक्स्ट मजबूत है, नीले रंग के टेक्स्ट के विपरीत चयन किया, जो चयनित उपयोगकर्ता नाम की उपलब्धता को चिह्नित करता है। शायद वे व्यवहार को प्रोत्साहित करने के लिए हरे रंग के पाठ का उपयोग करते हैं?

चहचहाना

उदाहरण : ट्विटर यूजरनेम / लॉगिन / पासवर्ड।
जैसा कि आप देख सकते हैं, ट्विटर विभिन्न चीजों को इंगित करने के लिए कई अलग-अलग रंगों का उपयोग करता है। उन्होंने यह दर्शाने के लिए हरे रंग के पाठ का चयन किया कि पहले क्षेत्र में सब कुछ ठीक है, लाल पाठ यह इंगित करने के लिए कि चयनित उपयोगकर्ता नाम पहले से ही लिया गया था, और ग्रे पाठ यह इंगित करने के लिए कि हमने जो पासवर्ड चुना था वह बहुत सरल था (हमने टाइप किया था 123456) - वैसे, सुरक्षा में सुधार के उद्देश्य से एक दिलचस्प उपाय। अब तक, हरा एक सफल कार्रवाई के रंग की तरह दिखता है।



उदाहरण : ट्विटर पासवर्ड।
यह देखने के लिए बहुत दिलचस्प है कि आपके पासवर्ड के लिए विभिन्न स्तरों की सुरक्षा दिखाने के लिए ट्विटर पूरे रंग सरगम ​​का उपयोग कैसे करता है ताकि पासवर्ड के बारे में विभिन्न जानकारी दी जा सके। वास्तव में, अपने संदेश को व्यक्त करने के लिए एक बहुत ही सरल और दृश्य तरीका है।

फेसबुक

हमें निम्नलिखित बताएं: हम वास्तव में आश्चर्यचकित थे कि फेसबुक पंजीकरण प्रक्रिया कितनी निरर्थक दिखती है - आपको "रजिस्टर" बटन पर क्लिक करने तक गलतियाँ नहीं दिखाई जा सकती हैं, और उसके बाद भी यह सिस्टम जैसा दिखता है एक समय में केवल एक त्रुटि को इंगित करता है। ठीक है, उन्हें वहां क्या रंग मिला है:



उदाहरण : फेसबुक पर रजिस्टर करें।
जैसा कि आप देख सकते हैं, फेसबुक हमें चेतावनी देने के लिए लाल पाठ का उपयोग करता है कि हमें पंजीकरण से पहले अपनी जन्म तिथि दर्ज करनी होगी। खैर, यह स्पष्ट है और काफी स्पष्ट रूप से हाइलाइट किया गया है। यह अजीब है कि सिस्टम एक समय में केवल एक त्रुटि को इंगित करता है, और प्रत्येक विशिष्ट क्षेत्र में भरने के लिए आवश्यकताओं पर संकेत नहीं देता है, उदाहरण के लिए, पासवर्ड 6 वर्णों से अधिक लंबा होना चाहिए, कि नाम में केवल एक अपरकेस अक्षर की अनुमति है - हां, इसके लिए हमारा पंजीकरण रोक दिया गया था। लेकिन कम से कम वे ऐसे संदेशों के लिए लाल रंग के उपयोग में निरंतर हैं।

गेटक्ली केस

तो, Getclicky उदाहरण पर वापस जाएँ - पुष्टि के लिए लाल पाठ। हमने ट्विटर पर Getclicky टीम के बारे में एक संदेश छोड़ा और यहां हमें उनसे मिली प्रतिक्रिया है:



एक दिलचस्प बात यह है कि वे लाल पाठ का उपयोग करते हैं क्योंकि यह उपयोगकर्ताओं के ध्यान को बेहतर ढंग से आकर्षित करता है, भले ही वे संदेश देने की कोशिश कर रहे हों। यदि आप उनकी साइट पर घूमते हैं, तो आपको यह प्रवृत्ति मिलेगी:







बेशक, जब प्रश्न प्रतियोगियों के साथ तुलना के बारे में है, तो वे सकारात्मक / पुष्टि संदेश के लिए हरे रंग का उपयोग करते हैं:



यह क्या है? सहेजे गए परिवर्तनों के लिए लाल पाठ , जो परिवर्तनों को सहेजे जाने के बाद हरे पाठ में बदल जाता है:





एक दिलचस्प बिंदु, उन्होंने यहां थोड़ी विविधता जोड़ी, लेकिन कुल मिलाकर ऐसा लगता है कि वे अपने संदेशों को व्यक्त करने के लिए लाल रंग का उपयोग करना पसंद करते हैं। हालांकि, इससे उन्हें इस मुद्दे पर कुछ और स्थिर होने के लिए चोट नहीं पहुंचेगी। आइए देखें कि यह हमारे परिणामों से कैसे संबंधित है।

परिणाम:

हम आपके त्वरित परीक्षण के परिणामों (इस लेख को लिखने के समय प्राप्त) पर आपका ध्यान आकर्षित करते हैं (यदि आप अचानक चूक गए तो आप इसे यहाँ से पारित कर सकते हैं ):

जैसा कि आप देख सकते हैं, लोग हरे रंग को सबसे अधिक सफलता के साथ जोड़ते हैं, 76% उत्तरदाताओं ने इस रंग को अर्थ सफलता के रूप में चुना है। इसके लिए किसी ने लाल नहीं चुना:



उत्तरदाताओं का एक बड़ा हिस्सा (88%) ने विफलता के रंग के रूप में लाल को चुना - हमें यह सुनकर खुशी हुई कि हम ही नहीं:



निम्नलिखित बिंदु के दिलचस्प परिणाम: 71% उत्तरदाताओं ने उस रंग के रूप में लाल चुना जो सबसे अधिक बाहर खड़ा है (ज़ाहिर है, एक सीमित समूह से चुनने के लिए), और 18% ने हरा चुना। क्या आपको लगता है कि उपयोगकर्ताओं को अपने सभी संदेश देने के लिए हमें भविष्य में लाल रंग का उपयोग करना चाहिए?



इस असाइनमेंट में, 59% ने बैंगनी और 35% ने नीले रंग को चुना। हमें यकीन नहीं है कि हम एक ऐसी साइट जानते हैं जो इस तरह के वायलेट रंग का उपयोग करेगा, लेकिन कई साइटें हैं जो नीले रंग की ऐसी छाया का उपयोग करती हैं, और ट्विटर और ट्वीट बटन सबसे पहले दिमाग में आते हैं। क्या आपको लगता है कि इन परिणामों से संकेत मिलता है कि लोग साइटों पर बटन के साथ कैसे बातचीत करते हैं?



88% ने इस संदेश के लिए हरे रंग को चुना "आपने इस ऑपरेशन को सफलतापूर्वक पूरा किया है", ऐसा लगता है कि ज्यादातर लोग सफलता या पुष्टि के साथ हरे रंग के सहयोगी हैं:



लाल रंग अभी भी परिणामों के मामले में अग्रणी है - 94% उत्तरदाताओं ने चेतावनी संदेशों के लिए लाल रंग को चुना:

इस सबका क्या मतलब है?

जैसा कि यह निकला, न केवल हम असफलता के साथ लाल को जोड़ते हैं, बल्कि सफलता के साथ हरे होते हैं। हम वेबसाइट डिजाइन में नवाचारों के लिए दो-हाथ हैं, लेकिन ऐसे क्षण और स्थान हैं जहां आपको आम तौर पर स्वीकृत नियमों का पालन करने की आवश्यकता होती है, और यह क्षण उनमें से एक है।

और यद्यपि हमें जो परिणाम मिले, वे बताते हैं कि हमारे पास जो छोटा चयन था, उसमें से लाल रंग सबसे अधिक निकलता है, इसका मतलब यह नहीं है कि हमें अपने सभी संदेश लाल रंग में लिखने चाहिए। परिणाम बताते हैं कि सकारात्मक पुष्टि के रूप में लाल पाठ का उपयोग करना अतार्किक है और आपके उपयोगकर्ताओं को भ्रमित कर सकता है।

हमें लगता है कि ट्विटर हम यहां जो कुछ भी खोज रहे हैं उसका सबसे अच्छा उदाहरण है - वे विभिन्न संदेशों की एक विस्तृत श्रृंखला को व्यक्त करने के लिए रंग बीनने वालों का बहुत कुशलता से उपयोग करते हैं, और हालांकि यह केवल हमें थोड़ा समय बचा सकता है या असंतोष की भावना से बचने में मदद कर सकता है, यह विकल्प बनाने में मदद करता है। लोग इस सेवा के बारे में और भी अधिक सकारात्मक हैं।

रेडक्लिसी का उपयोग करना बंद करने के लिए रेड टेक्स्ट हमारे लिए पर्याप्त नहीं है (हम इसे इतना पसंद करते हैं कि हम इसे अपने सभी दोस्तों को सुझाते हैं), लेकिन इस तरह के छोटे बदलाव से उपयोगकर्ताओं द्वारा इस सेवा की अधिक सकारात्मक धारणा हो सकती है। यह पता चला है कि साइट टेक्स्ट मैसेज के लिए रंगों की अपनी पसंद का 100% भी पालन नहीं करती है, जो इसे और अधिक भ्रमित करता है, और स्थिरता, साथ ही कुछ आम तौर पर स्वीकृत नियमों का पालन करने के लिए महत्वपूर्ण है।

आप इस लेख से क्या सीख सकते हैं?

आम तौर पर स्वीकृत नियम आमतौर पर एक कारण के बिना मौजूद नहीं होते हैं, और यह निश्चित रूप से ऐसा दिखता है कि लोग वेबसाइटों पर रंगों के अर्थ के लिए बहुत उपयोग किए जाते हैं, और हालांकि कुछ रंग दूसरों की तुलना में अधिक खड़े हो सकते हैं, इसका मतलब यह बिल्कुल नहीं है कि यदि आप कुछ के लिए हरे रंग का उपयोग करते हैं या पाठ, लोग इस पर ध्यान नहीं देंगे।

संगति भी एक प्रमुख घटक है। यदि आप इसे अपनी साइट के किसी एक स्थान पर उपयोग करने का इरादा रखते हैं, तो संभवतः आपको पूरी साइट पर ऐसा ही करना चाहिए। यदि सब कुछ एक तरह से एक हिस्से में व्यवस्थित है, और दूसरे में पूरी तरह से अलग तरीके से, आप बस अपने उपयोगकर्ताओं को भ्रमित और निराश करेंगे। स्थिर रहना।

और मुख्य बिंदु: उपयोग में आसानी के लिए जाँच सबसे अच्छा और सबसे विश्वसनीय तरीका है यह जानने के लिए कि आपके उपयोगकर्ता क्या चाहते हैं, आखिरकार, क्योंकि हर कोई अपने तरीके से साइट के साथ बातचीत करता है। इस साइट के आगंतुक उसी तरह से एक दूसरे से भिन्न होते हैं, जिस तरह से हमारे विचार के तरीकों का पालन किया जाना चाहिए। आपके लिए सबसे अच्छा काम करने के लिए अपनी साइट और अपने आगंतुकों का अन्वेषण करें।

जैसा कि हमने पहले कहा था: “इसका निर्माण करो और वे आएंगे। इसे अच्छी तरह से बनाएँ और वे वापस आ जाएंगे, ” और आखिरकार, हम क्या चाहते हैं?