अच्छा यूजर इंटरफेस, स्पष्टता और सूचना की प्रासंगिकता

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

आइए MS Word में 3x4 टेबल बनाएं:


अब डेटा के साथ तालिका भरें:


चलो रुकें और अपने आप से सवाल पूछें: "यहाँ क्या गलत है?"

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


और डेटा को विभाजित करने वाली लाइनें:


ध्यान दें कि वर्ड में, डेटा और डेटा को विभाजित करने वाली दोनों लाइनें लगभग समान चौड़ाई के साथ दिखाई जाती हैं। पंक्ति की मोटाई पाठ को प्रदर्शित करने के लिए उपयोग किए जाने वाले स्ट्रोक की मोटाई से मेल खाती है, और लाइनों के विपरीत भी पाठ के विपरीत से मेल खाती है।

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

आइए Excel में एक ही तालिका देखें:


कृपया ध्यान दें कि एक्सेल में एक ही तालिका बनाते समय कुछ दिलचस्प हुआ। डेटा की तुलना में लाइनें कम विपरीत हैं।

आप किस तालिका को अधिक पठनीय पाते हैं?


आइए इस तालिका के विपरीत एक्सेल संस्करण बनाएं। अर्थात्, हम डेटा के दृश्य वजन को कम करते हैं और कम से कम महत्वपूर्ण विभाजन लाइनों के दृश्य वजन को बढ़ाते हैं:


उपरोक्त Microsoft Excel तालिका की तुलना में इस तालिका को पढ़ना कितना आसान है?

तो, हम दो महत्वपूर्ण बिंदुओं पर ध्यान दें:

1. सभी जानकारी दर्शक के लिए समान रूप से प्रासंगिक नहीं है।
2. हम सूचना की अभिव्यक्ति की डिग्री को नियंत्रित करते हैं।

इन दो बिंदुओं को महसूस करने के बाद, हम एक और निष्कर्ष निकाल सकते हैं, शायद उपयोगकर्ता इंटरफ़ेस में स्पष्टता प्राप्त करने के लिए सबसे महत्वपूर्ण :
दृश्य वजन जानकारी के लिए प्रासंगिक होना चाहिए।

यह नियम बेहद महत्वपूर्ण है , आसानी से पालन किया जा सकता है और फिर भी अक्सर उल्लंघन किया जाता है। मेरी बात, जो मैंने पिछले लेख में प्रस्तुत की है, वह यह है कि इस नियम के लगातार उल्लंघन को तैयारी की कमी से समझाया जा सकता है।

दृश्य स्टूडियो 2008 में Visual Basic कोड कैसा दिखता है:


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

यहाँ एक छोटे से परिवर्तन के साथ एक ही चित्र है:


अब आवश्यक डेटा देखना बहुत आसान हो गया है।

एडोब लाइटरूम से स्क्रीनशॉट पर विचार करें:


कृपया ध्यान दें कि बाईं ओर का पाठ दाईं ओर के डेटा की तुलना में कम महत्वपूर्ण है, और कम विपरीत के साथ दिखाई देता है, जिससे आपकी आंखें आपको आवश्यक जानकारी को जल्दी से ढूंढ सकती हैं।

भविष्य के लेखों में, हम स्पष्टता पर नियंत्रण के तरीकों पर विशेष ध्यान देंगे और इंटरफ़ेस स्पष्टता की अवधारणा पर अधिक विस्तार से विचार करेंगे।