# Structured notifications tab

**URL:** https://meta.discourse.org/t/structured-notifications-tab/60497
**Category:** UX
**Created:** [5 Aprile 2017, 6:54pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497 "2017-04-05T18:54:10Z")
**Posts on this page:** 20
**Page:** 1

<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: [5 Aprile 2017, 6:54pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/1 "2017-04-05T18:54:10Z")

</div>

I find my notifications tab to be a bit messy. I wish it would list my notifications in order of importance. Something along the lines of:

#### Messages

- Group messages
- Private messages

#### Post interactions

- Replies
- Mentions
- Topic invite
- Incoming link
- Post edits

#### Misc. activities

- Earned badge
- Received like

It would look like this:  
(accidentally used an old screenshot where we hadn’t yet merged the notifications & profile tabs!)

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

The “push it off-screen” logic would have to be something like:

- First, show all new Messages.
- Then, if there’s still room, show all new post interactions
- Then, if there’s _still_ room, show all new misc. activities (i.e. show all new notifications)

In most cases there will always be room to show all new notifications anyhow.

> **Prior art**
>
> [Feedback on new 🍔 and user menus - #38 by codinghorror](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/38)
> 
> [https://global.discourse-cdn.com/meta/original/3X/5/a/5ac757cac5670db0ca026bdb8b6c79a64d312831.png](https://global.discourse-cdn.com/meta/original/3X/5/a/5ac757cac5670db0ca026bdb8b6c79a64d312831.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: [17 Ottobre 2017, 8:27pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/2 "2017-10-17T20:27:10Z")

</div>

I guess my concern here is that this makes it really giant; how will this work on mobile?

---

<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: [17 Ottobre 2017, 8:37pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/3 "2017-10-17T20:37:22Z")

</div>

The app has a reasonable starting point for full screen notifications, which may work better on mobile.

Just add a tab for messages or something.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [17 Ottobre 2017, 8:39pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/4 "2017-10-17T20:39:20Z")

</div>

I think there’s probably a stronger case for messages/notifications to be split into separate tabs because messages are inherently different from notifications on posts that you’ve made?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [17 Ottobre 2017, 9:19pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/5 "2017-10-17T21:19:33Z")

</div>

Then you’d have

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

search  
menu  
notifications (PUBLIC: replies, likes, mentions, badges)  
avatar (PRIVATE: messages, preferences, bookmarks )

---

<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: [17 Ottobre 2017, 9:42pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/6 "2017-10-17T21:42:35Z")

</div>

I was more thinking a tab shows up when you expand notifications. Trivially we could do:

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/9/29832436fa3127396b0840cc2aa6e20233b15568.png)

So by default we suppress messages, and a green circle shows up over envelope. If you have any PMs to trigger you to visit that “tab”

Clicking on the mail just replaces the list of messages, does not take you to profile page.

---

<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: [17 Ottobre 2017, 11:22pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/7 "2017-10-17T23:22:36Z")

</div>

Hmm, no, I don’t want Even More Icons.

I think Sam’s suggestion of simply making it fullscreen on mobile is a better one.

---

<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: [18 Ottobre 2017, 12:24pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/8 "2017-10-18T12:24:38Z")

</div>

> [@codinghorror](#):
>
> I guess my concern here is that this makes it really giant; how will this work on mobile?

I’m not proposing what’s shown in @rewphus’ old mockup. My version is literally just a few pixels taller, because of the added separator lines. Other than that it’s the exact same notification panel. The difference is that the notifications are being _sorted_ into groups of related notifications, with similar level of importance.

It’s perfectly compatible with Sam’s full-screen suggestion.

---

<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: [18 Ottobre 2017, 12:51pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/9 "2017-10-18T12:51:01Z")

</div>

Something like this?

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

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [19 Ottobre 2017, 7:28pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/15 "2017-10-19T19:28:16Z")

</div>

Combining a lot of the ideas into one just to get the thoughts out :allthethings:

 ![14 PM](https://global.discourse-cdn.com/meta/original/3X/9/3/936c190174ccc1e67315b9668b83c7e0f269f306.png)  
 ![23 PM](https://global.discourse-cdn.com/meta/original/3X/7/8/78b4f27caa7109f0d735f08cac867a7b4aad512d.png)

 ![32 PM](https://global.discourse-cdn.com/meta/original/3X/3/3/331ab6a3ea726ceeed1af76608c4b2edf23423d8.png)

---

<div class="post-metadata">

### Author: ![outofthebox](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/outofthebox/32/83708_2.png) [@outofthebox](https://meta.discourse.org/u/outofthebox)
#### Post date: [19 Ottobre 2017, 8:41pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/16 "2017-10-19T20:41:01Z")

</div>

Interesting!

I think even if there are multiple tabs, the ‘all’ tab still needs to be structured/organized into kinds of notifications.

FWIW, my vote is for the simplicity of @jomaxro’s layout.

---

<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: [19 Ottobre 2017, 8:47pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/17 "2017-10-19T20:47:22Z")

</div>

So way back when Discourse used to have 4 icons in the header, it was reduced to 3 per user feedback. I don’t like the idea of going back to 4 icons.

If this work is taken on, I’d like to see it done in two parts. Part 1, organize/group the notifications. Part 2, clickable tabs to filter the notifications.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [19 Ottobre 2017, 8:50pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/18 "2017-10-19T20:50:06Z")

</div>

I do wonder’ if we lose some of the chronological functionality if we group the notifications by type in a list of "all notifications…

If I have 6 already-read messages at the top of the notification window for example, but I have some more recent unseen mentions/replies… should those be higher priority than older messages? Would categories of notifications change order based on the current priority? I think categorizing by default changes the nature of the “notification timeline” that the dropdown represents now…

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [19 Ottobre 2017, 8:59pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/19 "2017-10-19T20:59:29Z")

</div>

I don’t mind much either way since I don’t have an overwhelming amount of notifications, but if you guys decide to go towards everything being grouped, it might be nice to have the ‘tabs’ as shortcuts to jump to the notification group, something similar to bootstrap’s scrollspy.

> **[ScrollSpy scrollspy.js - JavaScript · Bootstrap](https://getbootstrap.com/docs/3.3/javascript/#scrollspy)**
>
> The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well. | Bootstrap, a sleek, intuitive, and...

---

<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: [19 Ottobre 2017, 9:06pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/20 "2017-10-19T21:06:33Z")

</div>

I really like this concept, keep in mind it is a major change due to plugin impact and so on (for example stuff like Assigned installs new tabs)

I am about 1000% certain @codinghorror is not going to go for bringing back the bell, but I feel the concept works fine with just keeping it on the avatar like it is now.

---

<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: [19 Ottobre 2017, 9:06pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/21 "2017-10-19T21:06:57Z")

</div>

> [@awesomerobot](#):
>
> I think categorizing by default changes the nature of the “notification timeline” that the dropdown represents now…

I agree, except that we already “break” the timeline order by bringing PMs to the top, and only sorting 100% chronologically if all the PMs are read. Perhaps this change could be a user preference “sort notifications chronologically” or “group notifications by type”

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [19 Ottobre 2017, 9:12pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/22 "2017-10-19T21:12:51Z")

</div>

Yeah the tabs could work within the menu as is; would everything (notifications, messages, bookmarks) become a tab in that menu then? (aside from the stuff that wouldn’t work, like preferences/profile)

---

<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: [19 Ottobre 2017, 9:15pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/23 "2017-10-19T21:15:37Z")

</div>

I think two rows would be better. We’ll run out of room otherwise. Keep links in the top row, then the dividing line, then the “notification filters”. They we can have two plugin outlets, one for for simple links, another for notification filters.

---

<div class="post-metadata">

### Author: ![Cozdabuch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cozdabuch/32/139120_2.png) [@Cozdabuch](https://meta.discourse.org/u/Cozdabuch)
#### Post date: [3 Settembre 2018, 10:44am UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/24 "2018-09-03T10:44:35Z")

</div>

anyone still looking at this, or did this die off?

---

<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: [3 Settembre 2018, 9:35pm UTC](https://meta.discourse.org/t/structured-notifications-tab/60497/25 "2018-09-03T21:35:49Z")

</div>

I thought @featheredtoast had some experiments here but I fully support and want full screen notifications panel on mobile.

[Pagina seguente](https://meta.discourse.org/t/structured-notifications-tab/60497.md?page=2)
