fx Dashboard Design Principles
ENहिन्दी

Layout grid, F-pattern, \"5-second rule\"

⏱ 10 min

आप क्या सीखेंगे

  • F-pattern
  • 5-second rule
  • सेल ग्रिड पर बनाएँ

समझिए

1. F-pattern

लोग स्क्रीन को F आकार में स्कैन करते हैं: ऊपर आड़े, बाईं ओर नीचे, फिर थोड़ा नीचे फिर आड़े। इसलिए:

  • ऊपर की रो: KPI कार्ड — हेडलाइन नंबर।
  • ऊपर-बाएँ: सबसे ज़रूरी एक चीज़ (आमतौर पर target के मुकाबले revenue)।
  • बीच में: मुख्य trend और मुख्य तुलना।
  • नीचे / दाएँ: विस्तार, टेबल, नोट्स।
  • फ़िल्टर (slicers): ऊपर या बाईं पतली कॉलम में, ताकि लोग देखें क्या फ़िल्टर है।

2. 5-second rule

किसी को डैशबोर्ड 5 सेकंड दिखाएँ, फिर छिपा दें। पूछें: "हम अच्छा कर रहे हैं या बुरा? सबसे बड़ी समस्या क्या है?" अगर जवाब न दे पाएँ, तो क्रम गलत है — मुख्य संदेश काफ़ी बड़ा या उभरा हुआ नहीं।

3. सेल ग्रिड पर बनाएँ

Excel के सेल ही आपका ग्रिड हैं। एक बार सेट करें:

  1. सब चुनें → कॉलम चौड़ाई 2 (लगभग 19 px) और रो ऊँचाई 15। अब हर ब्लॉक छोटे वर्गों का गुणज है।
  2. कॉलम में ज़ोन तय करें, जैसे 1366-px चौड़े लैपटॉप पर: margin 2 कॉलम · 2-कॉलम गैप के साथ 14 कॉलम के 4 KPI कार्ड · margin।
  3. चार्ट को सेल पर स्नैप करें: चार्ट/shape खींचते या आकार बदलते समय Alt दबाए रखें।
  4. अलाइन और बराबर बाँटें: shapes चुनें → Shape Format → Align (Top, Left) और Distribute Horizontally।
  5. हर जगह बराबर गैप रखें (जैसे 2 कॉलम / 1 रो)।

4. एक मानक लेआउट

┌──────────────────────────────────────────────────────────┐
│ Title + dynamic subtitle (period, filters)     [Slicers] │
├─────────────┬─────────────┬─────────────┬────────────────┤
│ KPI: Revenue│ KPI: Margin │ KPI: Orders │ KPI: vs Target │
├─────────────┴─────────────┼─────────────┴────────────────┤
│ Trend: revenue by month   │ Comparison: by region        │
├───────────────────────────┼──────────────────────────────┤
│ Top products (bar)        │ Leaderboard / exceptions     │
└───────────────────────────┴──────────────────────────────┘

एक स्क्रीन के लिए 4 KPI + 4 visuals काफ़ी हैं।

5. एक स्क्रीन, स्क्रॉल नहीं

दर्शक की स्क्रीन के लिए डिज़ाइन करें (ज़्यादातर लैपटॉप 100% ज़ूम पर ribbon छोटा करके लगभग 1366 × 768 px दिखाते हैं)। अगर स्क्रॉल करना पड़े, तो या तो सामग्री हटाएँ या साफ़ लिंक ("Details →") के साथ दूसरे पेज में बाँटें।

ध्यान भटकाने वाली चीज़ें बंद करें: View → Gridlines और Headings हटाएँ; प्रेज़ेंटेशन कॉपी के लिए formula bar छिपाएँ; ज़ूम ऐसा सेट करें कि फ़िट हो।

6. जुड़ी चीज़ों को साथ रखें

जो चीज़ें साथ हैं वे साथ बैठें और एक जैसी दिखें: सारे KPI कार्ड एक आकार और स्टाइल के; चार्ट और उसकी टेबल अगल-बगल; फ़िल्टर एक जगह। ग्रुप अलग करने के लिए बॉक्स और बॉर्डर नहीं, खाली जगह (खाली सेल) इस्तेमाल करें।

आम गलतियाँ

सबसे ज़रूरी चार्ट नीचे-दाएँ। असमान गैप और टेढ़े किनारे। स्क्रॉल माँगने वाले डैशबोर्ड। हर चीज़ के चारों ओर बॉर्डर।

अभ्यास

mediumऊपर वाले सेल ग्रिड के साथ खाली शीट सेट करें और खाली rectangles से मानक लेआउट बनाएँ (Alt से स्नैप, बराबर गैप)। आपके इस्तेमाल वाले किसी मौजूदा डैशबोर्ड पर किसी सहकर्मी के साथ 5-second टेस्ट करें।
Starter DASH को canvas बनाएँ: ऊपर title/filters, चार समान KPI areas, नीचे दो visual columns, अंत में source/date। Gaps समान और objects cells से aligned हों। पाँच सेकंड में period, मुख्य result और exception समझ आए; नहीं तो hierarchy सुधारें।

प्रश्नोत्तरी

डैशबोर्ड पर नज़र कहाँ से शुरू होती है?
ऊपर-बाएँ
चार्ट को सेल के किनारों पर कैसे स्नैप करें?
खिसकाते/आकार बदलते समय Alt दबाए रखें
5-second rule क्या है?
दर्शक को 5 सेकंड में मुख्य संदेश मिल जाना चाहिए
Layout grid, F-pattern, \"5-second rule\" · हिंदी | ExcelWalaa