डैशबोर्ड डिज़ाइन में विज़ुअल हाइरार्की

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

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

हर डैशबोर्ड के लिए एक मुख्य सवाल से शुरू करें

एक भी विजेट रखने से पहले वह सवाल लिखें जिसका जवाब डैशबोर्ड देता है। क्या हम तिमाही रेवेन्यू के लक्ष्य पर हैं। इस हफ़्ते कौन सा चैनल कमज़ोर रहा। रिलीज़ के बाद क्या प्रोडक्ट का इस्तेमाल बढ़ रहा है। मुख्य सवाल तय करता है कि कौन सा मेट्रिक सबसे ऊपर और सबसे बड़े साइज़ में रहेगा।

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

पोज़िशन और साइज़ सोच-समझकर इस्तेमाल करें

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

ऊपर की पंक्ति उन मेट्रिक्स के लिए रखें जिन पर रोज़ नज़र रखनी है। धीरे बदलने वाले संदर्भ मेट्रिक्स, जैसे साल दर साल की तुलना या सेगमेंट के हिसाब से बँटवारा, दूसरी पंक्ति में रखें। बाक़ी जगह सहायक चार्ट भरें, जो पहली नज़र के लिए होड़ न करें।

रंग का इस्तेमाल मतलब के लिए करें, सजावट के लिए नहीं

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

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

स्टेटस इंडिकेटर

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

जिस डेटा पर कदम नहीं उठाना, उसे हल्का रखें

पृष्ठभूमि की जानकारी, जैसे पूरा ऐतिहासिक वॉल्यूम, हल्की लाइनों और छोटे लेबल में दिखनी चाहिए। मौजूदा अवधि की तुलना को गाढ़ा दिखाना ठीक है। हाइरार्की इस पर भी निर्भर है कि आप क्या हल्का करते हैं, सिर्फ़ इस पर नहीं कि क्या उभारते हैं।

अहमियत के हिसाब से चार्ट का प्रकार चुनें

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

टेबल नीचे या टैब के पीछे रखें, जब तक पंक्ति-स्तर की जानकारी ही मुख्य फ़ैसले का आधार न हो। टेबल ज़रूरी हो, तो सिर्फ़ वही पंक्तियाँ हाइलाइट करें जो सीमा तोड़ती हैं। बिना हाइलाइट की पंक्तियाँ ध्यान चुराए बिना संदर्भ देती हैं।

सभी डैशबोर्ड में एक जैसे लेआउट पैटर्न अपनाएँ

जब मार्केटिंग और सेल्स डैशबोर्ड में ग्रिड, टाइपोग्राफ़ी और रंग के नियम एक जैसे हों, तो लोग एक व्यू की सीख दूसरे में इस्तेमाल कर लेते हैं। एकरूपता हाइरार्की का गोंद है। लाल उछाल का मतलब हमेशा वही रहता है। मुख्य KPI हमेशा ऊपर-बाईं ओर रहते हैं।

डैशबोर्ड की संख्या बढ़ने पर एक लेआउट टेम्पलेट प्रकाशित करें। नए डैशबोर्ड ढाँचा नए सिरे से बनाने की जगह टेम्पलेट से लें। इस तरह हाइरार्की के सिद्धांत आपकी बड़ी डैशबोर्ड स्केल करने की रणनीति से जुड़ जाते हैं।

भरावट घटाएँ, पर काम की गहराई न छिपाएँ

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

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

डैशबोर्ड को असली देखने वालों के साथ टेस्ट करें

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

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

अक्सर पूछे जाने वाले सवाल