Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Setting up the Notification Schedule

Desktop

Figma file

There are two ways for users to open the notification schedule setup UI in the webapp.

  1. Users can navigate to Settings and select the ‘Notifications' tab. Here, there’ll be a new section called `Notifications Schedule` where users can enable or disable the schedule and configure the preferred time frame for receiving notifications.

    image-20240509-142929.pngImage Removedimage-20240509-223538.pngImage Added

  2. They can also click on their profile icon in the top right, hover on the Do Not Disturb menu item, and choose Notification Schedule from the submenu. Clicking on this option should also open the Settings modal with the Notification Schedule section expanded.

    image-20240509-221024.pngImage Removedimage-20240509-222847.pngImage Added

Configuration options

...

  1. Days of week: Users can select from the following three options

    1. Every day

    2. Weekdays (Monday - Friday)

    3. Custom Schedule – If the user selects Custom schedule, the UI below this field should expand to show all days of the week and the user should be able to click on a day to enable or disable notifications on that day.

      image-20240509-203654.pngImage Removedimage-20240509-223607.pngImage Added

  2. Time: Users also need to select a time range within which they should receive notifications. Unless they select Custom schedule, they will have a single time range option which will apply to all days when notifications are active (every day or only weekdays based on the selection). If the user had selected Custom schedule earlier, they will be able to set a different time range against every day of the week. Any time outside of these hours, the user’s status will be set to Do Not Disturb and will not receive notifications.

    Time increments within these time inputs will align with the half-hour increments used for the custom time Do Not Disturb modal.

    image-20240509-203801.pngImage Removed

...

Mobile

Figma file

Similar to the web expeirenceexperience, there are two ways for users to setup the notification schedule setup in the mobile.

...