⚓ T115316 Better organisation of the Notification Page

⚓ T115316 Better organisation of the Notification Page
Page Menu
Phabricator
Create Task
Maniphest
T115316
Better organisation of the Notification Page
Closed, Resolved
Public
Actions
Edit Task
Edit Related Tasks...
Create Subtask
Edit Parent Tasks
Edit Subtasks
Merge Duplicates In
Close As Duplicate
Edit Related Objects...
Edit Commits
Edit Mocks
Mute Notifications
Protect as security issue
Assigned To
None
Authored By
Pginer-WMF
Oct 13 2015, 10:49 AM
2015-10-13 10:49:13 (UTC+0)
Tags
Epic
Special:Notifications
(Backlog)
Tracking-Neverending
(Transition completed / Archived)
Growth-Team
(Inbox)
Growth-Team-Filtering
Referenced Files
F3578973: notif-page-simplified.png
Mar 9 2016, 4:19 PM
2016-03-09 16:19:05 (UTC+0)
F3578018: notif-page-simplified.png
Mar 9 2016, 3:32 PM
2016-03-09 15:32:25 (UTC+0)
F3268886: notif-page-simplified.png
Jan 22 2016, 1:39 PM
2016-01-22 13:39:37 (UTC+0)
F2716044: inbox.png
Oct 13 2015, 10:49 AM
2015-10-13 10:49:13 (UTC+0)
F2716100: inbox overview.png
Oct 13 2015, 10:49 AM
2015-10-13 10:49:13 (UTC+0)
F2716046: inbox filtered.png
Oct 13 2015, 10:49 AM
2015-10-13 10:49:13 (UTC+0)
F2716048: inbox menu.png
Oct 13 2015, 10:49 AM
2015-10-13 10:49:13 (UTC+0)
Subscribers
Aklapper
Catrope
He7d3r
jmatazzoni
Liuxinyu970226
matmarex
MGChecker
View All 12 Subscribers
Description
The Notifications page provides access to the full list of your notifications. Currently, all notifications for the local wiki are shown grouped by day, which simplifies going to a specific time period. However, it does not provide much flexibility when looking for the relevant notifications for different activities.
Some example scenarios (more will appear as we dig into the problem):
Cronopio wants to check the recent notifications about discussions on his user talk page from all different projects. Cronopio is able to triage what to reply to and can keep some for later if he had no time to reply (e.g., by marking some notification as unread again ).
Fama wants to find all the mention notifications she got on a very active topic from a user she is trying to help. She recalls a specific question she wants to look for first.
Goals
The end goal is to make it easy for users to find relevant notifications.
We want the Notification page to become a regularly used entry point for frequent contributors to organise the activities that require their participation.
It will be helpful to measure the access to the Notification Page (and the notifications through it) as well as any sign of improvement of notification processing performance (number of missed notifications to decrease, etc.)
Initial exploration
Some design ideas have been
put together in a prototype
and
documented
. More research is needed to identify the needs users have when using notifications to complete different daily on-wiki activities (
T124416
).
Based on an initial analysis, some design principles to consider are:
Flexibility.
Notifications are the entry point to many different on-wiki activities, allowing users to get the information they need for their task is key.
Efficiency.
Users are interested on the information behind notifications, the quickly they can pass through notifications the better. Reducing navigation steps (e.g., surfacing relevant information and actions) as well as making elements easy to process will be helpful.
Based on the above, some initial ideas have been represented:
An inbox-model based on three areas: filters (to quickly select what you are interested in), navigation (to move around) and the content (notifications).
The main filters allow users to focus on pending/completed work depending on their activity.
Users can check at a glance the content with new notification activity, and focus on those topics.
Quick access is provided to check usual locations.
The navigation bar allows users to search for specific notifications as well as to change how the list is displayed.
Plan
To support these improvements in several iterations, some smaller tickets have been defined. The order below is just a reference to illustrate how some features may be built on top of the previous ones:
T129460: Allow to mark as read items and groups in the Notification Page
T129363: Pagination for the Notification Page
T129364: Filter by read status on the Notification Page
T129366: List wikis and pages with unread notifications in the Notification Page left nav
More
Crosswatch
is a related project which supports displaying and filtering all your notifications, and we can learn about some of their usecases (more details in
crosswatch
).
Related Objects
Search...
Task Graph
Mentions
Status
Subtype
Assigned
Task
Resolved
None
T119713
Update Help:Notifications
Resolved
None
T114351
Better organisation for the Notification System
Resolved
None
T115316
Better organisation of the Notification Page
Resolved
Mooeypoo
T115528
Turn the cog icon into a menu
Resolved
Mattflaschen-WMF
T136361
Let no-JS users mark notifications (or notification groups) as read without explicitly seeing a separate form
Resolved
Mooeypoo
T141141
Notifications page: remove mw-echo-special-header-link
Resolved
Capt_Swing
T124416
Evaluate the designs for the Notification Page
Resolved
SBecker
T127104
Notifications Page user study recruiting
Declined
None
T49093
Notification archive filters
Resolved
Mooeypoo
T129172
Clean up HTML output and CSS for Special:Notifications
Resolved
SBisson
T129169
Change current no-JS Special:Notifications to use core Pager
Resolved
Mooeypoo
T129176
Minimal JS version of Special:Notifications
Resolved
jmatazzoni
T129363
Pagination for the Notification Page
Resolved
Mooeypoo
T129364
Filter by read status on the Notification Page
Resolved
Mooeypoo
T129366
List wikis and pages with unread notifications in the Notification Page left nav
Resolved
Catrope
T137139
Add ability to filter notifications by title
Resolved
Mooeypoo
T129460
Allow to mark as read items and groups in the Notification Page
Resolved
jmatazzoni
T132738
Mark groups of notifications as read
Resolved
Mooeypoo
T132739
Display notifications from a single day in groups
Resolved
Mooeypoo
T134204
Add "mark as read" buttons for each day on the no-JS Special:Notifications page
Resolved
None
T136567
Design adjustments for the Notifications Page
Resolved
Mooeypoo
T136568
Remove section title lines on the Notification Page
Resolved
Mooeypoo
T136572
Make notification styling on the Notifications Page closer to the ones in the panel
Resolved
jmatazzoni
T136574
Hide pagination controls from the Notification Page when there is only one page
Resolved
Mooeypoo
T126214
Improve notification read/unread controls and make status indication more clear
Resolved
None
T136438
Explore ways to better communicate read status
Invalid
None
T137742
Change the icon for the cross-wiki notification bundle "dismiss" action, to distinguish it from "mark as read"
Resolved
None
T139147
Mark notifications as read/unread with blue dot does not work in some circumstances
Resolved
Mooeypoo
T136576
Mark as seen notifications from the Notifications Page
Resolved
Mooeypoo
T136580
Adjust notification page separation between groups
Resolved
Mooeypoo
T136581
Adjust the loading indicator to affect only the list of items in the Notification Page
Resolved
Mooeypoo
T136895
Status filter should not become disabled between status change in the Notification Page
Resolved
jmatazzoni
T137425
Set a max-width for Special:Notifications page
Resolved
Mooeypoo
T138522
When switching notification read status the blue "unseen" highlight should not be shown
Resolved
Catrope
T138917
Add a subtle highlight on notification items on hover (on both panel and page)
Resolved
Volker_E
T139167
Use accessible colors for the read status of the mark as read markers of notifications
Resolved
Mooeypoo
T138433
Notifications page: Notification bodies are not truncated
Resolved
SBisson
T192475
Menus get hidden on mobile version
Resolved
Volker_E
T210487
Navigation controls are out of place in the Notification page
Resolved
SBisson
T162927
Set the default for Special:Notifications to "Unread" (at least if there are any unread messages)
Mentioned In
T142981: Provide a single entry point for notification that anticipates the urgency of the notifications received
T137502: Display page-less notifications together with the user page
T119873: Create a page about Special:Notifications page
T136567: Design adjustments for the Notifications Page
T135877: Cross-wiki notifications in no-JavaScript version of Special:Notifications
T135183: Design research: How will expandable bundles behave inside cross-wiki bundles?
T129460: Allow to mark as read items and groups in the Notification Page
T49093: Notification archive filters
T115528: Turn the cog icon into a menu
T126214: Improve notification read/unread controls and make status indication more clear
T124481: Special:Notifications does not contain wrapper linking to primary link
T114350: Notifications Panel: Support cross-wiki notifications
T118722: Better control how notifications get marked as read when visiting a page
T114351: Better organisation for the Notification System
Mentioned Here
T129460: Allow to mark as read items and groups in the Notification Page
T115528: Turn the cog icon into a menu
T129363: Pagination for the Notification Page
T129364: Filter by read status on the Notification Page
T129366: List wikis and pages with unread notifications in the Notification Page left nav
T126214: Improve notification read/unread controls and make status indication more clear
T56433: Notification messages for mentions assume article namespace, do not reflect other namespaces
T124416: Evaluate the designs for the Notification Page
Event Timeline
Pginer-WMF
created this task.
Oct 13 2015, 10:49 AM
2015-10-13 10:49:13 (UTC+0)
Pginer-WMF
raised the priority of this task from
to
Needs Triage
Pginer-WMF
updated the task description.
(Show Details)
Pginer-WMF
added projects:
Epic
Notifications (Echo)
Collaboration-Team-Triage
Pginer-WMF
mentioned this in
T114351: Better organisation for the Notification System
Pginer-WMF
added subscribers:
Catrope
Aklapper
Pginer-WMF
MGChecker
subscribed.
Nov 10 2015, 3:36 PM
2015-11-10 15:36:24 (UTC+0)
Restricted Application
added a subscriber:
StudiesWorld
View Herald Transcript
Nov 10 2015, 3:36 PM
2015-11-10 15:36:24 (UTC+0)
MGChecker
awarded a token.
Nov 10 2015, 3:36 PM
2015-11-10 15:36:29 (UTC+0)
MGChecker
added a comment.
Nov 10 2015, 3:44 PM
2015-11-10 15:44:40 (UTC+0)
Comment Actions
Is it possible you have done some little mistakes at the pictures?
Why you can see entries from "2 days ago" in the "Today" section?
Why you can see Notifications which are about actions not done by Fama a filter is active that should hide them?
It would be nice if you can clarify this points.
Pginer-WMF
mentioned this in
T118722: Better control how notifications get marked as read when visiting a page
Nov 16 2015, 12:18 PM
2015-11-16 12:18:10 (UTC+0)
Pginer-WMF
mentioned this in
T114350: Notifications Panel: Support cross-wiki notifications
Nov 17 2015, 10:53 AM
2015-11-17 10:53:26 (UTC+0)
Pginer-WMF
added a comment.
Nov 19 2015, 10:33 AM
2015-11-19 10:33:25 (UTC+0)
Comment Actions
Is it possible you have done some little mistakes at the pictures?
Definitely. Thanks for catching them.
At this point the main intention was to represent the overall idea for the design direction.
An early version was included in
this prototype
to get some initial feedback. We'll be iterating those designs in order to polish the interaction patterns, add more details, and also reducing inconsistencies to avoid misunderstandings.
Trizek-WMF
subscribed.
Nov 20 2015, 6:09 PM
2015-11-20 18:09:58 (UTC+0)
Srdjan
subscribed.
Dec 20 2015, 11:48 AM
2015-12-20 11:48:40 (UTC+0)
Pginer-WMF
updated the task description.
(Show Details)
Jan 22 2016, 1:39 PM
2016-01-22 13:39:37 (UTC+0)
Pginer-WMF
set Security to None.
Pginer-WMF
updated the task description.
(Show Details)
Jan 22 2016, 1:52 PM
2016-01-22 13:52:46 (UTC+0)
Quiddity
mentioned this in
T124481: Special:Notifications does not contain wrapper linking to primary link
Jan 22 2016, 10:45 PM
2016-01-22 22:45:24 (UTC+0)
jmatazzoni
subscribed.
Feb 3 2016, 6:24 PM
2016-02-03 18:24:00 (UTC+0)
Comment Actions
On 2/3/16, product managers and others from the Editing Team considered the prototype of the Notifications Page below during the regular Product Pitch Meeting. Below are notes from that meeting.
2016-02-03 Meeting
Collaboration: Prototype of new Notifications Page
Pitching: Pau
Task:
T115316
Link:
––––––
Ed:
Looks beautiful (+1 +1 +11)
X and check icons are used interchangeably for mark as read, might be better to unify them
May benefit from animation/transition e.g. when removing items from a list
Amir:
It’s not very complicated, but it must be remembered that the content will come from different languages with different directions, different fonts, font-sizes and line-heights, etc.
It may be a challenge to handle [[Village pump]], [[Wikipedia:Village pump]] and [[WIkipedia talk:Village pump]]. It’s an issue in the rest of Notifications, too:
T56433
Trevor:
Looks amazing
+1 about unifying icons - ideally we can get the user comfortable with a metaphor and use it consistently throughout not only this product, but as many of our products as possible
Do the unread counts need to be there? Maybe something simpler like a dot? That level of precision makes the interface look heavy, and might not add anything valuable beyond signaling there’s something unread there
James: The fact that you’ve got things there is implicit, right?
Consider ways to improve support for undoing an action, such as making the X control in the top right persistent, reusing it for marking as unread (a toggle instead of a click and disappear button)
James:
Maybe use the Person icon against “user talk page” on all instances to make it stand out?
Pginer-WMF
added a comment.
Feb 8 2016, 12:53 PM
2016-02-08 12:53:57 (UTC+0)
Comment Actions
X and check icons are used interchangeably for mark as read, might be better to unify them
The use of "X" for marking as read has been discussed in the past and we decided to keep it as it was initially and explore alternatives. I did an initial explorations of approaches at
T126214
Pginer-WMF
mentioned this in
T126214: Improve notification read/unread controls and make status indication more clear
Feb 11 2016, 1:56 PM
2016-02-11 13:56:28 (UTC+0)
Mattflaschen-WMF
added a subtask:
T49093: Notification archive filters
Feb 11 2016, 10:26 PM
2016-02-11 22:26:22 (UTC+0)
Pginer-WMF
mentioned this in
T115528: Turn the cog icon into a menu
Feb 24 2016, 11:10 AM
2016-02-24 11:10:04 (UTC+0)
Catrope
added subtasks:
T129172: Clean up HTML output and CSS for Special:Notifications
T129169: Change current no-JS Special:Notifications to use core Pager
Mar 7 2016, 10:37 PM
2016-03-07 22:37:19 (UTC+0)
Catrope
created subtask
T129176: Minimal JS version of Special:Notifications
Mar 7 2016, 10:53 PM
2016-03-07 22:53:54 (UTC+0)
Pginer-WMF
updated the task description.
(Show Details)
Mar 9 2016, 3:32 PM
2016-03-09 15:32:25 (UTC+0)
Pginer-WMF
updated the task description.
(Show Details)
Mar 9 2016, 4:19 PM
2016-03-09 16:19:05 (UTC+0)
Pginer-WMF
created subtask
T129363: Pagination for the Notification Page
Mar 9 2016, 4:55 PM
2016-03-09 16:55:39 (UTC+0)
Pginer-WMF
created subtask
T129364: Filter by read status on the Notification Page
Mar 9 2016, 5:00 PM
2016-03-09 17:00:09 (UTC+0)
Pginer-WMF
created subtask
T129366: List wikis and pages with unread notifications in the Notification Page left nav
Mar 9 2016, 5:11 PM
2016-03-09 17:11:23 (UTC+0)
Pginer-WMF
mentioned this in
T49093: Notification archive filters
Mar 9 2016, 5:15 PM
2016-03-09 17:15:12 (UTC+0)
Pginer-WMF
updated the task description.
(Show Details)
Mar 9 2016, 5:17 PM
2016-03-09 17:17:45 (UTC+0)
Mattflaschen-WMF
reopened subtask
T129169: Change current no-JS Special:Notifications to use core Pager
as
Open
Mar 9 2016, 8:41 PM
2016-03-09 20:41:03 (UTC+0)
Pginer-WMF
mentioned this in
T129460: Allow to mark as read items and groups in the Notification Page
Mar 10 2016, 11:15 AM
2016-03-10 11:15:21 (UTC+0)
Pginer-WMF
created subtask
T129460: Allow to mark as read items and groups in the Notification Page
Pginer-WMF
updated the task description.
(Show Details)
Mar 10 2016, 11:25 AM
2016-03-10 11:25:52 (UTC+0)
He7d3r
subscribed.
Mar 12 2016, 1:43 AM
2016-03-12 01:43:17 (UTC+0)
Mattflaschen-WMF
closed subtask
T129169: Change current no-JS Special:Notifications to use core Pager
as
Resolved
Apr 15 2016, 8:49 PM
2016-04-15 20:49:29 (UTC+0)
Mattflaschen-WMF
reopened subtask
T129169: Change current no-JS Special:Notifications to use core Pager
as
Open
jmatazzoni
edited projects, added
Special:Notifications
Tracking-Neverending
; removed
Notifications (Echo)
Apr 15 2016, 9:02 PM
2016-04-15 21:02:51 (UTC+0)
SBisson
reopened subtask
T115528: Turn the cog icon into a menu
as
Open
May 10 2016, 3:25 PM
2016-05-10 15:25:33 (UTC+0)
Pginer-WMF
mentioned this in
T135183: Design research: How will expandable bundles behave inside cross-wiki bundles?
May 13 2016, 10:00 AM
2016-05-13 10:00:26 (UTC+0)
Capt_Swing
closed subtask
T124416: Evaluate the designs for the Notification Page
as
Resolved
May 17 2016, 10:09 PM
2016-05-17 22:09:33 (UTC+0)
Quiddity
subscribed.
May 20 2016, 8:53 PM
2016-05-20 20:53:16 (UTC+0)
Quiddity
mentioned this in
T135877: Cross-wiki notifications in no-JavaScript version of Special:Notifications
May 20 2016, 8:59 PM
2016-05-20 20:59:27 (UTC+0)
Danny_B
moved this task from
Tag
to
Should be Epic instead
on the
Tracking-Neverending
board.
May 27 2016, 4:53 PM
2016-05-27 16:53:16 (UTC+0)
Pginer-WMF
mentioned this in
T136567: Design adjustments for the Notifications Page
May 30 2016, 5:46 PM
2016-05-30 17:46:02 (UTC+0)
Pginer-WMF
added a subtask:
T136567: Design adjustments for the Notifications Page
May 30 2016, 6:33 PM
2016-05-30 18:33:29 (UTC+0)
Trizek-WMF
mentioned this in
T119873: Create a page about Special:Notifications page
May 31 2016, 1:34 PM
2016-05-31 13:34:01 (UTC+0)
jmatazzoni
closed subtask
T129169: Change current no-JS Special:Notifications to use core Pager
as
Resolved
May 31 2016, 3:36 PM
2016-05-31 15:36:05 (UTC+0)
jmatazzoni
closed subtask
T129176: Minimal JS version of Special:Notifications
as
Resolved
Jun 2 2016, 8:46 PM
2016-06-02 20:46:41 (UTC+0)
jmatazzoni
closed subtask
T129460: Allow to mark as read items and groups in the Notification Page
as
Resolved
Jun 3 2016, 6:35 PM
2016-06-03 18:35:42 (UTC+0)
Quiddity
mentioned this in
T137502: Display page-less notifications together with the user page
Jun 9 2016, 11:08 PM
2016-06-09 23:08:07 (UTC+0)
Liuxinyu970226
subscribed.
Jun 9 2016, 11:54 PM
2016-06-09 23:54:11 (UTC+0)
jmatazzoni
closed subtask
T129364: Filter by read status on the Notification Page
as
Resolved
Jun 15 2016, 4:40 PM
2016-06-15 16:40:23 (UTC+0)
jmatazzoni
closed subtask
T129366: List wikis and pages with unread notifications in the Notification Page left nav
as
Resolved
Jul 8 2016, 6:40 PM
2016-07-08 18:40:05 (UTC+0)
jmatazzoni
closed subtask
T129363: Pagination for the Notification Page
as
Resolved
Jul 21 2016, 6:13 PM
2016-07-21 18:13:01 (UTC+0)
jmatazzoni
closed subtask
T115528: Turn the cog icon into a menu
as
Resolved
Jul 27 2016, 5:45 PM
2016-07-27 17:45:24 (UTC+0)
Pginer-WMF
mentioned this in
T142981: Provide a single entry point for notification that anticipates the urgency of the notifications received
Aug 15 2016, 12:01 PM
2016-08-15 12:01:11 (UTC+0)
jmatazzoni
closed subtask
T129172: Clean up HTML output and CSS for Special:Notifications
as
Resolved
Oct 11 2016, 1:00 AM
2016-10-11 01:00:24 (UTC+0)
Whatamidoing-WMF
created subtask
T162927: Set the default for Special:Notifications to "Unread" (at least if there are any unread messages)
Apr 13 2017, 5:57 PM
2017-04-13 17:57:05 (UTC+0)
Whatamidoing-WMF
created subtask
T162930: Make it easy to filter notifications by type
Apr 13 2017, 6:02 PM
2017-04-13 18:02:37 (UTC+0)
jmatazzoni
closed subtask
T162927: Set the default for Special:Notifications to "Unread" (at least if there are any unread messages)
as
Resolved
Apr 26 2017, 1:44 AM
2017-04-26 01:44:40 (UTC+0)
Restricted Application
added a project:
Growth-Team
View Herald Transcript
Feb 26 2019, 8:49 AM
2019-02-26 08:49:46 (UTC+0)
MBinder_WMF
added a project:
Growth-Team-Filtering
Apr 15 2021, 7:00 PM
2021-04-15 19:00:03 (UTC+0)
Aklapper
removed a project:
Collaboration-Team-Triage
May 25 2021, 9:09 PM
2021-05-25 21:09:45 (UTC+0)
matmarex
closed subtask
T136567: Design adjustments for the Notifications Page
as
Resolved
Dec 16 2023, 1:47 PM
2023-12-16 13:47:17 (UTC+0)
matmarex
closed this task as
Resolved
Dec 16 2023, 1:50 PM
2023-12-16 13:50:37 (UTC+0)
matmarex
closed subtask
T49093: Notification archive filters
as
Declined
matmarex
subscribed.
Comment Actions
This task was a part of a project that seems to have been completed in 2016. I think we can close it now.
I'll remove subtasks that haven't been finished, but which can stand alone.
matmarex
removed subtasks:
T203632: Allow more than 50 results to be shown in Special:Notifications
T162930: Make it easy to filter notifications by type
Dec 16 2023, 1:52 PM
2023-12-16 13:52:01 (UTC+0)
Pppery
moved this task from
Should be Epic instead
to
Transition completed / Archived
on the
Tracking-Neverending
board.
Wed, Mar 25, 9:12 PM
2026-03-25 21:12:24 (UTC+0)
Log In to Comment
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct.
Wikimedia Foundation
Code of Conduct
Disclaimer
CC-BY-SA
GPL
Credits