# Add "Dismiss all" link on Notifications Menu, like facebook

**URL:** https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210
**Category:** UX
**Created:** [2017年十月16日 20:33 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210 "2017-10-16T20:33:05Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [2017年十月18日 10:32 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/21 "2017-10-18T10:32:30Z")

</div>

> [@tobiaseigen](#):
>
> ohhh - this also explains the recalculation of the number when the notification menu is clicked. the number was changing right before our very eyes.

Right, but I was actually saying that as a feature request. It’s only half-way right now, which is weird.

Upon opening the notifications tab:

- Message counter (green) remains unchanged  
Message highlights remain unchanged (because message is unread)

- Likes (et. al.) counter gets reset  
Likes highlights remain unchanged

This is weird.

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [2017年十月18日 11:25 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/22 "2017-10-18T11:25:38Z")

</div>

> [@erlend\_sh](#):
>
> Like- and badge-notifications should be automatically marked as read just by having opened the notifications tab.

I don’t like (no pun intended) this personally. When I open the forums in the morning, many times I’ll have more notifications than fit in the menu. Likes get pushed to the bottom (due to messages being prioritized, which I like). If likes were marked read automatically simply by opening the menu, I’d potentially miss some because they weren’t even on the menu. Keeping the highlight allows me to go into my notifications page and ensure I read everything,

---

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [2017年十月18日 12:18 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/23 "2017-10-18T12:18:11Z")

</div>

> [@jomaxro](#):
>
> If likes were marked read automatically simply by opening the menu, I’d potentially miss some because they weren’t even on the menu.

Yes – anything automatically dismissed needs to at least only do so if it’s had reasonable screen time in front of the user.

---

<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: [2017年十一月2日 09:59 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/24 "2017-11-02T09:59:11Z")

</div>

I do think we should add this if there is an appropriate Font Awesome glyph. Anyone know?

I guess check works fine and we use that elsewhere for dismiss:

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

@neil can you add this to your list for next week, later?

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2017年十一月6日 21:53 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/25 "2017-11-06T21:53:11Z")

</div>

Or keep it in the notifications area? On its own line or like this:

 ![00 PM](https://global.discourse-cdn.com/meta/original/3X/7/5/75574733bbc2d4dc426dd6745a5f1cf103be3513.png)

---

<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: [2017年十一月6日 21:54 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/26 "2017-11-06T21:54:03Z")

</div>

I think across from log out is better as that’s the “command” area

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2017年十一月6日 22:42 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/27 "2017-11-06T22:42:43Z")

</div>

And the logic should check how many notifications before showing it…? And grey it out or hide it once you’ve pressed it like the notifications page does? 😬

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [2017年十一月6日 22:51 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/28 "2017-11-06T22:51:42Z")

</div>

If we’re using the Facebook as our model, no, not necessary. Facebook always displays “Mark all as Read” as a clickable blue link regardless of if there are any notifications to mark read.

---

<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: [2017年十一月6日 23:51 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/29 "2017-11-06T23:51:05Z")

</div>

Yeah simple is fine here, though if there are NO notifications, let’s not show that button / action?

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2017年十一月7日 00:21 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/30 "2017-11-07T00:21:36Z")

</div>

I think Neil’s suggested location for the “dismiss” link makes more sense - that’s where people would look for notifications actions. Next to log out might confuse them. Their reaction may be “huh? dismiss what?” Maybe worth asking a civilian… 🙂

---

<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: [2017年十一月7日 00:36 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/31 "2017-11-07T00:36:48Z")

</div>

Rather than random speculation, which I don’t agree with for a variety of reasons, we should get it out there and get feedback first.

I was also thinking we have dropped this “show me more..” text pattern in favor of a down chevron anyways, so that is another reason not to do what you’re proposing. Like so:

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

thus roughly like so

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/7/3700b0d3ccade98b121dc9b8826c2c9179d9ac21.png)

One less translation, and consistent with a few other places we have a logical “continue showing me more of X at the bottom of this, because there are more not shown here” pattern.

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [2017年十一月7日 00:49 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/32 "2017-11-07T00:49:11Z")

</div>

Placed here it looks too much like “Dismiss this dialog” to a layman. Better use “Dismiss All” in this case.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2017年十一月7日 01:15 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/33 "2017-11-07T01:15:33Z")

</div>

I do like this! 😻

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2017年十一月7日 19:54 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/34 "2017-11-07T19:54:51Z")

</div>

The dismiss link and down-chevron link are live now on [Try](http://try.discourse.org).

 ![13 PM](https://global.discourse-cdn.com/meta/original/3X/e/a/ea095cf65bef794c1e107f1f8c812101e0ac41ea.png)

We can tweak the position and label of the Dismiss button based on the principles of complaint-driven development. Now that the down arrow is there, I think the Dismiss button makes sense where it is.

---

<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: [2017年十一月7日 23:02 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/35 "2017-11-07T23:02:12Z")

</div>

One minor change we need here, the “Dismiss” kind of flashes in, instead of being rendered from get go. It is a bit distracting.

---

<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: [2017年十一月7日 23:05 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/36 "2017-11-07T23:05:44Z")

</div>

I don’t think that’s the dismiss button, that’s the menu trying to decide the correct height? e.g. that was not Neil’s new thing, but Robin’s original code?

---

<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: [2017年十一月7日 23:06 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/37 "2017-11-07T23:06:43Z")

</div>

It looks like the dismiss button to me, not the height calc, that happens upfront prior to render.

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2017年十一月7日 23:37 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/38 "2017-11-07T23:37:01Z")

</div>

The panel doesn’t know if there are notifications so dismiss isn’t shown until they’re loaded. Logic can be reversed to show it until 0 notifications load I guess.

---

<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: [2017年十一月7日 23:38 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/39 "2017-11-07T23:38:06Z")

</div>

but there is a case where you have a local cache and know up front, that is the one you need to account for.

---

<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: [2017年十一月8日 01:02 UTC](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210/40 "2017-11-08T01:02:28Z")

</div>

Aha! Now I know where I saw this “expand with a big down chevron at the bottom” UI recently:

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/6/e60aac2b02df9dee77819709c3bdb6498ab58c5f.png)

Great song BTW one of his best. [Have a listen](https://www.youtube.com/watch?v=qkNa5xzOe5U).

[上一頁](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210.md?page=1)

[下一頁](https://meta.discourse.org/t/add-dismiss-all-link-on-notifications-menu-like-facebook/72210.md?page=3)
