9 Rules for Clear and Intuitive Icons(uxmovement.com)
uxmovement.com
9 Rules for Clear and Intuitive Icons
http://uxmovement.com/buttons/9-rules-to-make-your-icons-clear-and-intuitive/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+uxmovement+%28ux+movement%29
7 コメント
The other reason to label buttons with icons is so that they become larger and are easier to target.
Also, I'm sure I've seen that row of house icons before. Anyone know the original source?
Also, I'm sure I've seen that row of house icons before. Anyone know the original source?
I think Lukas Mathis created it for his post "Realism in UI Design" [1].
[1] http://ignorethecode.net/blog/2010/01/21/realism_in_ui_desig...
[1] http://ignorethecode.net/blog/2010/01/21/realism_in_ui_desig...
One rule for clear and intuitive icons:
1. Google Image Search for name + "icon". Match most prominent design to your style.
This solves almost all of your icon needs.
1. Google Image Search for name + "icon". Match most prominent design to your style.
This solves almost all of your icon needs.
Icons should be iconic, a paperplane is not iconic of email. Icons take time to establish, you can't just create an icon, something becomes an icon as it becomes recognizable through repeated use.
As for the "Home" icon example I can clearly see the Home icon from OS X. The home icon from OSX is a better icon because more people are familiar with it.
Should the Save icon in Google docs be a floppy disk or a cloud? The floppy makes no sense when you think about it, but it's a better icon because for 20 years people have been clicking that to save their files. I'd even argue the same thing for the link icon, it's on enough interfaces that people who want to link things know to click that button.
You should only really create new icons when there isn't something existing. Buy an icon pack and be done with it. People will be more familiar with them because they are used around the web.
edit: My bad, there is no save icon in Google Docs, but if there was...
As for the "Home" icon example I can clearly see the Home icon from OS X. The home icon from OSX is a better icon because more people are familiar with it.
Should the Save icon in Google docs be a floppy disk or a cloud? The floppy makes no sense when you think about it, but it's a better icon because for 20 years people have been clicking that to save their files. I'd even argue the same thing for the link icon, it's on enough interfaces that people who want to link things know to click that button.
You should only really create new icons when there isn't something existing. Buy an icon pack and be done with it. People will be more familiar with them because they are used around the web.
edit: My bad, there is no save icon in Google Docs, but if there was...
Similarly, I would never associate an underlined, blue L with a link. Maybe I'm too far into the web development rabbit hole, but I thought most people these days associated a chain link with an internet hyperlink.