सामग्री पर जाएँ
GK पुस्तकालयजिज्ञासु मनों का घर
हिन्दी

सब न दिखाने से आसान हो जाता है: क्रमिक प्रकटीकरण (Progressive Disclosure)

दस्तावेज़ प्रिंट करने के लिए बटन दबाने पर आमतौर पर केवल प्रतियाँ, पृष्ठ सीमा और प्रिंटर वाला छोटा विंडो खुलता है। ज़ूम या उल्टे क्रम की छपाई जैसी सेटिंग ‘विवरण’ बटन के पीछे छिपी रहती है। अगर शुरू से ही सारे विकल्प एक स्क्रीन पर डाल दिए जाते तो क्या होता? ज़्यादातर लोग सिर्फ़ प्रतियाँ वाला ख़ाना ढूँढने में काफी भटक जाते। ज़रूरी चीज़ पहले दिखाना और बाकी माँगने पर खोलना—यही डिज़ाइन ‘क्रमिक प्रकटीकरण (Progressive Disclosure)’ है।

सरल शब्दों में, क्रमिक प्रकटीकरण का अर्थ है ‘वह इंटरैक्शन डिज़ाइन सिद्धांत जो पहली स्क्रीन पर केवल सबसे महत्वपूर्ण कुछ विकल्प दिखाता है और कम इस्तेमाल होने वाले उन्नत फ़ीचर उपयोगकर्ता के अनुरोध पर दूसरी स्क्रीन में खोलता है।’ यह लंबे समय से एप्लिकेशन डिज़ाइन का मुख्य दिशानिर्देश रहा है; उपयोगिता विशेषज्ञ याकोब नीलसन (Jakob Nielsen) ने 2006 के लेख में इस सिद्धांत को व्यवस्थित किया और प्रिंट संवाद को क्लासिक उदाहरण माना। फ़ीचर चाहने वाले मन और सरलता चाहने वाले मन—दो टकराती ज़रूरतों को साथ पूरा करने का तरीका माना जाता है।

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


सब न दिखाने से ज़्यादा आसान स्क्रीन

क्रमिक प्रकटीकरण क्या है?

उज्ज्वल डेस्क पर लैपटॉप स्क्रीन में कुछ बड़े बटन और छोटा खोलने वाला तीर ही दिखता सादा इंटरफ़ेस

उपयोगकर्ता हमेशा दो बातें एक साथ चाहते हैं। अपनी स्थिति के अनुकूल फ़ीचर पूरे हों, पर इतने सारे फ़ीचर एक-एक करके सीखने का समय नहीं। फ़ीचर घटाएँ तो शिकायत बढ़े, सब फैलाएँ तो स्क्रीन जटिल हो जाए।

(1) पहली स्क्रीन पर केवल सार
पहले दिखने वाले क्षेत्र में वही फ़ीचर रखें जिन्हें ज़्यादातर लोग ज़्यादातर मामलों में इस्तेमाल करते हैं। प्रिंट विंडो हो तो प्रतियाँ और पृष्ठ सीमा लगभग इतनी।

(2) बाकी अनुरोध पर
उन्नत सेटिंग ‘और देखें’, ‘उन्नत विकल्प’ जैसे बटन के पीछे रखें। मिटाना नहीं—एक क़दम पीछे रखना।

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


छिपाने से तीन लाभ

उज्ज्वल वर्कशॉप में आगे के पैनल पर केवल ज़रूरी औज़ार टंगे, थोड़े खुले दराज में विशेष औज़ार सजाए हुए

फ़ीचर छिपाने से उलझन बढ़ेगी, यह चिंता हो सकती है। नीलसन उलटा कहते हैं: पहली स्क्रीन पर क्या रखा है, वही ‘यह महत्वपूर्ण है’ का संकेत बनता है।

(1) सीखना आसान होता है
पहली बार इस्तेमाल करने वाला केवल संभावित उपयोगी फ़ीचर पर ध्यान देता है। बेकार फ़ीचर पर उलझने का समय भी घटता है।

(2) गलतियाँ कम होती हैं
अनजान उन्नत सेटिंग छूने का मौका ही कम हो जाता है। गलत दबाकर अजीब नतीजा आने से पहले रोकने वाला प्रभाव है।

(3) अनुभवी भी तेज़ होते हैं
अक्सर इस्तेमाल करने वालों के लिए भी छोटी पहली स्क्रीन लाभ है। लगभग न इस्तेमाल होने वाली लंबी सूची हर बार स्कैन करने की ज़रूरत नहीं।

  • अधिगम सुगमता (Learnability): पहली बार मिलने वाला व्यक्ति फ़ीचर कितनी जल्दी सीखता है।
  • उपयोग दक्षता (Efficiency of Use): परिचित व्यक्ति काम कितनी जल्दी पूरा करता है।
  • त्रुटि दर (Error Rate): उपयोग के दौरान गलतियाँ कितनी बार होती हैं।

