# Pick different icons for 'closed topic' and 'secure category'

**URL:** https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423
**Category:** UX
**Created:** [18 april 2020 om 06:37 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423 "2020-04-18T06:37:51Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [22 april 2020 om 05:25 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/44 "2020-04-22T05:25:36Z")

</div>

@codinghorror @sam Thanks both for humoring this. It’s a testament to the team that something which has been one way for so long, can be openly discussed in this manner and a change be tested out in the open.

Even if this isn’t the final incarnation, I’m really happy to see how this topic has progressed, and hear from so many others on the topic.

---

<div class="post-metadata">

### Author: ![justin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/justin/32/157614_2.png) [@justin](https://meta.discourse.org/u/justin)
#### Post date: [22 april 2020 om 15:25 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/45 "2020-04-22T15:25:09Z")

</div>

I’m actually finding this very jarring to discern between a closed topic and an unlisted one. The icon makes sense but in the topic list where it’s so small, it’s very very hard to quickly tell the difference. This might be a bit of a case of you moved my 🧀 but at the same time, icons should be quick to recognize.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [22 april 2020 om 16:22 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/46 "2020-04-22T16:22:50Z")

</div>

> [@On another topic](https://meta.discourse.org/t/148413/4):
>
> It’s not uncommon for users to tell me that the padlock on categories confuses them. **Locked** topics versus _secure_ categories

If I may… Were your users confused because it was a padlock, or because it was similar to the closed topic icon? I think that’s two very different things.

> [@On another topic](https://meta.discourse.org/t/148413/4):
>
> **Locked** topics versus _secure_ categories, what they represent are almost opposites.

Is that your or their feeling?

For what it’s worth, my client (single, isolated opinion from a random discourse owner) was confused by the locked icon on the private categories _without associating them to the locked topics,_ which he didn’t see any from what I know (his forum wasn’t even publicly launched).

So, what’s the start issue? The private category icon alone that might be confusing, or the fact that two different features share the same icon? 🤔

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [22 april 2020 om 16:25 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/47 "2020-04-22T16:25:53Z")

</div>

Both actually, closed and secure have different meanings.

Using a padlock to mean both ‘you can no longer respond to this’ and ‘you can reply to this but not everyone can see it’ is really confusing, particularly now that categories no longer occupy a dedicated column and are instead shown below the topic title.

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [22 april 2020 om 16:26 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/48 "2020-04-22T16:26:17Z")

</div>

Yes, I have already heard that one and agreed. I can cope for now. I just think it is weird that the glyph is not solid compared to all other actions.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [22 april 2020 om 16:39 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/49 "2020-04-22T16:39:46Z")

</div>

Just added an update to add a plus to the generic comment icon, I liked the bottom corner version… but it doesn’t work as well when it’s small (in the menus)

[https://github.com/discourse/discourse/commit/bf0c055a9a610f6638659f05a4ab34ce407530bf](https://github.com/discourse/discourse/commit/bf0c055a9a610f6638659f05a4ab34ce407530bf)

 ![Screen Shot 2020-04-22 at 12.31.36 PM](https://global.discourse-cdn.com/meta/original/3X/b/0/b0ec68c1320eeebc316b0d8745488bf3a34fed66.png)

> [@justin](#):
>
> I’m actually finding this very jarring to discern between a closed topic and an unlisted one.

The good news is that normal users never see the unlisted icon anyway (not that we want to make things harder for admins)…

![Screen Shot 2020-04-22 at 12.37.16 PM](https://global.discourse-cdn.com/meta/original/3X/d/3/d3d26180d616f818c9865ae1d547f35df71c954f.png)

an alternative could be trying a filled-in icon?

![Screen Shot 2020-04-22 at 12.39.07 PM](https://global.discourse-cdn.com/meta/original/3X/e/9/e95e622daa4f44077fad12a06277d79336fc9a20.png)

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [22 april 2020 om 16:40 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/50 "2020-04-22T16:40:44Z")

</div>

> [@awesomerobot](#):
>
> an alternative could be trying a filled-in icon?

As suggested by myself, you could try that. I think it will then be more distinguishable.

---

<div class="post-metadata">

### Author: ![justin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/justin/32/157614_2.png) [@justin](https://meta.discourse.org/u/justin)
#### Post date: [22 april 2020 om 16:41 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/51 "2020-04-22T16:41:19Z")

</div>

> [@awesomerobot](#):
>
> an alternative could be trying a filled-in icon?

As long as it makes sense with the other UI elements we use. It might be a good option. Filled in also signifies more weight, and a closed topic is pretty weighty when coming to UX.

---

<div class="post-metadata">

### Author: ![cvx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cvx/32/152146_2.png) [@cvx](https://meta.discourse.org/u/cvx)
#### Post date: [22 april 2020 om 16:51 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/52 "2020-04-22T16:51:49Z")

</div>

I’m really glad that we’re tackling this issue. 🙂 It was one of the first on my personal list of visual annoyances – every single time I saw a topic on the Latest list from a private category, it made me think that topic is closed. It took a good couple of weeks to “train” my eyes to catch the difference when visually scanning the list.

Anyway, one of the issues with the new icon is (as @ondrej noticed) that while the previous one was a quite large solid block, the new one is just an outline. This doesn’t fit most of the other icons used throughout the app (although we’re not entirely consistent there, yet). **(edit: @awesomerobot yeah, the filled-in one looks better, though its legibility could probably still be improved)**

The other issue is that we already use almost exactly the same icon for “quote whole post” button in the composer. So we’re trading multiple meanings of the lock icon for multiple meanings of the speech bubble icon. 😟

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [22 april 2020 om 17:01 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/53 "2020-04-22T17:01:11Z")

</div>

![sketch-1587574787097](https://global.discourse-cdn.com/meta/original/3X/f/1/f128d1e87336617c35283824d62914b5d92ab4d8.png)

Please imagine close topic is new glyph. Don’t you think there is way to many similar looking glyphs if we were to make close topic solid?

Sorry about being so negative

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [22 april 2020 om 22:50 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/54 "2020-04-22T22:50:20Z")

</div>

It is very hard to tell what the icon is when it is tiny, especially on dark themes and mobile.

![image](https://global.discourse-cdn.com/meta/original/3X/b/2/b22ea70b05c4fb776e14dde782d655330249079b.png)

vs

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/1/a1cdc0de8e70f6fa3e602e0e381d25f2f7728311.png)

The glyph not being full means it is a lot easier just to mistake it for text or visual glitch.

I think the filled in one is going to be a lot better.

---

<div class="post-metadata">

### Author: ![maiki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maiki/32/233950_2.png) [@maiki](https://meta.discourse.org/u/maiki)
#### Post date: [23 april 2020 om 19:14 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/55 "2020-04-23T19:14:33Z")

</div>

I know it’s only been a couple days, hot take: “Have I been muting stuff on accident?”

So, um… any non-admins wanna join in the conversation? Surely _someone_ doesn’t see all the admin icons everywhere.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [23 april 2020 om 21:27 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/56 "2020-04-23T21:27:02Z")

</div>

So the slash is a little unclear at small sizes, especially if it’s coupled with the eye-slash… so what about a comment-x?

 ![Screen Shot 2020-04-23 at 5.25.15 PM](https://global.discourse-cdn.com/meta/original/3X/f/3/f375ef27a7093287b4ba3ac34f123c582dc92f49.png)

This also allows the icon to be a little bit larger

[https://github.com/discourse/discourse/commit/9f52997be166a0c14d082274a2da5eff541435a2](https://github.com/discourse/discourse/commit/9f52997be166a0c14d082274a2da5eff541435a2)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [23 april 2020 om 22:12 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/57 "2020-04-23T22:12:23Z")

</div>

Yes, we’re going with interior glyphs and I think this might be the final change? (Does everyone see why _I flippin’ hate bikeshed topics_ now?)

That being said, I do feel the new glyph is visually superior at explains the “closing = no more replies” logic and for those that were bugged by it (I wasn’t) it discriminates between the security padlocks seen elsewhere. Here’s another sample 👇

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [23 april 2020 om 22:12 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/58 "2020-04-23T22:12:30Z")

</div>



---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [23 april 2020 om 22:12 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/59 "2020-04-23T22:12:33Z")

</div>



---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [23 april 2020 om 22:57 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/60 "2020-04-23T22:57:25Z")

</div>

I can’t easily tell apart the two icons above. The x and the + look very similar. 🙁

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [23 april 2020 om 22:59 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/61 "2020-04-23T22:59:13Z")

</div>

I don’t think it actually matters here, inside the topic? Opened is always accompanied by text.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [23 april 2020 om 23:01 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/62 "2020-04-23T23:01:49Z")

</div>

Maybe… it still looks odd to have two very similar icons that are supposed to convey diametrically opposite meanings.

---

<div class="post-metadata">

### Author: ![cvx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cvx/32/152146_2.png) [@cvx](https://meta.discourse.org/u/cvx)
#### Post date: [23 april 2020 om 23:10 UTC](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423/63 "2020-04-23T23:10:07Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/e/8/e8e2e5b6318e569340f2b39dfa249a59ae95b0b9.png) ![image](https://global.discourse-cdn.com/meta/original/3X/b/a/ba90fe73ca5841faabf2bf7abba6f240ba4452bc.png)

- As @pmusaraj said, those two glyphs are nearly identical, especially at smaller sizes
- Now “Make Public Topic” and “Topic Opened” are the same

> [@codinghorror](#):
>
> “closing = no more replies”

People usually call the action “closing a topic” or “locking a topic”, not “declaring that no more replies shall happen in a topic”. 😉

[Vorige pagina](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423.md?page=2)

[Volgende pagina](https://meta.discourse.org/t/pick-different-icons-for-closed-topic-and-secure-category/148423.md?page=4)
