अच्छी UI/UX प्रैक्टिसेज

shinydashboard के साथ डैशबोर्ड बनाना

Png Kee Seng

Researcher

कुछ सिद्धांत

¹ François, Mathilde, et al. "Automotive HMI design and participatory user involvement: review and perspectives." Ergonomics 60.4 (2017): 541-552

Alberto Cairo के अनुसार किन चार्ट्स का उपयोग करें.

¹ Cairo, Alberto. The truthful art: Data, charts, and maps for communication. New Riders, 2016

परंपरागत रूप से, कुछ रंग अलग अर्थ बताते हैं
उदाहरण
- Red आमतौर पर चेतावनी/अलर्ट दर्शाता है
- Green आमतौर पर सफलता संदेश दर्शाता है

sidebar <- dashboardSidebar(
  ...,
    menuItem(....,
             badgeLabel = "+2.324815454862%", 
             badgeColor = "red")
  ...
)

सफलता संदेश के लिए गलत रंग.

परंपरागत रूप से, कुछ रंग अलग अर्थ बताते हैं
उदाहरण
- Red आमतौर पर चेतावनी/अलर्ट दर्शाता है, और यूज़र यही अपेक्षा करेंगे
- दूसरी ओर, Green आमतौर पर सफलता संदेश दर्शाता है

sidebar <- dashboardSidebar(
  ...,
    menuItem(....,
             badgeLabel = "+2.324815454862%", 

             badgeColor = "green")
  ...
)

सफलता संदेश के लिए गलत रंग.

सफलता संदेश के लिए सही रंग.

shinydashboard में संख्याएँ दिखा सकते हैं
स्पष्टता के लिए कुछ precision त्यागनी पड़ सकती है
- बड़े नंबरों को राउंड करना चाहिए

round(2.324815454862,2)

[1] 2.32

अनट्रंकेटेड मान

ट्रंकेटेड मान

बहुत अधिक सिम्यूलेशन अच्छा नहीं.

¹ Image by Freepik

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

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

shinydashboard के साथ डैशबोर्ड बनाना