Improving notifications and UX (draft)

Based on the comprehensive list of notifications, here’s a suggestion for improvement (or at least a start)… As you’ll notice there is a lot question marks and things left to be discussed, so consider this a draft. This scenario includes features that are not yet released, like store conversations, store subscriptions and @ mentions.

Types of notification
The existing types below show the where the user gets or see them, so we should pay attention to how the context is connected to the relevance or importance of what is being notified, hence the comments of what it should be used for.

  1. :email: E-mail notifications: for the most important messages and events that the person does not want to miss. All of them should be easily turned on and off, as a whole or individually.
  2. :bell: Bell notifications: for different messages and events in the group that can be of relevance to the person. Some, but not all, can be set on and off by the user.
  3. :left_speech_bubble: Chat notifications: for all the chats that the person has actually participated in, has a mention or has subscribed to.
  4. Push notifications (browser and mobile): follows the same behaviour of all the above combined? Not sure about this one…

How each notification should behave

  • Group wall messages (:email: , :left_speech_bubble: , push) – on by default in bootstrap mode, when the group is starting. Off by default later (after how many users, or how many active store conversations?). Can be muted with a link on the e-mail itself and on the settings page.

  • Replies on threads that you are part of (:email:, :left_speech_bubble:, push) – on by default, can be turned off individually or on settings page (only for e-mail)

  • Private messages (:email:, :left_speech_bubble:, push) - on by default, can be turned off individually or on settings page (only for e-mail)

  • Pickup chat (:email:, :left_speech_bubble: , push) - on by default, can be turned off individually or on settings page (only for e-mail)

  • Store conversation (:email:, :left_speech_bubble: , push) - on by default on subscribed store, can be turned off on settings page only for e-mail or by unsubscribing store

  • Available upcoming pickups (:email:) - on by default, can be turned off on settings page

  • New applications (:email:, :bell:) - on by default (on bootstrap mode only, again to be defined what that may be, in this case number of users makes sense), can be turned on/off on settings page (e-mail and bell)

  • Application chat (:email:, :left_speech_bubble:, push) - on by default only on chats that one participates, can be turned off individually or on settings page

  • You application has been accepted (:email:, :bell:) - on by default, cannot be turned off

  • Someone joined your group (:bell:) - on by default, cannot be turned off

  • Someone accepted your invitation to join the group (:bell:) - on by default, cannot be turned off

  • Your upcoming pickups (:bell:) - on by default, cannot be turned off

  • Pickups you joined have been edited (:email:? :bell:) - on by default, cannot be turned off

  • Give feedback reminder (:bell:) - on by default, cannot be turned off

  • Someone gained editing rights (:bell:) - on by default, can be turned off at settings page

  • Store has been created (:bell:) - on by default, can be turned off on settings page

  • Weekly summary (:email:) - on by default, can be turned off at the settings page for e-mail notifications

UX improvements

I’ll start with the most obvious (from usability tests). Finding the notification settings is very unintuitive. My suggestion is to take away the settings button next to “Home” and move it up to the header, either like this…

header

or like this, with the icon at the top of each drop-down for the chat and bell notifications…

The image above shows other suggestions too:

  • how the chat notifications can be divided in tabs, like private messages, group wall messages and replies, store conversations and application chats. The context of the messages/chats becomes a bit clearer with this division.
  • how the notification settings page could be more detailed

Another easy improvement is to be coherent with the notification icons, by either taking away completely the big bell icon attached to the wall that enables/disables e-mail notifications or changing it to another icon like :email: . The same goes for the bell icon attached to each individual conversation.

Well, that was a long list! :sweat_smile: But I hope some of it can be useful

2 Likes

Great!

One thing to watch out for: most notification settings are per group, but the entries in the top bar are not. A notification settings page might need to have a group switcher (similar to the one on the user profile page)
There’s one exception: private messages don’t have a group associated with them, so their notifications can’t be toggled per group.

1 Like

True, that’s a bit added complexity for the user but I like your suggestion to add a group switcher.

I noticed circelci has a global notification settings page, with a way to still set it per organization:

1 Like

I posted some ideas about next steps regarding notification settings here: Add better notifications settings page · Issue #1457 · yunity/karrot-frontend · GitHub

As I’m exploring the notifications to explain them in the screencast at the moment, I’m making some observations that I thought I’d share here:

  • lack of consistency: some notification settings are accessible through the settings page, some through the subsections on the left menu, some on the conversation pages. I would suggest notification settings available on each of these subsections (additionally to the settings page or a potentially new notification settings page) e.g. offers, applications, conflicts

  • private messages: private messages notification settings can only be set individually - there is no central settings available to the user to say “some” or “none” to private messages. This means users always get an email when a conversation is started with them. Personally as a website user I always make sure I deactivate all emails when I first create an account, so that would annoy me quite a bit.

  • +1 on changing the bell icon into conversation icon as suggested by Bruno, to reduce confusion.

  • I generally like what the above suggestions by Bruno! Especially the hand-drawn mock-up :slight_smile:

1 Like