𝗦𝘁𝗼𝗽 𝗣𝗶𝗰𝗸𝗶𝗻𝗴 𝗗𝗮𝘀𝗵𝗯𝗼𝗮𝗿𝗱 𝗜𝗰𝗼𝗻𝘀 𝗯𝘆 𝗞𝗲𝘆𝘄𝗼𝗿𝗱
ಹೆಚ್ಚಿನ ಡ್ಯಾಶ್ಬೋರ್ಡ್ ಸಮಸ್ಯೆಗಳು ಕೆಟ್ಟ ಐಕಾನ್ಗಳಿಂದ ಬರುವುದಿಲ್ಲ.
ಅವು ತಪ್ಪು ಅರ್ಥದೊಂದಿಗೆ ಬಳಸಲಾದ ಉತ್ತಮ ಐಕಾನ್ಗಳಿಂದ ಬರುತ್ತವೆ.
ನೀವು "users" ಎಂದು ಹುಡುಕಿ ಒಂದು ಸುಂದರವಾದ SVG ಅನ್ನು ಆರಿಸಿಕೊಂಡರೆ, ನಂತರ ನೀವು ತೊಂದರೆ ಎದುರಿಸಬಹುದು. ಗ್ರಾಹಕರು (customers), ತಂಡದ ಸದಸ್ಯರು (team members), ಖಾತೆ ಮಾಲೀಕರು (account owners) ಮತ್ತು ಅಡ್ಮಿನ್ಗಳಿಗಾಗಿ (admins) ನಿಮಗೆ ವಿಭಿನ್ನ ಐಕಾನ್ಗಳ ಅಗತ್ಯವಿರುತ್ತದೆ. ಶೀಘ್ರದಲ್ಲೇ, ಒಂದು "user" ಐಕಾನ್ ಅತಿಯಾದ ಅರ್ಥಗಳನ್ನು ಹೊತ್ತುಕೊಳ್ಳಬೇಕಾಗುತ್ತದೆ. ಇದು ನಿಮ್ಮ SaaS ಡ್ಯಾಶ್ಬೋರ್ಡ್ ಅನ್ನು ಗೊಂದಲಮಯವಾಗಿ (noisy) ಮಾಡುತ್ತದೆ.
ಕೀವರ್ಡ್ಗಳ ಮೂಲಕ ಐಕಾನ್ಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದನ್ನು ನಿಲ್ಲಿಸಿ. ಅವುಗಳನ್ನು ಅವುಗಳ ಪಾತ್ರದ (role) ಆಧಾರದ ಮೇಲೆ ಆಯ್ಕೆ ಮಾಡಲು ಪ್ರಾರಂಭಿಸಿ.
ಕೀವರ್ಡ್ ಒಂದು ಐಕಾನ್ ಯಾವುದಕ್ಕೆ ಸಂಬಂಧಿಸಿದೆ ಎಂದು ಹೇಳುತ್ತದೆ. ಪಾತ್ರವು (role) ಒಂದು ಐಕಾನ್ ಏನು ಮಾಡುತ್ತದೆ ಎಂದು ಹೇಳುತ್ತದೆ.
ನಿಮ್ಮ ಐಕಾನ್ಗಳನ್ನು ಈ ಐದು ವರ್ಗಗಳಾಗಿ ವಿಂಗಡಿಸಿ:
- ನ್ಯಾವಿಗೇಷನ್ ಐಕಾನ್ಗಳು (Navigation icons): ಇವು ಡ್ಯಾಶ್ಬೋರ್ಡ್, ಬಿಲ್ಲಿಂಗ್ ಅಥವಾ ಸೆಟ್ಟಿಂಗ್ಸ್ನಂತಹ ತಲುಪಬೇಕಾದ ಸ್ಥಳಗಳನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತವೆ. ಇವು ಸರಳವಾಗಿ ಮತ್ತು ಸ್ಥಿರವಾಗಿರಬೇಕು.
- ಸ್ಟೇಟಸ್ ಐಕಾನ್ಗಳು (Status icons): ಇವು "ಇದು ಸಕ್ರಿಯವಾಗಿದೆಯೇ?" ಅಥವಾ "ಇದು ವಿಫಲವಾಗಿದೆಯೇ?" ಎಂಬ ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರಿಸುತ್ತವೆ. ಚೆಕ್ಗಳು, ಎಚ್ಚರಿಕೆಗಳು ಅಥವಾ ಲಾಕ್ಗಳಂತಹ ನೇರ ಸಂಕೇತಗಳನ್ನು ಬಳಸಿ.
- ಆಕ್ಷನ್ ಐಕಾನ್ಗಳು (Action icons): ಇವು ಎಡಿಟ್, ಡಿಲೀಟ್ ಅಥವಾ ಎಕ್ಸ್ಪೋರ್ಟ್ನಂತಹ ಕಾರ್ಯಾಚರಣೆಗಳನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತವೆ. ಕಾರ್ಯಾಚರಣೆಯು ಸಂಕೀರ್ಣವಾಗಿದ್ದರೆ, ಲೇಬಲ್ಗಳಿಲ್ಲದೆ ಇವುಗಳನ್ನು ಬಳಸುವುದನ್ನು ತಪ್ಪಿಸಿ.
- ಆಬ್ಜೆಕ್ಟ್ ಐಕಾನ್ಗಳು (Object icons): ಇವು ಪ್ರಾಜೆಕ್ಟ್, ಇನ್ವಾಯ್ಸ್ ಅಥವಾ ಫೋಲ್ಡರ್ನಂತಹ ಘಟಕಗಳನ್ನು ಗುರುತಿಸುತ್ತವೆ.
- ಎಂಪ್ಟಿ ಸ್ಟೇಟ್ ಐಕಾನ್ಗಳು (Empty state icons): ಡೇಟಾ ಇಲ್ಲದಿದ್ದಾಗ ಇವು ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತವೆ. ಇವು ಹೆಚ್ಚು ವೈವಿಧ್ಯಮಯವಾಗಿರಬಹುದು.
ಕೇವಲ ಅತ್ಯಂತ ಸುಂದರವಾದ 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