This isn’t a huge issue but to me was extremely counter intuitive to most UX I’ve experienced.
Context: You’re building a Gainsight Home layout and you want some widgets locked down so your end users can’t change them and you’re presented with this:
Just by looking at the icon I thought that meant it was locked already, which seemed like a weird default. Then I got the mouseover text that says “Lock Widget”.
So you click it and then it looks like this:
And now it looks unlocked?
I literally had to test this to see what it actually did, because I didn’t know to trust the image or the words.
Then you have an experience like this:
Problem: This doesn’t make any sense.
Request: Make it more intuitive?
Usually buttons like this reflect the current state of your thing. Like in Confluence, this locked padlock means there are restrictions:
Or in Google Sheets:
Bold is selected here and your text will be bold. You aren’t seeing the icon selected to know what will happen if you de-select it.
Maybe I’m out of touch but this was a very weird experience.
