Notifications read/unread

The previous design had a tinted background for unread notifications, which has now gone. The bulk of active users (not even regular users, just any active user from 2023) will be used to this. Something as simple as a lighter or darker version of TSR violet would work here. E.g.:

Or

@Musical Cats tagging you in this issue thread for the notifications colour contrast. We'll post updates on this in here 🙂

@DataVenia @Admit-One @PQ also tagging you as you raised the notifications colour contrast as an issue. I'll post an update on this here as soon as I have one 🙂

(edited 3 months ago)

@04MR17 @normaw @DataVenia @Admit-One @PQ @Musical Cats we've released some changes to the read/unread notification display, could you let me know if that's clearer for you now, please? :smile:

Reply 8

Universities Forum Helper

Original post by RainbowLapras

@04MR17 @normaw @DataVenia @Admit-One @PQ @Musical Cats we've released some changes to the read/unread notification display, could you let me know if that's clearer for you now, please? :smile:

Definitely clearer, with faded icons for read notifications and greater boldedness on the unread.

Am I right in thinking there was no change to the background colour?

Bring colourblind I don't trust myself to make that assumption

Original post by 04MR17

Definitely clearer, with faded icons for read notifications and greater boldedness on the unread.

Am I right in thinking there was no change to the background colour?

Bring colourblind I don't trust myself to make that assumption

Correct, the background colour is the same on both!

Reply 10

Admit-One

21

It's still not super obvious which are read/unread tbh.

Chrome on desktop:

Screenshot 2024-02-14 131324.jpg

Original post by Admit-One

It's still not super obvious which are read/unread tbh.

Chrome on desktop:

Screenshot 2024-02-14 131324.jpg

React pages should also have an icon for new notifications if you're able to check if it's any clearer there, please?

Reply 12

Clearing and Applications Advisor, Universities Forum Helper

Original post by RainbowLapras

Original post by 04MR17

Definitely clearer, with faded icons for read notifications and greater boldedness on the unread.

Am I right in thinking there was no change to the background colour?

Bring colourblind I don't trust myself to make that assumption

Correct, the background colour is the same on both!

So I'd say it's now clearer to me whether a notification is unread or read. However, it still isn't easy to discern where my unread notifications end and my read notifications start. That used to be plainly clear through the background colour being tinted. Watching for where the font changes style is less obvious and requires far more concentration. That's something I can manage but I could understand if others still had a problem.

Original post by 04MR17

So I'd say it's now clearer to me whether a notification is unread or read. However, it still isn't easy to discern where my unread notifications end and my read notifications start. That used to be plainly clear through the background colour being tinted. Watching for where the font changes style is less obvious and requires far more concentration. That's something I can manage but I could understand if others still had a problem.

Is it clearer on React pages? There should be an icon displaying next to unread notifications there, which I'd expect to make it easier to discern :smile:

(edited 2 months ago)

Reply 14

normaw

OP

19

Original post by RainbowLapras

Is it clearer on React pages? There should be an icon displaying next to unread notifications there, which I'd expect to make it easier to discern :smile:

The differentiation is clearer in React than ST2.

Reply 15