B2B SaaS में सूचना घनत्व: पावर उपयोगकर्ताओं और नौसिखियों के लिए डैशबोर्ड डिज़ाइन करना
घने बी2बी डैशबोर्ड और टेबल कैसे डिज़ाइन करें जिन्हें विशेषज्ञ नए उपयोगकर्ताओं पर दबाव डाले बिना तुरंत स्कैन कर सकें: घनत्व मोड, पदानुक्रम, प्रगतिशील प्रकटीकरण।
कोर टेकअवे
सघन इंटरफ़ेस समस्या नहीं हैं; अव्यवस्थित हैं. विशेषज्ञ प्रति स्क्रीन अधिक जानकारी चाहते हैं, इसलिए उन्हें इसे मजबूत पदानुक्रम, सुसंगत संरेखण और स्थिति और लंबाई का उपयोग करने वाले चार्ट के साथ दें। समझदार डिफ़ॉल्ट और प्रगतिशील प्रकटीकरण के साथ नौसिखियों को सुरक्षित रखें, और लोगों को घनत्व स्तर चुनने दें, जैसा कि कार्बन जैसे डिज़ाइन सिस्टम तालिकाओं के लिए करते हैं।
घनत्व विशेषज्ञों के लिए एक विशेषता है
जो लोग पूरे दिन B2B टूल का उपयोग करते हैं, जैसे विश्लेषक, सपोर्ट एजेंट और ऑपरेटर, अक्सर एक ही बार में अधिक देखना पसंद करते हैं, क्योंकि स्क्रॉल करने और टैब स्विच करने से उनका समय बर्बाद होता है। साफ़ स्क्रीनशॉट के लिए हर चीज़ को विस्तृत बनाने से उनका काम धीमा हो सकता है। लक्ष्य ऐसी जानकारी है जो सघन हो लेकिन स्कैन करना आसान हो।
लोगों को घनत्व चुनने दें
डिज़ाइन सिस्टम अब घटकों में घनत्व बनाते हैं। उदाहरण के लिए, आईबीएम की कार्बन डेटा तालिका अत्यधिक सघन लेआउट के लिए अतिरिक्त छोटे (24px) से लेकर आसान स्कैनिंग के लिए अतिरिक्त बड़े (64px) तक, डिफ़ॉल्ट के रूप में मध्यम (40px) के साथ, पाँच पंक्ति ऊँचाई प्रदान करती है।
- प्रति उपयोगकर्ता याद रखने योग्य दो या तीन घनत्व सेटिंग्स प्रदान करें।
- रिक्ति और पंक्ति की ऊँचाई बदलें, फ़ॉन्ट आकार या कंट्रास्ट नहीं।
- घनत्व की परवाह किए बिना स्पर्श उपकरणों पर स्पर्श लक्ष्यों को पर्याप्त बड़ा रखें।
पदानुक्रम घनत्व को पठनीय बनाता है
Nielsen Norman Group डैशबोर्ड को विज़ुअलाइज़ेशन के रूप में परिभाषित करता है जो एक नज़र में जानकारी देता है जिस पर लोग तुरंत कार्य कर सकते हैं, और लंबाई और 2डी स्थिति के साथ एन्कोडिंग मात्राओं की अनुशंसा करता है, जिसे लोग सबसे तेज़ी से पढ़ते हैं। व्यवहार में: उन कुछ संख्याओं को शीर्ष पर रखें जो निर्णय लेते हैं, सब कुछ एक ग्रिड में संरेखित करें, केवल अर्थ (स्थिति, अलर्ट) के लिए रंग का उपयोग करें, और संख्याओं को दाएं-संरेखित करें ताकि उनकी तुलना की जा सके।
विशेषज्ञों को धीमा किए बिना नौसिखियों की रक्षा करें
प्रगतिशील प्रकटीकरण उन्नत विकल्प उपलब्ध रखता है लेकिन रास्ते से बाहर। नए उपयोगकर्ताओं को एक केंद्रित डिफ़ॉल्ट दृश्य के साथ प्रारंभ करें, उन्हें आवश्यकतानुसार कॉलम, फ़िल्टर और विजेट जोड़ने दें, और दृश्य सहेजें ताकि विशेषज्ञ तुरंत अपने सघन सेटअप पर वापस लौट सकें।
घने इंटरफेस में गति
डेटा-भारी स्क्रीन में, गति को परिवर्तन की व्याख्या करनी चाहिए, सजावट नहीं: एक मूल्य को हाइलाइट करना चाहिए जो अभी अपडेट किया गया है, एक पंक्ति को उसकी नई क्रमबद्ध स्थिति में एनिमेट करें, या एक चार्ट संक्रमण दिखाएं ताकि लोग जो भी स्थानांतरित हुआ उसका अनुसरण कर सकें। इसे छोटा रखें, और डेटा के साथ प्रतिस्पर्धा करने वाले निरंतर एनीमेशन से बचें।
याद रखने योग्य कुंजी Principle
- सघन स्क्रीन से विशेषज्ञों को लाभ होता है; अव्यवस्था ही असली समस्या है
- रिक्ति बदलकर घनत्व सेटिंग्स प्रदान करें, प्रकार आकार या कंट्रास्ट नहीं
- संख्याओं के लिए लंबाई और स्थिति का उपयोग करें; रंग केवल अर्थ के लिए
- प्रगतिशील प्रकटीकरण नौसिखियों की सुरक्षा करता है
- गति का उपयोग डेटा में परिवर्तनों को समझाने के लिए करें, सजाने के लिए नहीं
अक्सर पूछे जाने वाले प्रश्नों
स्रोत
- Data table usage — कार्बन डिज़ाइन सिस्टम (आईबीएम)
- Dashboards: Making Charts and Graphs Easier to Understand — Nielsen Norman Group
- Progressive Disclosure — Nielsen Norman Group