# Notification thumbnail should get colored

**URL:** <https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835>\
**Category:** UX\
**Created:** [2015年十一月20日 11:09 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835 "2015-11-20T11:09:19Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aymane\_Shuichi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aymane_shuichi/32/63024_2.png) [@Aymane\_Shuichi](https://meta.discourse.org/u/Aymane_Shuichi)\
**Post date:** [2015年十一月20日 11:09 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/1 "2015-11-20T11:09:19Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/d/d/dd9c206316e8eb3b1f7ec014578165dfde81872e.png)

I swear, I’m not stupid but it took me many notifications to understand the type of notifications I’m getting.

I’m suggesting to color the thumbnails.

Reply : blue  
Like : red

etc…

What do you think ?

---

<div class="post-metadata">

**Author:** ![Tom\_Newsom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_newsom/32/115981_2.png) [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)\
**Post date:** [2015年十一月20日 11:27 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/2 "2015-11-20T11:27:15Z")

</div>

How would colour help?

---

<div class="post-metadata">

**Author:** ![Aymane\_Shuichi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aymane_shuichi/32/63024_2.png) [@Aymane\_Shuichi](https://meta.discourse.org/u/Aymane_Shuichi)\
**Post date:** [2015年十一月20日 11:38 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/3 "2015-11-20T11:38:04Z")

</div>

When opening a notification and the heart is red, you don’t have to take a look at it. because you know it’s a “like” notification. But when they’re all gray, you need to invest some ms to know what the notification is about.

Here is my process of reading the notification :

I click on the numbers.

First thing I see is the link of the topic then I wonder 1 second : What’s with this link ?

Then I look at the thumbnail of the notification.

Few ms, I know what it’s about.

With colors, I would only care about the link of the topic because the color would give me the answer of the type of the notification.

I hope I was clear enough.

---

<div class="post-metadata">

**Author:** ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)\
**Post date:** [2015年十一月20日 11:40 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/4 "2015-11-20T11:40:27Z")

</div>

Why don’t you try it on your instance by customizing some CSS? 😉

---

<div class="post-metadata">

**Author:** ![Aymane\_Shuichi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aymane_shuichi/32/63024_2.png) [@Aymane\_Shuichi](https://meta.discourse.org/u/Aymane_Shuichi)\
**Post date:** [2015年十一月20日 11:41 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/5 "2015-11-20T11:41:22Z")

</div>

Sure, I just thought that you’d think about including it into the next release. 😌

---

<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:** [2015年十一月20日 12:25 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/6 "2015-11-20T12:25:07Z")

</div>

> [@Aymane\_Shuichi](#):
>
> When opening a notification and the heart is red, you don’t have to take a look at it.

Actually… red sticks out so you click it and then your eye draws directly to the red heart which in turn is distracting.

---

<div class="post-metadata">

**Author:** ![Aymane\_Shuichi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aymane_shuichi/32/63024_2.png) [@Aymane\_Shuichi](https://meta.discourse.org/u/Aymane_Shuichi)\
**Post date:** [2015年十一月20日 13:02 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/7 "2015-11-20T13:02:32Z")

</div>

It doesn’t have to be red you know. The color of active “like” in topic would do the job.  
Anyways, please keep this opened I will post a comparative screen shot.

---

<div class="post-metadata">

**Author:** ![Aymane\_Shuichi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aymane_shuichi/32/63024_2.png) [@Aymane\_Shuichi](https://meta.discourse.org/u/Aymane_Shuichi)\
**Post date:** [2015年十一月20日 13:05 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/8 "2015-11-20T13:05:33Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/7/9/79c92c4493167e4838cf70a9e478116524df34f6.png)

If you don’t think this is better, I will just do it on my instance.

---

<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:** [2015年十一月20日 13:10 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/9 "2015-11-20T13:10:05Z")

</div>

> [@Aymane\_Shuichi](#):
>
> If you don’t think this is better, I will just do it on my instance.

Yeah, sorry, not a huge fan of that, I understand your intention but I think it is distracting.

---

<div class="post-metadata">

**Author:** ![Aymane\_Shuichi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aymane_shuichi/32/63024_2.png) [@Aymane\_Shuichi](https://meta.discourse.org/u/Aymane_Shuichi)\
**Post date:** [2015年十一月20日 13:11 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/10 "2015-11-20T13:11:15Z")

</div>

Thanks for your feedback.

---

<div class="post-metadata">

**Author:** ![Rodelio\_Lagahit](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rodelio_lagahit/32/121638_2.png) [@Rodelio\_Lagahit](https://meta.discourse.org/u/Rodelio_Lagahit)\
**Post date:** [2015年十一月20日 13:54 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/11 "2015-11-20T13:54:49Z")

</div>

for aesthetics purposes this is cool :D..

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2015年十一月20日 18:14 UTC](https://meta.discourse.org/t/notification-thumbnail-should-get-colored/35835/12 "2015-11-20T18:14:15Z")

</div>

Personally, I already find the colored heart icon in my Profile Notifications page somewhat distracting.

I can understand how adding color would provide an additional visual cue, but I wonder how difficult it really is for someone to learn what the icons represent. AFAIK they all have tooltips that indicate what they are. And with experience it seems most would soon learn what the different icons signify whether colored or not.
