Berhenti Memilih Ikon Papan Pemuka Mengikut Kata Kunci
Kebanyakan masalah papan pemuka bukan berpunca daripada ikon yang buruk.
Ia berpunca daripada ikon yang bagus tetapi digunakan dengan maksud yang salah.
Jika anda mencari "users" dan memilih SVG yang kemas, anda mungkin menghadapi masalah kemudian hari. Anda akan memerlukan ikon yang berbeza untuk pelanggan, ahli pasukan, pemilik akaun, dan admin. Tidak lama kemudian, satu ikon "user" terpaksa membawa terlalu banyak maksud. Ini membuatkan papan pemuka SaaS anda terasa berserabut.
Berhenti memilih ikon mengikut kata kunci. Mula memilih mengikut peranan.
Kata kunci memberitahu anda apa yang berkaitan dengan sesuatu ikon. Peranan memberitahu anda apa yang dilakukan oleh sesuatu ikon.
Klasifikasikan ikon anda kepada lima kategori ini:
- Ikon navigasi: Ini mewakili destinasi seperti Papan Pemuka, Pengebilan, atau Tetapan. Ia harus ringkas dan stabil.
- Ikon status: Ini menjawab soalan seperti "Adakah ini aktif?" atau "Adakah ini gagal?". Gunakan simbol terus seperti tanda semak, amaran, atau kunci.
- Ikon tindakan: Ini mewakili operasi seperti edit, padam, atau eksport. Elakkan menggunakannya tanpa label jika tindakan tersebut kompleks.
- Ikon objek: Ini mengenal pasti entiti seperti projek, invois, atau folder.
- Ikon keadaan kosong (empty state): Ini muncul apabila data tiada. Ikon ini boleh mempunyai lebih banyak personaliti.
Jangan hanya mencari SVG yang paling cantik. Carilah kosa kata visual.
Gunakan tiga ujian ini sebelum anda menetapkan sesuatu ikon:
- Ujian Saiz: Adakah ikon tersebut masih berfungsi pada 16px di dalam jadual yang padat? Banyak ikon kelihatan hebat pada 32px tetapi gagal apabila ia menjadi kecil.
- Ujian Konteks: Letakkan ikon bersebelahan dengan label dan ikon di sekelilingnya. Bolehkah ia dikelirukan dengan ikon di sebelahnya?
- Ujian Maksud: Adakah ikon tersebut menyokong label, atau adakah label perlu menjelaskan maksud ikon tersebut?
Jika anda tidak dapat mencari ikon yang jelas untuk sesuatu ciri, nama ciri anda mungkin terlalu samar. Ikon memperkukuh maksud. Ia tidak membetulkan bahasa yang tidak jelas.
Daripada mencari "user icon," carilah "internal collaborator icon" atau "customer account icon." Ketepatan dalam carian anda membawa kepada ketepatan dalam UI anda.
Sumber: https://dev.to/svgicons/stop-picking-dashboard-icons-by-keyword-ij2