कीवर्ड के आधार पर डैशबोर्ड आइकन चुनना बंद करें
डैशबोर्ड की अधिकांश समस्याएँ खराब आइकन के कारण नहीं होती हैं।
वे गलत अर्थ के साथ उपयोग किए गए अच्छे आइकन के कारण होती हैं।
यदि आप "users" खोजते हैं और एक साफ-सुथरा SVG चुन लेते हैं, तो आपको बाद में परेशानी हो सकती है। आपको ग्राहकों (customers), टीम के सदस्यों (team members), अकाउंट मालिकों (account owners) और एडमिन (admins) के लिए अलग-अलग आइकन की आवश्यकता होगी। जल्द ही, एक "user" आइकन को बहुत सारे अर्थों को ढोना पड़ेगा। इससे आपका SaaS डैशबोर्ड अव्यवस्थित (noisy) लगने लगता है।
कीवर्ड के आधार पर आइकन चुनना बंद करें। उन्हें उनकी भूमिका (role) के आधार पर चुनना शुरू करें।
एक कीवर्ड आपको बताता है कि आइकन किस चीज़ से संबंधित है। एक भूमिका (role) आपको बताती है कि आइकन क्या करता है।
अपने आइकन को इन पांच श्रेणियों में वर्गीकृत करें:
- नेविगेशन आइकन (Navigation icons): ये डैशबोर्ड, बिलिंग या सेटिंग्स जैसे गंतव्यों का प्रतिनिधित्व करते हैं। इन्हें सरल और स्थिर होना चाहिए।
- स्टेटस आइकन (Status icons): ये "क्या यह सक्रिय है?" या "क्या यह विफल रहा?" जैसे सवालों के जवाब देते हैं। चेक, चेतावनी या लॉक जैसे सीधे प्रतीकों का उपयोग करें।
- एक्शन आइकन (Action icons): ये एडिट, डिलीट या एक्सपोर्ट जैसे ऑपरेशन्स का प्रतिनिधित्व करते हैं। यदि एक्शन जटिल है, तो बिना लेबल के इनका उपयोग करने से बचें।
- ऑब्जेक्ट आइकन (Object icons): ये प्रोजेक्ट, इनवॉइस या फोल्डर जैसी संस्थाओं (entities) की पहचान करते हैं।
- एम्प्टी स्टेट आइकन (Empty state icons): ये तब दिखाई देते हैं जब डेटा गायब होता है। इनमें अधिक व्यक्तित्व (personality) हो सकता है।
केवल सबसे सुंदर SVG न खोजें। एक विजुअल शब्दावली (visual vocabulary) खोजें।
किसी आइकन को चुनने से पहले इन तीन परीक्षणों का उपयोग करें:
- साइज टेस्ट (The Size Test): क्या आइकन एक घनी टेबल के अंदर 16px पर भी काम करता है? कई आइकन 32px पर बहुत अच्छे लगते हैं लेकिन छोटा होने पर विफल हो जाते हैं।
- कॉन्टेक्स्ट टेस्ट (The Context Test): आइकन को उसके लेबल और उसके बगल वाले आइकन के पास रखें। क्या इसे इसके बगल वाले आइकन के साथ भ्रमित किया जा सकता है?
- मीनिंग टेस्ट (The Meaning Test): क्या आइकन लेबल का समर्थन करता है, या लेबल को आइकन की व्याख्या करनी पड़ती है?
यदि आप किसी फीचर के लिए एक अलग आइकन नहीं ढूंढ पा रहे हैं, तो हो सकता है कि आपके फीचर का नाम बहुत अस्पष्ट हो। आइकन अर्थ को पुख्ता करते हैं। वे अस्पष्ट भाषा को ठीक नहीं करते हैं।
"user icon" खोजने के बजाय, "internal collaborator icon" या "customer account icon" खोजें। आपकी खोज में सटीकता आपके UI में सटीकता लाती है।
स्रोत: https://dev.to/svgicons/stop-picking-dashboard-icons-by-keyword-ij2