👨🏼‍🏭 🔤 👨🏿‍🚀 अच्छा यूजर इंटरफेस, स्पष्टता और सूचना का समानांतर प्रदर्शन 🛸 🏖️ 🙄

मार्क मिलर लेख अनुवाद: ग्रेट यूजर इंटरफेस, स्पष्टता और सूचना समानांतर में

पिछले अनुवाद:

पिछले लेख में, हमने इस बारे में बात की थी कि सूचना के महत्व पर जोर देने के लिए आप डिज़ाइन को कैसे बदल सकते हैं। इस लेख में हम एक और चर्चा करेंगे, स्पष्टता प्राप्त करने का कोई कम महत्वपूर्ण तरीका नहीं है - सूचना के समानांतर प्रदर्शन ।

इस अवधारणा को एडवर्ड टफ्टे द्वारा पहली बार एक अद्भुत पुस्तक में सामने रखा गया था :

शीर्षक: विज़ुअल स्पष्टीकरण: चित्र और मात्राएँ, साक्ष्य और कथा

आईएसबीएन: 0961392126

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

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

उदाहरण के लिए, मॉडल संवाद बॉक्स पर विचार करें - विंडो इंटरफ़ेस के आगमन के बाद से हमारे वफादार साथी। कुछ सरल सवालों के जवाब दें:

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

यदि आपने कम से कम एक प्रश्न का उत्तर सकारात्मक रूप से दिया है, तो आप सूचना की एक सुसंगत प्रस्तुति के शिकार हैं।

इस दृश्य के कुछ उदाहरण इस प्रकार हैं:

पॉडकास्ट
पावरपॉइंट प्रेजेंटेशन
खड़ी मोडल संवाद
जादूगर सेटिंग्स
पाठ के लंबे पैराग्राफ

पिछले लेखों में, अधिक स्पष्ट रूप से दिखाने के लिए सूचना के समानांतर प्रदर्शन का उपयोग पहले ही किया जा चुका है:

डिजाइन की अक्षमता

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

दृश्य भार और सूचना के महत्व का गलत अनुपात

(लेख में "अच्छा यूजर इंटरफेस, स्पष्टता और सूचना की प्रासंगिकता" ):

बहुत अधिक अभिव्यंजक नियंत्रण विधियों का उपयोग करने से अत्यधिक दृश्य शोर हो सकता है

(लेख में "अच्छा यूजर इंटरफेस, स्पष्टता और अभिव्यक्ति" ):

आइए उनके मुख्य अंतर को समझने के लिए सूचना के समानांतर और अनुक्रमिक प्रदर्शन की तुलना करें।

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

पिछला पैराग्राफ सूचना के अनुक्रमिक प्रदर्शन का एक उदाहरण है।

आइए समान जानकारी प्रस्तुत करते हैं :

प्रेक्षक क्षमताएँ	धारावाहिक	समानांतर
सूचना दर नियंत्रण	नहीं	हां
सूचना आदेश प्रबंधन	नहीं	हां
उसी समय जानकारी देखें	नहीं	हां

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

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

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

संवाद पर अधिक ध्यान से विचार करें, इसके सकारात्मक और नकारात्मक पक्ष हैं। लाभ:

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

लेकिन इसके नुकसान भी हैं:

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

क्या इस तरह के इंटरफ़ेस के सभी लाभों को संरक्षित करने और नुकसान को बाहर निकालने का एक तरीका है? क्या संवाद बॉक्स से पूरी तरह से छुटकारा पाना और परिवर्तनों का पूर्वावलोकन करने का अवसर बचाना संभव है? बेशक हाँ। यहाँ हम क्या करेंगे:

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

यह इंटरफ़ेस इस तरह दिख सकता है:

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

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

इस प्रकार, उपयोगकर्ता इंटरफ़ेस को "स्मूथिंग" करने के लिए नए इंटरैक्शन अवधारणाओं के निर्माण सहित प्रयासों की आवश्यकता हो सकती है, लेकिन लागत में वृद्धि दक्षता और स्पष्टता के कारण भुगतान से अधिक है।

अच्छा यूजर इंटरफेस, स्पष्टता और सूचना का समानांतर प्रदर्शन

More articles: