Skip to main content
Add alternative screenshot with plain dot
Source Link
Andrew Myers
  • 2.8k
  • 4
  • 24
  • 19

Why not put a dot in the green area that indicates unread notifications instead?

Example of notification with dotExample of notification with dot in the rep notification area at the top right

The dot is meant to emulate the badge icons.

I considered coloring the dot to indicate what sort of badge, but a colored dot on a green background would probably be worse for people (not to mention ugly).

Pros:

  • colorColor-blind friendly
  • unobtrusiveUnobtrusive (matches the current UI)
  • easilyEasily distinguishable from rep notifications (as long as there isn't a rep notification at the same time)
  • Can be styled to match badges for each site using each site's custom sprite sheet

Alternative

As suggested by Kobi and Cerbrus, here is a version that has just the dot:

Example of notification with just a green dot on the lower right

Pros:

  • Also color-blind friendly
  • Matches current UI fairly well
  • Distinguishable from rep notifications
  • More intuitive than the dot on the green background (thanks for saying "dollar bill" and ruining the first design, Kobi)
  • Allows badge notifications to be distinguished from rep notifications when both appear at the same time

Why not put a dot in the green area that indicates unread notifications instead?

Example of notification with dot

The dot is meant to emulate the badge icons.

I considered coloring the dot to indicate what sort of badge, but a colored dot on a green background would probably be worse for people (not to mention ugly).

Pros:

  • color-blind friendly
  • unobtrusive (matches the current UI)
  • easily distinguishable from rep notifications

Why not put a dot in the green area that indicates unread notifications instead?

Example of notification with dot in the rep notification area at the top right

The dot is meant to emulate the badge icons.

I considered coloring the dot to indicate what sort of badge, but a colored dot on a green background would probably be worse for people (not to mention ugly).

Pros:

  • Color-blind friendly
  • Unobtrusive (matches the current UI)
  • Easily distinguishable from rep notifications (as long as there isn't a rep notification at the same time)
  • Can be styled to match badges for each site using each site's custom sprite sheet

Alternative

As suggested by Kobi and Cerbrus, here is a version that has just the dot:

Example of notification with just a green dot on the lower right

Pros:

  • Also color-blind friendly
  • Matches current UI fairly well
  • Distinguishable from rep notifications
  • More intuitive than the dot on the green background (thanks for saying "dollar bill" and ruining the first design, Kobi)
  • Allows badge notifications to be distinguished from rep notifications when both appear at the same time
added 33 characters in body
Source Link
Andrew Myers
  • 2.8k
  • 4
  • 24
  • 19

Why not put a dot in the green area that indicates unread notifications instead?

Example of notification with dot

The dot is meant to emulate the tagbadge icons.

I considered coloring the dot to indicate what sort of badge, but a colored dot on a green background would probably be worse for people (not to mention ugly).

The dot is color-blind friendly, unobtrusive, and distinguishable from rep notifications.Pros:

  • color-blind friendly
  • unobtrusive (matches the current UI)
  • easily distinguishable from rep notifications

Why not put a dot in the green area that indicates unread notifications instead?

Example of notification with dot

The dot is meant to emulate the tag icons.

I considered coloring the dot to indicate what sort of badge, but a colored dot on a green background would probably be worse for people (not to mention ugly).

The dot is color-blind friendly, unobtrusive, and distinguishable from rep notifications.

Why not put a dot in the green area that indicates unread notifications instead?

Example of notification with dot

The dot is meant to emulate the badge icons.

I considered coloring the dot to indicate what sort of badge, but a colored dot on a green background would probably be worse for people (not to mention ugly).

Pros:

  • color-blind friendly
  • unobtrusive (matches the current UI)
  • easily distinguishable from rep notifications
Source Link
Andrew Myers
  • 2.8k
  • 4
  • 24
  • 19

Why not put a dot in the green area that indicates unread notifications instead?

Example of notification with dot

The dot is meant to emulate the tag icons.

I considered coloring the dot to indicate what sort of badge, but a colored dot on a green background would probably be worse for people (not to mention ugly).

The dot is color-blind friendly, unobtrusive, and distinguishable from rep notifications.