डैशबोर्ड डिज़ाइन उदाहरण: 14 लेआउट और वे कैसे काम करते हैं

अच्छा डैशबोर्ड डिज़ाइन चार्ट से नहीं, एक सवाल से शुरू होता है: कौन देख रहा है, उसे किस बात का फ़ैसला करना है, और कितनी बार? सबसे अच्छे डैशबोर्ड ऊपर कुछ मुख्य संख्याएँ संदर्भ के साथ रखते हैं, नीचे चार्ट से बदलाव समझाते हैं, फ़िल्टर साफ़ दिखते हैं, और लोग जो देखते हैं उस पर कार्रवाई कर सकते हैं। ज़्यादातर असली डैशबोर्ड लॉग-इन के पीछे होते हैं, इसलिए नीचे तीन सार्वजनिक उदाहरण हैं जिन्हें हमने अक्टूबर 2026 में जाँचा, और फिर ग्यारह आम लेआउट बिना किसी प्रोडक्ट का नाम लिए। उसके बाद: एक डिज़ाइन चेकलिस्ट, बचने वाली गलतियाँ और अपना डैशबोर्ड बनाने का तरीका।

एक नज़र में 14 उदाहरण

सार्वजनिक डैशबोर्ड उदाहरण

ये अक्टूबर 2026 तक के विवरण हैं।

1. Plausible का लाइव डेमो

Plausible, जो गोपनीयता-केंद्रित वेब एनालिटिक्स टूल है, अपनी साइट के एनालिटिक्स का लाइव डेमो प्रकाशित करता है, जिसे कोई भी देख सकता है। इसके docs में Top Pages जैसी रिपोर्ट्स का वर्णन है, जिनमें पेजव्यू, bounce rate, पेज पर बिताया समय और scroll depth के साथ entry और exit पेज शामिल हैं। एक फ़िल्टर बटन "है", "नहीं है" और "शामिल है" नियमों से पेज के हिसाब से सेगमेंट करने देता है, और docs में समय के साथ आँकड़ों की तुलना भी समझाई गई है।

इससे सीखें: असली डेटा वाला सार्वजनिक डेमो लोगों को साइन-अप से पहले डैशबोर्ड परखने देता है, और कुछ सीधी रिपोर्ट्स जिनमें एक ही फ़िल्टर सिस्टम हो, बिना ट्रेनिंग के समझ में आ जाती हैं। डेमो खुद खोलें और देखें कि रिपोर्ट्स कैसे लगाई गई हैं।

2. Stripe डैशबोर्ड

Stripe के documentation में एक Home पेज का वर्णन है जिसमें व्यवसाय के प्रदर्शन के एनालिटिक्स और चार्ट हैं, और जो अनसुलझे विवाद जैसी महत्वपूर्ण सूचनाएँ भी दिखाता है। ओवरव्यू पर कौन से विजेट दिखें, यह आप चुनते हैं। साइडबार उन सूचियों तक ले जाता है जिन पर आप कार्रवाई करते हैं (बैलेंस, लेन-देन, ग्राहक, प्रोडक्ट कैटलॉग), हर एक में फ़िल्टर और एक्सपोर्ट के साथ। "?" दबाने पर कीबोर्ड शॉर्टकट दिखते हैं, sandboxes से आप असली डेटा छुए बिना परीक्षण कर सकते हैं, और iOS व Android के लिए मोबाइल ऐप भी है।

इससे सीखें: "हम कैसा कर रहे हैं?" वाले व्यू के साथ "किस पर मेरा ध्यान चाहिए?" वाले अलर्ट जोड़ें, और हर व्यक्ति को ओवरव्यू कस्टमाइज़ करने दें।

3. Grafana

Grafana के documentation में डैशबोर्ड पैनल से बने बताए गए हैं, हर पैनल एक data source पर query चलाता है, और पंक्तियों या टैब में व्यवस्थित होते हैं। वेरिएबल एक ही डैशबोर्ड को, मान लीजिए, सर्वर या environment के बीच बदलने देते हैं।

इससे सीखें: वेरिएबल आपको एक ही डैशबोर्ड की दस कॉपी बनाने से बचाते हैं। पैनल को सिकुड़ने वाली पंक्तियों में समूहित करने से व्यस्त डैशबोर्ड पढ़ने में आसान रहते हैं।

कॉपी करने लायक डैशबोर्ड लेआउट

4. SaaS मेट्रिक्स डैशबोर्ड

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

5. सेल्स पाइपलाइन डैशबोर्ड

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

6. ई-कॉमर्स एडमिन

ऊपर आज के ऑर्डर, राजस्व और औसत ऑर्डर मूल्य; मुख्य हिस्से में "बिना पूरे हुए ऑर्डर" की सूची; किनारे पर कम स्टॉक वाले प्रोडक्ट और हाल की समीक्षाएँ। सबसे आम कार्रवाई, ऑर्डर को भेजा हुआ चिह्नित करना, एक क्लिक में होनी चाहिए।

7. सपोर्ट डैशबोर्ड

