Command Palette

Search for a command to run...

Guidelines

Analytics UX

பகுப்பாய்வு பயனர் அனுபவம்

Guidelines on laying out metrics, designing readable data cards, and structuring bilingual filters or search dashboards.

தரவுப் பகுப்பாய்வு அட்டவணைகள் மற்றும் கணினி கண்காணிப்பு பலகைகளை வடிவமைப்பதற்கான விதிகள்.

1. முக்கியத் தரவு அட்டைகள் மற்றும் வரைபடங்கள்

முக்கியத் தகவல்களை எண்களிலும், அதன் மாற்றங்களைச் சிறிய வரைகோடுகள் மூலம் விளக்கும் மாதிரி அட்டைகளை வடிவமைக்கும் முறைகள்.

வடிவமைப்பு வழிகாட்டி:

  • அளவு மற்றும் இடைவெளி: அட்டைகள் நிலையான பேடிங் (p-5) மற்றும் கட்டமைக்கப்பட்ட அமைப்பைப் பயன்படுத்த வேண்டும்.
  • நிலைக் குறியீடு: உயர்வு மற்றும் தாழ்வைக் குறிக்க முறையான வண்ணக் குறியீடுகளுடன் கூடிய சதவிகித குறிகளைப் பயன்படுத்தவும்.
  • சுருக்க வரைபடம்: தேவையற்ற அச்சுகள் மற்றும் கோடுகள் இல்லாத எளிமையான சுருக்க வரைபடங்களை (Sparklines) மட்டும் பயன்படுத்தவும்.
மொத்தப் பார்வையாளர்கள்+12.4%
45,820
கடந்த 7 நாட்கள்
38,204

1.1 W3C-ன் தரவு சுருக்க விதிகள் (Data Minimization & DNT)

W3C Tracking Protection Working Group (DNT) கோட்பாடுகளின்படி, பகுப்பாய்வு திரைகள் தேவையற்ற தனிநபர் தரவுகளைச் சேகரிப்பதைக் குறைக்க வேண்டும். தனிப்பட்ட பயனர்களின் நடவடிக்கைகளைக் கண்காணிப்பதற்குப் பதிலாக, ஒட்டுமொத்தப் பயனர்களின் பொதுவான போக்குகளை (அநாமதேய தரவுகளைக் கொண்டு) மட்டுமே சுருக்க வரைபடங்களில் காட்ட வேண்டும். மேலும், தனியுரிமைச் சமிக்ஞைகளை அனுப்பும் பயனர்களின் தரவுகளைப் பகுப்பாய்வில் சேர்க்கக் கூடாது.

2. வடிகட்டிப் பட்டைகள் மற்றும் பகுப்பாய்வு பலகை

நிர்வாகப் பகுப்பாய்வு பலகைகளில் தேடல்களை எளிதாக்க, கிடையான வடிகட்டிப் பட்டைகள் மற்றும் ஒத்திசைவான தரவு அட்டவணைகளைப் பயன்படுத்தவும்.

வடிகட்டுதல் கோட்பாடுகள்:

  • நிலையான நிலைகள்: நீண்ட பக்கங்களில் வடிகட்டி பட்டையைத் திரையின் மேல் பகுதியில் ஒட்ட வைப்பதன் மூலம் (sticky top-0) எப்போது வேண்டுமானாலும் தேடல்களை மாற்றிக்கொள்ளலாம்.
  • உள்ளீட்டு அளவு: படிவங்களின் உள்ளீடுகள் மற்றும் தேர்வுகள் கைபேசி திரைகளில் முழு அகலத்தைப் பயன்படுத்த வேண்டும் (w-full min-w-0 max-w-full).
  • இருமொழி ஆதரவு: பயனரின் நடப்பு மொழியில் லேபிள்கள் மற்றும் தரவுகளை வழங்கவும், பணப் பரிவர்த்தனைகளுக்கு en-IN வடிவமைப்பைப் பயன்படுத்தவும்.

வடிகட்டிப் பட்டி (தரவு கட்டுப்பாடு)

மதிப்பிடப்பட்ட வருவாய்₹1,20,000
பரிவர்த்தனைகள் எண்ணிக்கை4

TXN-101

சென்னை

வெற்றி

தேதி

2026-05-22

தொகை

₹45,000

TXN-102

கோயம்புத்தூர்

வெற்றி

தேதி

2026-05-21

தொகை

₹28,000

TXN-103

மதுரை

நிலுவையில்

தேதி

2026-05-20

தொகை

₹15,000

TXN-104

சென்னை

வெற்றி

தேதி

2026-05-18

தொகை

₹32,000

3. பகுப்பாய்வு வடிவமைப்பு விதிகள் (DO & DON'T)

செய்ய வேண்டியவை
  • சாதகமான உயர்வை பச்சையிலும் (+12.4%), வீழ்ச்சியைச் சிவப்பிலும் காட்டி வண்ணக்குறியீடுகளை முறையாகப் பயன்படுத்தவும்.
  • பெரிய எண்களை எளிதில் வாசிக்க கமா (Comma) குறியீடுகளைப் பயன்படுத்தவும் (எ.கா. 45,820).
  • வடிகட்டி கட்டுப்பாடுகளைக் கைபேசி திரைகளில் முழு அகலத்தைப் (w-full) பயன்படுத்துமாறு வடிவமைக்கவும்.
  • அட்டைகளுக்குள் எளிய செங்குத்து அச்சு இல்லாத சுருக்க வரைபடங்களை (Sparklines) மட்டும் பயன்படுத்தவும்.
தவிர்க்க வேண்டியவை
  • முக்கியத் தரவு மாற்றங்களைக் காட்டத் தொடர்பில்லாத வண்ணங்களைப் பயன்படுத்த வேண்டாம் (எ.கா. நீலம் அல்லது மஞ்சள்).
  • கைபேசி திரைகளில் கிடையான அட்டவணைகளை முழுமையாக நகர்த்த வேண்டிய கட்டாயத்தை உருவாக்க வேண்டாம்.
  • வடிகட்டிப் பெட்டிகளைத் தன்னிச்சையான அகலத்தில் (w-fit) வைக்கக் கூடாது, எப்போதும் கொள்கலன் அகலத்தைப் பயன்படுத்தவும்.
  • தரவுத்தளத்தின் மூல நேரக் குறியீடுகளை (Database Timestamps) நேரடியாகக் காட்டாமல் வாசிக்கக்கூடிய தேதியாக மாற்றிக் காட்டவும்.