કીવર્ડ દ્વારા ડેશબોર્ડ આઇકોન્સ પસંદ કરવાનું બંધ કરો
મોટાભાગની ડેશબોર્ડ સમસ્યાઓ ખરાબ આઇકોન્સને કારણે નથી આવતી.
તે ખોટા અર્થ સાથે વપરાતા સારા આઇકોન્સને કારણે આવે છે.
જો તમે "users" માટે સર્ચ કરો અને એક સુંદર SVG પસંદ કરો, તો તમને પછીથી મુશ્કેલી પડી શકે છે. તમારે ગ્રાહકો (customers), ટીમ મેમ્બર્સ, એકાઉન્ટ ઓનર્સ અને એડમિન માટે અલગ-અલગ આઇકોન્સની જરૂર પડશે. ટૂંક સમયમાં, એક જ "user" આઇકોનને ઘણા બધા અર્થો સમજાવવા પડશે. આ તમારા SaaS ડેશબોર્ડને ગૂંચવણભર્યું (noisy) બનાવે છે.
કીવર્ડ દ્વારા આઇકોન્સ પસંદ કરવાનું બંધ કરો. ભૂમિકા (role) દ્વારા પસંદ કરવાનું શરૂ કરો.
કીવર્ડ તમને જણાવે છે કે આઇકોન શેના સાથે સંબંધિત છે. ભૂમિકા તમને જણાવે છે કે આઇકોન શું કામ કરે છે.
તમારા આઇકોન્સને આ પાંચ શ્રેણીઓમાં વર્ગીકૃત કરો:
- નેવિગેશન આઇકોન્સ (Navigation icons): આ ડેશબોર્ડ, બિલિંગ અથવા સેટિંગ્સ જેવા ડેસ્ટિનેશન દર્શાવે છે. તે સરળ અને સ્થિર હોવા જોઈએ.
- સ્ટેટસ આઇકોન્સ (Status icons): આ "શું આ એક્ટિવ છે?" અથવા "શું આ નિષ્ફળ ગયું છે?" જેવા પ્રશ્નોના જવાબ આપે છે. ચેકમાર્ક, વોર્નિંગ અથવા લોક જેવા સીધા પ્રતીકોનો ઉપયોગ કરો.
- એક્શન આઇકોન્સ (Action icons): આ એડિટ, ડિલીટ અથવા એક્સપોર્ટ જેવી પ્રક્રિયાઓ દર્શાવે છે. જો પ્રક્રિયા જટિલ હોય, તો લેબલ વગર આનો ઉપયોગ કરવાનું ટાળો.
- ઓબ્જેક્ટ આઇકોન્સ (Object icons): આ પ્રોજેક્ટ, ઇનવોઇસ અથવા ફોલ્ડર જેવી એન્ટિટીઝને ઓળખાવે છે.
- એમ્પ્ટી સ્ટેટ આઇકોન્સ (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