Icons

Introducing navigation icons with labels, then removing them

Introducing navigation icons with labels, then removing them
  1. When should icons include a text label?
  2. Why use icons instead of text?
  3. How do I use UX icons?

When should icons include a text label?

To help overcome the ambiguity that almost all icons face, a text label must be present alongside an icon to clarify its meaning.

Why use icons instead of text?

Icons can save space over text, but at the price of recognition. For small icons, such as 16x16 pixel, it's very difficult for users to even recognize what they are supposed to be a picture of, let alone what the picture is supposed to stand for. One user I know thought the “disk” icon for save was a picture of a TV.

How do I use UX icons?

Always use labels for icons and show them to the right or below the icon. A good test for an effective icon is when users can tell what it represents without a label. Don't use icons with conflicting meaning. Icons that could represent multiple things should be avoided.

I'm looking for an advice how to crate an intuitive web UI for linear regression model
What do we mean by a linear regression model?Why do we use linear regression to predict? What do we mean by a linear regression model?A linear regre...
Why does Google use 'user-select none;' on the text in their google meets web app?
How do I turn off text selection on a website?Why can't i select text on a website?How do I select text on a website?What is Moz user-select? How do...
Tab based main navigation - best way to display current page for secondary icon based navigation
What is tab based navigation?What is secondary navigation?What are the 4 types of navigation?Which navigation type is used when an app has several sc...