New header dropdown / notification menu styles

UX
,
27

This is what facebook do…

The image shows a list of notifications from a messaging app, with each notification partially obscured by gray blurred text for privacy. (Captioned by AI)
The image shows a list of notifications from a messaging app, with each notification partially obscured by gray blurred text for privacy. (Captioned by AI)473×951 34.5 KB

To me there are multiple aspects that make this a bit problematic: (which compounds on previous problems we had)

  1. Avatars are too small
  2. Sea of blue when you have unread - which is now compounded cause the tiny white line between notifications draws too much attention.
  3. Tiny highlight on the right hand side which is hard to click

I wonder if one path here is to junk the blue highlight and use the “blue dot” (which we already use on the sidebar) for new notifications.

Then we can make avatar a bit bigger and restore the right hand sides click target and highlight.

Not saying we go the full facebook here with HUGE avatars, but there may be a bit of a middle ground, giving up on the “see of blue” seems to me an unlocking factor here potentially.

4 Likes