क्या कभी किसी दरवाज़े के सामने आप यह सोचकर झिझके हैं कि हैंडल को खींचें या धक्का दें? अच्छी तरह डिज़ाइन किया गया हैंडल बिना कुछ कहे हाथ को रास्ता दिखाता है, मानो कह रहा हो, ‘इसे ऐसे पकड़ें।’ डिज़ाइन अध्ययन में वस्तु के इस गुण को ‘अफ़ोर्डेंस (Affordance)’ कहते हैं, जो उपयोगकर्ता को संभावित क्रियाओं का संकेत देता है।
सरल शब्दों में, अफ़ोर्डेंस का अर्थ है ‘वह संबंध जिसमें किसी वस्तु के भौतिक और बोधगम्य गुण उपयोगकर्ता के लिए किसी क्रिया को संभव बनाते हैं या उसे करने के लिए प्रेरित करते हैं।’ यह वही एहसास है जिसमें किसी बटन पर ‘दबाएँ’ लिखा न होने पर भी, उसके थोड़ा उभरे होने से उँगली अपने आप उसकी ओर बढ़ जाती है।
इस सामग्री में डिज़ाइन अध्ययन के दृष्टिकोण से अफ़ोर्डेंस की उत्पत्ति की पृष्ठभूमि और अनुभूत अफ़ोर्डेंस की अवधारणा से लेकर संकेतक (Signifier) तथा प्रतिबंधों से उसके संबंध, रोज़मर्रा और डिजिटल दुनिया के उदाहरण, और व्यावहारिक काम में जाँचने योग्य डिज़ाइन बिंदुओं तक को सरल ढंग से समझाया गया है।
अफ़ोर्डेंस की अवधारणा और डिज़ाइन
अफ़ोर्डेंस क्या है?
अफ़ोर्डेंस शब्द का प्रस्ताव पारिस्थितिक मनोवैज्ञानिक जेम्स गिब्सन (James J. Gibson) ने 1970 के दशक में किया था। उनके लिए अफ़ोर्डेंस स्वयं ‘पर्यावरण द्वारा जीव को उपलब्ध कराई जाने वाली क्रिया की संभावनाएँ’ था। समतल ज़मीन चलने और बैठने की, जबकि हैंडल के आकार का उभार पकड़ने की संभावना देता है। यह संबंध प्रचार के शब्दों से स्वतंत्र रूप से भौतिक संसार में पहले से मौजूद होता है।
डिज़ाइन के क्षेत्र में इस शब्द को व्यापक रूप से प्रचलित करने वाले डोनाल्ड नॉर्मन (Donald A. Norman) थे। उन्होंने अपनी पुस्तक ‘डिज़ाइन और मानव मनोविज्ञान’ में ज़ोर दिया कि डिज़ाइनर केवल ‘वास्तविक संभावनाओं’ पर ही नहीं, बल्कि इस पर भी काम कर सकते हैं कि उपयोगकर्ता उन संभावनाओं को ‘कैसे पहचानता है।’ इसलिए बाद में नॉर्मन ने गलतफ़हमियाँ कम करने के लिए ‘अनुभूत अफ़ोर्डेंस (Perceived Affordance)’ और ‘संकेतक (Signifier)’ के बीच अंतर स्पष्ट किया।
- वास्तविक अफ़ोर्डेंस (Real Affordance): वह क्रिया जिसे कोई वस्तु भौतिक रूप से संभव बनाती है। स्क्रीन पर दिखने वाले बटन को वास्तव में ‘दबाया’ नहीं जा सकता; उसे केवल टैप या क्लिक किया जा सकता है।
- अनुभूत अफ़ोर्डेंस (Perceived Affordance): वह क्रिया जिसे देखकर और महसूस करके उपयोगकर्ता को लगता है कि ‘इसे किया जा सकता है।’ छाया, त्रिआयामी आभास और कर्सर में बदलाव इसे पैदा करते हैं।
अच्छा डिज़ाइन वास्तविक संभावनाओं और अनुभूत संभावनाओं के बीच तालमेल बनाता है। यदि धक्का देकर खुलने वाले दरवाज़े पर केवल खींचने वाला हैंडल लगा दिया जाए, तो वास्तविकता और अनुभूति में मेल नहीं रहता और वह ‘नॉर्मन के दरवाज़े’ जैसे प्रसिद्ध विफल उदाहरण में बदल जाता है।
संकेतक और प्रतिबंध: अफ़ोर्डेंस को स्पष्ट करने वाले दो आधार
केवल अफ़ोर्डेंस से सभी क्रियाएँ दिखाई नहीं देतीं। नॉर्मन ने उपयोगकर्ता को सही क्रिया खोजने में मदद करने वाले सुरागों को ‘संकेतक (Signifier)’ कहा और गलत क्रियाओं को रोकने या उनकी गुंजाइश सीमित करने वाली व्यवस्थाओं को ‘प्रतिबंध (Constraint)’ के रूप में परिभाषित किया।
(1) संकेतक (Signifier)
ये ऐसे चिह्न हैं जो ‘यहाँ इस तरह’ का संकेत देते हैं, जैसे रेखांकित नीला पाठ, ‘अगला’ दिखाने वाला तीर या हैंडल के खाँचे की घुमावदार बनावट। संकेतक स्वयं अफ़ोर्डेंस नहीं है, लेकिन यह अनुभूत अफ़ोर्डेंस को बढ़ाने वाला संकेत है।
(2) भौतिक प्रतिबंध (Physical Constraint)
जैसे USB-A प्लग का आकार केवल एक दिशा में फ़िट होता है, वैसे ही यह शरीर और उपकरणों की क्रियाओं की सीमा को भौतिक रूप से सीमित करता है। ऐसा डिज़ाइन सही दिशा में न होने पर प्लग को भीतर जाने ही नहीं देता।
(3) तार्किक और सांस्कृतिक प्रतिबंध
पढ़ने की दिशा से जुड़ी यह परंपरा कि बाईं ओर ‘पिछला’ और दाईं ओर ‘अगला’ होता है, तथा लाल रंग को खतरे और रुकने का संकेत मानने वाली सांस्कृतिक सहमति इसी में आती हैं। संस्कृति की अनदेखी करने पर संकेतक उलटा असर डाल सकते हैं।
(4) अनिवार्य क्रिया व्यवस्था (Forcing Function)
यह ऐसा सख्त प्रतिबंध है जो किसी आवश्यक क्रिया को छोड़कर आगे बढ़ना असंभव बना देता है, जैसे ATM में पहले कार्ड निकालने के बाद ही नकद मिलने का क्रम। इसका उपयोग अक्सर सुरक्षा सुनिश्चित करने और त्रुटियाँ रोकने के लिए किया जाता है।
अफ़ोर्डेंस, संकेतक और प्रतिबंध एक-दूसरे के विकल्प नहीं हैं। इन्हें एक त्रिकोणीय संरचना के रूप में समझने से डिज़ाइन की जाँच आसान होती है: अफ़ोर्डेंस ‘क्या किया जा सकता है’ का आधार देता है, संकेतक ‘कहाँ और कैसे’ को स्पष्ट करता है और प्रतिबंध ‘जिस रास्ते पर नहीं जाना चाहिए’ उसे रोकता है।
सरल उदाहरणों से अफ़ोर्डेंस को समझना
अमूर्त अवधारणाएँ हाथ से छूते ही स्पष्ट होने लगती हैं। रोज़मर्रा की ज़िंदगी और स्क्रीन पर अक्सर मिलने वाले उदाहरणों को तीन श्रेणियों में बाँटते हैं।
[उदाहरण 1] दरवाज़े और हैंडल
जिस दरवाज़े पर केवल धातु की सपाट प्लेट हो, वह ‘धक्का देने’ का स्पष्ट संकेत देता है, जबकि छल्लेनुमा हैंडल ‘खींचने’ का संकेत देता है। समस्या तब होती है जब धक्का देकर खुलने वाले दरवाज़े पर छल्लेनुमा हैंडल लगा दिया जाए। जब अनुभूत अफ़ोर्डेंस वास्तविक क्रिया से टकराता है, तो उपयोगकर्ता हर बार ठिठकता है।
[उदाहरण 2] बोतल के ढक्कन और स्विच
जिस ढक्कन पर चूड़ियाँ दिखाई देती हैं, वह ‘घुमाने’ का संकेत देता है, और बड़े टॉगल स्विच का उभार ‘झुकाने’ की क्रिया दर्शाता है। इसके विपरीत, केवल चिकने टच पैनल वाले लाइट स्विच को वास्तव में टैप किया जा सकता है, फिर भी नए उपयोगकर्ता को उसका अफ़ोर्डेंस कम स्पष्ट होता है और उसे स्टिकर के रूप में लगे संकेतक पर निर्भर रहना पड़ता है।
[उदाहरण 3] ऐप बटन और कार्ड UI
हल्का उठा हुआ दिखाने वाली छाया, दबाए जाने का एनिमेशन और सक्रिय तथा निष्क्रिय अवस्थाओं के रंगों का अंतर डिजिटल स्क्रीन के अनुभूत अफ़ोर्डेंस हैं। यदि कार्ड के रूप वाली सूची के किनारे बाएँ और दाएँ थोड़े कटे हुए दिखें, तो इससे ‘स्वाइप किया जा सकता है’ का संकेत मिलता है; यदि कटाव किनारों से बिल्कुल मेल खाए, तो स्क्रॉल करने की संभावना स्पष्ट नहीं होती।
इन उदाहरणों में समान बात यह है कि क्रिया करना निर्देश पुस्तिका से नहीं, बल्कि ‘आकार और फ़ीडबैक’ से सीखा जाता है। जब उपयोगकर्ता बिना कोशिश और गलती के अगली क्रिया का अनुमान लगा सके, तब अफ़ोर्डेंस अपनी भूमिका निभाता है।
व्यावहारिक काम में अफ़ोर्डेंस की जाँच कैसे करें
अफ़ोर्डेंस को केवल ‘सुंदर त्रिआयामी बटन’ तक सीमित कर देने से डिज़ाइन कमज़ोर हो जाता है। उत्पाद, सेवा या सामग्री का UI बनाते समय नीचे दी गई जाँचों को आदत में शामिल करना उपयोगी है।
(1) शुरुआती 5 सेकंड का परीक्षण करें
बिना कोई स्पष्टीकरण दिए स्क्रीन या प्रोटोटाइप दिखाएँ और केवल यह पूछें, “आपको क्या लगता है, अभी आप क्या कर सकते हैं?” यदि उत्तर अपेक्षित क्रिया से मेल नहीं खाता, तो अनुभूत अफ़ोर्डेंस या संकेतक अपर्याप्त हैं।
(2) वास्तविकता और अनुभूति को साथ-साथ लिखें
‘संभव क्रियाएँ’ और ‘उपयोगकर्ता के अनुमान के अनुसार संभव क्रियाएँ’ दो स्तंभों में लिखकर तुलना करें। यदि कोई खाली जगह या टकराव दिखाई दे, तो आकार, गति और शब्दों के रूप में दिए गए संकेतकों को बेहतर बनाएँ।
(3) केवल संकेतकों पर निर्भर न रहें
जो UI केवल “यहाँ क्लिक करें” जैसे शब्दों के सहारे चलता है, वह संकेतकों की अधिकता और अफ़ोर्डेंस की कमी का संकेत है। पहले आकार, स्थान और फ़ीडबैक से क्रिया स्पष्ट करें, फिर शब्दों को सहायक के रूप में रखें।
(4) सुलभता पर भी ध्यान दें
केवल रंग से अलग पहचाने जाने वाले बटन और केवल हाथ की बड़ी हरकतों वाले जेस्चर से संचालित होने वाले नियंत्रण कुछ उपयोगकर्ताओं के लिए अफ़ोर्डेंस को अनुपलब्ध बना देते हैं। आकार, कंट्रास्ट, कीबोर्ड और स्क्रीन रीडर से उपयोग के रास्तों तक, एक ही क्रिया को संभव बनाना समावेशी अफ़ोर्डेंस है।
हालाँकि, अतिरंजित त्रिआयामी आभास और अत्यधिक एनिमेशन दृश्य शोर बनकर वास्तव में महत्वपूर्ण क्रियाओं को छिपा सकते हैं। फ़्लैट डिज़ाइन आने के बाद भी अफ़ोर्डेंस गायब नहीं हुआ; वह केवल छाया, खाली जगह, गति और अवस्था में बदलाव जैसे अधिक संयमित संकेतों में बदल गया। कसौटी प्रचलित शैली नहीं, बल्कि यह है कि ‘क्या उपयोगकर्ता अगली क्रिया का अनुमान लगा सकता है।’
ऐसा डिज़ाइन जिसे बिना कुछ कहे हाथ पहले ही समझ ले। आकार और फ़ीडबैक से संभव क्रियाओं को स्पष्ट करना और गलत अनुमानों को कम करते जाना—यही अफ़ोर्डेंस की ओर पहला कदम है।
