Хватит выбирать иконки для дашборда по ключевым словам
Большинство проблем с дашбордами связаны не с плохими иконками.
Они возникают из-за хороших иконок, используемых в неверном значении.
Если вы ищете «users» и выбираете чистый SVG, позже вы можете столкнуться с трудностями. Вам понадобятся разные иконки для клиентов, участников команды, владельцев аккаунтов и администраторов. Вскоре одна иконка «user» будет вынуждена нести в себе слишком много смыслов. Из-за этого ваш SaaS-дашборд кажется перегруженным.
Хватит выбирать иконки по ключевым словам. Начните выбирать их по ролям.
Ключевое слово говорит о том, к чему относится иконка. Роль говорит о том, что иконка делает.
Разделите свои иконки на пять следующих категорий:
- Иконки навигации: Они представляют пункты назначения, такие как Dashboard, Billing или Settings. Они должны быть простыми и стабильными.
- Иконки статуса: Они отвечают на вопросы вроде «Активен ли этот элемент?» или «Произошла ли ошибка?». Используйте прямые символы, такие как галочки, предупреждения или замки.
- Иконки действий: Они представляют такие операции, как редактирование, удаление или экспорт. Избегайте их использования без подписей, если действие сложное.
- Иконки объектов: Они идентифицируют сущности, такие как проект, счет или папка.
- Иконки пустых состояний: Они появляются, когда данные отсутствуют. Они могут обладать большей выразительностью.
Не ищите просто самый красивый SVG. Ищите визуальный словарь.
Используйте эти три теста, прежде чем окончательно выбрать иконку:
- Тест на размер: Работает ли иконка в размере 16px внутри плотной таблицы? Многие иконки отлично смотрятся в 32px, но теряются при уменьшении.
- Тест на контекст: Разместите иконку рядом с её подписью и соседними элементами. Можно ли её перепутать с соседней иконкой?
- Тест на смысл: Поддерживает ли иконка подпись или подпись вынуждена объяснять иконку?
Если вы не можете найти подходящую иконку для функции, возможно, название самой функции слишком расплывчато. Иконки усиливают смысл. Они не исправляют неясный язык.
Вместо того чтобы искать «user icon», ищите «internal collaborator icon» или «customer account icon». Точность поиска ведет к точности вашего интерфейса.
Источник: https://dev.to/svgicons/stop-picking-dashboard-icons-by-keyword-ij2