एक अच्छा उपयोगकर्ता इंटरफ़ेस बनाना इतना मुश्किल क्यों है?

मार्क मिलर लेख अनुवाद: ग्रेट यूआई को प्राप्त करना इतना कठिन क्यों है?



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



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



बटनों पर वापस लौटना, यहाँ इंटरफ़ेस का एक हिस्सा है जिसे मैंने आज गैस स्टेशन पर देखा था:







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



आइए इस इंटरफ़ेस को बदलें, लेकिन साथ ही साथ इसका सार भी रखें:







यहां परिवर्तनों की एक सूची दी गई है (हम भविष्य के लेखों में ऐसे परिवर्तनों के कारणों की व्याख्या करेंगे):

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

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



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



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



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

कुछ उदाहरण

कल्पना करें कि आपको दाईं ओर उस चौराहे पर जाने की आवश्यकता है। आप किस तरह से पसंद करेंगे?







डिजाइनर का विचार बाईं ओर लाल रंग में हाइलाइट किया गया है। दाईं ओर, नीले रंग में एक अधिक प्रभावी मार्ग दिखाया गया है।







हम ऐसे सबूतों के साथ काम कर रहे हैं जो लोग बेहतर डामर के बजाय दक्षता का चयन करते हैं।



आप टीवी देख रहे हैं । आपको चैनल स्विच करने और अभी भी वॉल्यूम बदलने की आवश्यकता है। कौन सा रिमोट कंट्रोल आप अपने हाथ में पकड़ना पसंद करेंगे?







वॉल्यूम को बदलने के लिए आप कौन सा रिमोट कंट्रोल चुनेंगे?







दाईं ओर सफेद रिमोट पर, शीर्ष पर स्थित चैनल स्विचिंग बटन वॉल्यूम बटन से बहुत दूर हैं, जो निचले दाईं ओर स्थित हैं।







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



आप सिएटल हवाई अड्डे पर एन-टर्मिनल लिफ्ट में हैं । आपको अपने विमान पर चढ़ना होगा। गंतव्य का चयन करने के लिए लिफ्ट में तीन बटन हैं:

• CONCOURSE (CC)
• RAMP (* R)
• ट्रेन (टीआरएन)

आप किस कुंजी को दबाते हैं? एक तारांकन विपरीत के साथ RAMP बटन बेहद आकर्षक लगता है। अंत में, मुझे विमान पर चढ़ने के लिए रैंप से नीचे जाना है। और मुख्य मंजिल या हॉल को इंगित करने के लिए एलेवेटर बटन पर इस्तेमाल किए गए सितारे नहीं हैं? और हमें CONCOURSE (हवाई अड्डे के मुख्य हॉल) की आवश्यकता क्यों है? मुझे अपने लैंडिंग गेट पर जाने की आवश्यकता है, जो टर्मिनल के अंदर स्थित होना चाहिए।



यहाँ इस एलेवेटर नियंत्रण कक्ष की एक और पूरी तस्वीर है:







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



यह एक और प्रमाण है कि हमारे आसपास की चीजों के डिजाइनर (कंप्यूटर प्रोग्राम सहित) महत्वपूर्ण मुद्दों पर ध्यान नहीं देते हैं।



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



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



"क्या यह एक डेबिट कार्ड है?"



बेशक, मैं इस सवाल का जवाब देने तक ऑपरेशन जारी नहीं रख सकता। खैर, मैं वास्तव में क्रेडिट कार्ड का उपयोग करता हूं, डेबिट का नहीं, इसलिए मुझे पता है कि उत्तर नहीं है । हालांकि, उस समय यह मेरे लिए स्पष्ट नहीं था कि मुझे कंप्यूटर पर इस उत्तर को कैसे संवाद करना चाहिए।



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



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



इस बार, प्रश्न डेबिट कार्ड बन गया, इसलिए मैंने नो बटन दबाया और ऊपर स्क्रीन पर देखा कि क्या मैं अब ईंधन भर सकता हूं।



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



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



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



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



इस तरह के एक बयान को सत्यापित करना आसान है। लेखों की इस श्रृंखला को पढ़ें, आपको आवश्यक कौशल प्राप्त करें और यह देखें कि मौलिक रूप से यह आपके अच्छे इंटरफेस बनाने की क्षमता को कैसे बढ़ाता है।



अगले लेख में, हम एक इंटरफ़ेस की "स्पष्टता" की अवधारणा पर विचार करेंगे।