ڈیش بورڈ آئیکنز کا انتخاب کی ورڈز کے ذریعے کرنا بند کریں
ڈیش بورڈ کے زیادہ تر مسائل خراب آئیکنز کی وجہ سے نہیں ہوتے۔
بلکہ یہ غلط معنی کے ساتھ استعمال کیے گئے اچھے آئیکنز کی وجہ سے پیدا ہوتے ہیں۔
اگر آپ "users" تلاش کرتے ہیں اور ایک صاف ستھرا SVG منتخب کر لیتے ہیں، تو آپ کو بعد میں مشکل کا سامنا کرنا پڑ سکتا ہے۔ آپ کو کسٹمرز، ٹیم ممبرز، اکاؤنٹ مالکان اور ایڈمنز کے لیے مختلف آئیکنز کی ضرورت ہوگی۔ جلد ہی، ایک ہی "user" آئیکن کو بہت سے معنی اٹھانے پڑیں گے۔ اس سے آپ کا SaaS ڈیش بورڈ الجھا ہوا (noisy) محسوس ہوگا۔
آئیکنز کا انتخاب کی ورڈ کے ذریعے کرنا بند کریں۔ ان کا انتخاب ان کے کردار (role) کے مطابق کرنا شروع کریں۔
ایک کی ورڈ آپ کو بتاتا ہے کہ آئیکن کس چیز سے متعلق ہے۔ ایک کردار (role) آپ کو بتاتا ہے کہ آئیکن کیا کام کرتا ہے۔
اپنے آئیکنز کو ان پانچ زمروں (categories) میں تقسیم کریں:
- نیویگیشن آئیکنز (Navigation icons): یہ ڈیش بورڈ، بلنگ، یا سیٹنگز جیسی منزلوں کی نمائندگی کرتے ہیں۔ انہیں سادہ اور مستقل ہونا چاہیے۔
- اسٹیٹس آئیکنز (Status icons): یہ "کیا یہ فعال ہے؟" یا "کیا یہ ناکام ہو گیا ہے؟" جیسے سوالات کے جواب دیتے ہیں۔ ٹک (checks)، وارننگز، یا تالوں جیسے براہ راست علامات استعمال کریں۔
- ایکشن آئیکنز (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