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

UX डिजाइनरों के रूप में, हमें अपने स्वयं के ऊपर हमेशा दूसरों की जरूरतों और इच्छाओं को रखना चाहिए, जब वे योजना बना रहे हों और इंटरफेस विकसित कर रहे हों।

इसके प्रकाश में, मैंने एक सहानुभूति प्रयोग करने का फैसला किया और समझा कि यह एक अजीब जगह में कैसा लगता है। विशेष रूप से, मेरे सहयोगी पीटर के स्थान पर।

सहानुभूति के लिए समझ की आवश्यकता होती है

हमारे निर्देशक पीटर बेंडर कलर ब्लाइंड हैं। अधिक सटीक रूप से, यह ड्यूटेरोनोमल है। यह 5% पुरुषों को प्रभावित करने वाले रंग अंधापन का सबसे आम प्रकार है। सिद्धांत रूप में, इसका मतलब हरे रंग की धारणा के साथ कठिनाई है: बाकी हिस्सों से अंतर करना मुश्किल है। कार्यालय में सुनहरा नियम कभी भी लाल या हरे रंग में ईमेल या स्प्रेडशीट को चिह्नित नहीं करना है, क्योंकि पीटर में अंतर नहीं दिखता है।

मैं स्वीकार करता हूं कि मेरे सहयोगियों को मेरी स्मृति में फंसने से पहले कई बार मुझे इस नियम की याद दिलानी पड़ी थी। हालाँकि मुझे पतरस से सहानुभूति है, लेकिन मैंने सहानुभूति दिखाने के लिए स्थिति को पर्याप्त नहीं समझा। सहानुभूति और समानुभूति में क्या अंतर है? डॉ। ब्रेन ब्राउन का यह छोटा सा कार्टून बहुत ही अंतर बताता है।


पीटर की स्थिति को बेहतर ढंग से समझने के लिए, मैंने क्रोम के लिए व्यू एक्सटेंशन के साथ तीन दिनों के लिए कलर ब्लाइंड होने पर सहमति व्यक्त की। यह वेब पेजों के अनुसार विकृत करता है कि विभिन्न दृश्य हानि वाले उपयोगकर्ता उन्हें कैसे देखते हैं। मैंने डेस्कटॉप, लैपटॉप और फोन पर ड्यूटेरोनोमल सेटिंग को सक्रिय किया - और पीटर की आंखों के माध्यम से दुनिया को देखना शुरू किया।

देखने के लिए विश्वास करना है

प्रयोग की शुरुआत में, मैं केवल यह जानता था कि पीटर के लिए लाल और हरे रंग एक दूसरे के समान हैं, और मैंने इस बारे में कभी नहीं सोचा था। लेकिन वास्तविकता में इसका क्या मतलब है?

क्या हरा लाल दिखता है?
क्या उसके लिए सभी पेड़ लाल हैं?
यदि हां, तो पेड़ गिरने के मौसम में रंग बदलने पर वह कैसे कह सकता है?
या लाल हरा दिखता है?
क्या चेतावनी के संकेत हरे उत्पादों पर स्टिकर की तरह दिखते हैं?

जैसे ही मैंने स्विच पर क्लिक किया - और पीटर की आँखों से इंटरनेट देखा, मैंने तुरंत सब कुछ समझ लिया। वास्तव में, वह न तो हरा दिखता है और न ही लाल। वे दोनों भूरे हैं। वायलेट भूरे रंग के टिंट के साथ नीला हो जाता है, और नारंगी भूरे रंग के टिंट के साथ पीला हो जाता है। दृश्य पैलेट में केवल नीले, पीले और भूरे रंग के विभिन्न शेड्स होते हैं।


वाम: सामान्य दृष्टि वाला व्यक्ति रंगों का एक मानक पैलेट देखता है। अधिकार: कैसे deuteranomal उसे देखता है

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

“आपकी दुनिया बहुत उबाऊ है! पैलेट वास्तव में सीमित है। ”

जिस पर उसने उत्तर दिया:

“मैं अंतर नहीं जानता। मैं नहीं देखता कि क्या गायब है। "

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

लड़ाई

शुरुआती हलचल को दूर करने और रोजमर्रा की गतिविधियों में संलग्न होने के बाद, मुझे जल्दी से एहसास हुआ कि नई दृश्य सीमाओं के अनुकूल होने के लिए मुझे अपनी कई दैनिक आदतों, पैटर्न और सेटिंग्स को बदलना होगा।

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

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


सामान्य दृष्टि वाले व्यक्ति के लिए जीमेल में "सितारों" के वेरिएंट


Deuteranomal के लिए जीमेल स्टार विकल्प

अंत में, सबसे घातक समस्या यह है कि मैं बहुत टाइप कर रहा हूं। मैं टाइपो को रेखांकित करने के लिए क्रोम, जीमेल, वर्ड इत्यादि में अंतर्निहित स्पेलसेचर पर भरोसा करता हूं। दुर्भाग्य से, लाल रेखांकन भूरा हो गया, जो नियमित रूप से लाल के रूप में ध्यान देने योग्य नहीं है, और मुझे टाइप करते समय अपनी सतर्कता को काफी बढ़ाना पड़ा।

दृश्य विकलांगता के लिए डिजाइन नियम

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

नियम 1: रंग विपरीत मामले

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

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

यह साइट बड़े और छोटे फोंट के लिए एए और एएए मानकों के अनुसार पाठ और पृष्ठभूमि के रंग विपरीत की जांच करती है।

यदि आपका रंग संयोजन चयनित WCAG कंट्रास्ट मानक को पूरा नहीं करता है, तो इस साइट पर समान रंग संयोजन मिलेंगे जो मानकों को पूरा करते हैं।

नियम 2: केवल रंग पर भरोसा न करें

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


वाम: सामान्य दृष्टि वाला व्यक्ति रंगीन संकेतकों के साथ एक रूप देखता है। सही: एक deuteranomal व्यक्ति रंग-आधारित संकेतकों के साथ एक ही आकार कैसे देखता है

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