Switch icons. Show current status or possible action?

Question

Images

For example, a list of posts in the blog admin. Each entry can be deleted, edited or hidden from users. The delete and edit icons are unambiguous - they show the action. But what to do with the record visibility toggle icon? Clicked once - the entry is hidden to users, clicked again - visible to everyone (ajax button). When to show just an eye, and when is it crossed out?

Answer 1

You have both buttons and status switches in a bunch. That's where the problem comes from. In this case, you need to perceive the visibility switch as a button and display the action, but display the status somewhere else (hidden / not hidden) or move the status button to another place or use a different design for it.

Answer 2

IMHO, status. Action in the tooltip. A better signature and an on / off switch. And then all these eyes and other icons can not always be unambiguously interpreted.

Answer 3

Look here on Habré, under your question there is a favorites button. When the post is not in favorites - the button is not active, clicked - it became yellow, active. Wash clear and unambiguous. Show the current state.

Answer 4

Just the eye "publish", crossed out is "hide".
After all, the cross means to delete, and not that the record has already been deleted.
And in the tooltip to the button it should be written what will happen if you click on the button.