नीलसन ने देखा कि क्रमिक प्रकटीकरण उपयोगिता के पाँच तत्वों में से इन तीनों को साथ उठाता है। चिंता यह भी है कि सार फ़ीचर पहले सीखने से पूरी संरचना संकीर्ण समझ में आएगी, पर उन्होंने जोड़ा कि प्राथमिकता तय करने से लोग सिस्टम को बेहतर समझते हैं—ऐसे शोध परिणाम हैं।

क्रमिक प्रकटीकरण इन्फोग्राफ़िक। सबसे ऊपर शीर्षक क्रमिक प्रकटीकरण की दो परतें, उपशीर्षक सार आगे, उन्नत एक क़दम पीछे। बाएँ कार्ड 1 पहली स्क्रीन (ज़्यादातर को ज़रूरी सार), दाएँ कार्ड 2 दूसरी स्क्रीन (कम इस्तेमाल उन्नत फ़ीचर), तीर से जुड़े। नीचे पट्टी: सबको ज़रूरी आगे, केवल कुछ को ज़रूरी पीछे।
क्रमिक प्रकटीकरण पहली स्क्रीन पर केवल सार रखता है और उन्नत फ़ीचर दूसरी स्क्रीन पर टालता है। सबको ज़रूरी चीज़ आगे, केवल कुछ को ज़रूरी चीज़ एक क़दम पीछे रखने वाली संरचना है।

अच्छी तरह छिपाने के लिए तीन शर्तें

उज्ज्वल मेज़ पर डिज़ाइनर के हाथ खाली काग़ज़ कार्ड को आगे के छोटे ढेर और पीछे के बड़े ढेर में बाँटते

सिद्धांत सरल है, वास्तविक डिज़ाइन आसान नहीं। कहाँ तक दिखाना और कहाँ से टालना, और टाली चीज़ कैसे खोजवाना—यहीं सफलता तय होती है।

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

(2) अगली परत तक रास्ता स्पष्ट होना चाहिए
उन्नत विकल्प बटन आसानी से दिखने वाली जगह रखें, और नाम ऐसा लगाएँ कि सिर्फ़ नाम से अंदाज़ा हो क्या निकलेगा। दबाने से पहले अपेक्षा मेल खाए तो उपयोगकर्ता हिचकिचाएगा नहीं।

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


चरणबद्ध प्रकटीकरण से क्या अलग?

उज्ज्वल पार्क में बाएँ क्रम से जुड़े पत्थरों का रास्ता, दाएँ चौड़े चौक के पास छोटे बगीचे को जाने वाला एक द्वार

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

(1) बाद में क्या दिखाया जाता है
क्रमिक प्रकटीकरण कम महत्वपूर्ण या कम इस्तेमाल वाले फ़ीचर पीछे रखता है। चरणबद्ध प्रकटीकरण महत्व की परवाह किए बिना कार्य क्रम में बाद में ज़रूरी चीज़ पीछे रखता है।

(2) उपयोगकर्ता अंत तक जाता है या नहीं
क्रमिक प्रकटीकरण में ज़्यादातर लोग पहली स्क्रीन पर काम ख़त्म करते हैं। चरणबद्ध प्रकटीकरण में बीच में न छोड़ें तो सब अंतिम चरण से गुज़रते हैं।

(3) आने-जाने का तरीका और सावधानी
क्रमिक प्रकटीकरण पहली और दूसरी स्क्रीन के बीच ऊपर-नीचे जाने वाली परत संरचना है; चरणबद्ध प्रकटीकरण एक-एक क़दम आगे की सीधी संरचना है। इसलिए अगर चरण आपस में उलझे हों और अक्सर आगे-पीछे जाना पड़े तो चरणों में बाँटना उलटा असुविधा पैदा करता है। खोज और तुलना चाहिए जानकारी एक स्क्रीन पर इकट्ठा करें, भुगतान जैसी बाद में ज़रूरी जानकारी ही पीछे रखें—ऐसा निर्णय चाहिए।

सबको ज़रूरी चीज़ आगे, केवल कुछ को ज़रूरी चीज़ एक क़दम पीछे—यही क्रमिक प्रकटीकरण समझने का पहला क़दम है।

PDF के रूप में सहेजें

आप अभी जो लेख पढ़ रहे हैं, उसका चुनी हुई भाषा का संस्करण खरीद रहे हैं।

US$1.00
चुनी हुई भाषा: हिन्दी

US$1.00 · 1 लेख · 1 भाषा

एक बार खरीदने के बाद, आप उसी खाते से लॉग इन करके खरीदा हुआ संस्करण फिर से प्राप्त कर सकते हैं।

PDF का नमूना देखें ↗लेख का पूरा पाठ निःशुल्क पढ़ा जा सकता है। नमूना फ़ाइल के फ़ॉन्ट और संरचना को दिखाता है।