खुले टिकट, आपकी टीम के जवाब का इंतज़ार करने वाले टिकट, पहले जवाब का औसत (median) समय, और टैग के हिसाब से टिकट। नीचे उम्र के हिसाब से छँटी लाइव कतार। जिस भी चीज़ ने जवाब के लक्ष्य को तोड़ा हो, उसे उभारें।

8. इन्वेंटरी डैशबोर्ड

रीऑर्डर स्तर से नीचे के आइटम पहले, "दोबारा ऑर्डर" कार्रवाई के साथ। फिर श्रेणी के हिसाब से स्टॉक मूल्य, हाल की आवाजाही, और वे आइटम जिनकी एक तय अवधि में बिक्री नहीं हुई। देखें इन्वेंटरी मैनेजमेंट ऐप कैसे बनाएँ।

9. प्रोजेक्ट डैशबोर्ड

हर प्रोजेक्ट के लिए एक पंक्ति, जिसमें स्थिति, मालिक, नियत तारीख और कितना पूरा हुआ है, साथ में सभी प्रोजेक्ट्स के देर से चल रहे कामों की सूची। केवल अपवादों (देर, रुका हुआ) को रंग दें ताकि वे अलग दिखें।

10. मार्केटिंग डैशबोर्ड

चुनी गई तारीख सीमा में चैनल के हिसाब से विज़िटर, साइन-अप और conversion rate; समय के साथ साइन-अप का चार्ट जिसमें कैंपेन लॉन्च चिह्नित हों; शीर्ष लैंडिंग पेज।

11. फ़ाइनेंस डैशबोर्ड

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

12. क्लिनिक या बुकिंग डैशबोर्ड

आज की अपॉइंटमेंट एक timeline में, रद्द होने और न आने वाले लोग, खाली स्लॉट, और नई बुकिंग। फ़्रंट डेस्क की स्क्रीन से एक नज़र में पढ़ने लायक बड़े अक्षर।

13. निजी ट्रैकर डैशबोर्ड

वर्तमान लगातार दिनों की गिनती, कुछ लक्ष्यों की ओर प्रगति, और गतिविधि का calendar heatmap। यह विश्लेषण से ज़्यादा प्रेरणा के लिए है, इसलिए इसे एक स्क्रीन तक सीमित रखें।

14. क्लाइंट-फ़ेसिंग डैशबोर्ड

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

सबसे अच्छे डैशबोर्ड में क्या एक जैसा होता है

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

आम गलतियाँ

• वह सब दिखाना जो आप माप सकते हैं। ज़्यादा चार्ट होने से हर एक पर कम ध्यान जाता है।
• संदर्भ के बिना संख्याएँ। "1,240" पिछली अवधि या लक्ष्य के बिना कम अर्थ रखता है।
• बहुत सारे हिस्सों वाले पाई चार्ट। तुलना मुश्किल होती है; क्रमबद्ध बार चार्ट आमतौर पर साफ़ होता है।
• बहुत सारे रंग। तेज़ रंग केवल अलर्ट और एक हाइलाइट सीरीज़ के लिए रखें।
• बिना timestamp के पुराना डेटा। हमेशा दिखाएँ कि डेटा आखिरी बार कब अपडेट हुआ था।
• मोबाइल व्यू न होना उन डैशबोर्ड के लिए जिन्हें लोग चलते-फिरते देखते हैं।
• अलग-अलग दर्शकों को मिलाना। बोर्ड रिपोर्ट और रोज़ का ऑपरेशन व्यू शायद ही एक ही पेज पर अच्छे लगते हैं।

अपना डैशबोर्ड कैसे बनाएँ

1. वे सवाल लिखें जिनका जवाब डैशबोर्ड को देना है, और उन्हें कौन पूछता है।
2. डेटा के स्रोत सूचीबद्ध करें: आपके ऐप का डेटाबेस, एक स्प्रेडशीट, या किसी दूसरे टूल का API।
3. लेआउट का खाका बनाएँ: मुख्य संख्याएँ, दो से चार चार्ट, एक कार्रवाई सूची।
4. बनाएँ। Mythex के साथ आप चैट में डैशबोर्ड का वर्णन करते हैं और उसे लाइव preview में चलते देखते हैं। यह वे डेटाबेस, लॉग-इन और रोल बना सकता है जिनकी आपके डैशबोर्ड को ज़रूरत है, और आप एक क्लिक में उसे एक URL पर publish कर देते हैं। शुरुआत के लिए टेम्पलेट्स देखें। अगर आपका डेटा पहले से एक warehouse में है और आपको ad-hoc विश्लेषण चाहिए, तो BI टूल आपके लिए बेहतर हो सकता है; अगर वह स्प्रेडशीट में है, तो देखें Google Sheets को अपने ऐप से कैसे जोड़ें।
5. असली उपयोगकर्ता के साथ परखें। एक हफ़्ते तक उन्हें इस्तेमाल करते देखें और जिसे वे नज़रअंदाज़ करें उसे हटा दें।

पूरे मार्गदर्शन के लिए पढ़ें डैशबोर्ड कैसे बनाएँ।

हमने ये उदाहरण कैसे चुने

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

सवाल