julian-klode/dns66

A confusing icon on "DNS66" 's UI

b450mhdv opened this issue · 2 comments

@julian-klode

Hello, I found a problem with the app's UI design. At first sight, the widget on the left of every item looks like a "shield". It may be difficult for me to imagine the function behind it without noticing explanations above. It looks just like a decorative icon. And I think this icon is different from the common "shield" icon I saw in other popular apps. Some users may misunderstand what you mean. So just as a suggestion, if you can design a more intuitive icon, it may greatly improve the user experience. Could you fix this issue?

dns66 (2) dns66 (1)

So you want the dev to add colors? I could see how that could help.

🟡 Clear shield means info is ignored.
🔴 Checkered means it's blocking/denied.
🟢 Checkered with Slash is permitted/allowed.

I use mine this way.

Screenshot_20211203-010630.png

I mean, there's a reason there is an explanation of the icons at the top. Presenting this tri-state nicely and concise is hard. I try to avoid colors because (a) I can't draw and (b) it's not going to be useful for people who can't differentiate red, orange and green, so I might make things less accessible as I can differentiate them