Notification Management System
UI Project - Created a Notification Management System for a web-app. It is part of a bigger on-going project with the help of my Product Design Manager. Designed using Sketch, and migrated to Figma for display.
My Role
Team
Timeline
Tools
Problem Statement
The web-based system has different announcements and news that need to be shared with users, whether daily, weekly or monthly. Some of this information requires downloading documents. Users were frequently sent emails with these announcements. Since not all the information is needed by all users, it is important that we select who receives which news.
Goal
Allow users to be informed about different changes in the system through easy-to-use notifications management system.
Research
- Quantitative Survey
- Qualitative open ended questions
- User Interview
Questions
From scale 1 to 5, 1 being lowest and 5 being highest, how satisfied are you with the upload feature in facebook messenger (images, videos)?
From scale 1 to 5, 1 being lowest and 5 being highest, how satisfied are you with the ability to appear online/offline and to see others online/offline?
From scale 1 to 5, 1 being lowest and 5 being highest, how satisfied are you with the stories feature?
Reasoning
I specifically focused on 4 different features, 2-3 questions for each, with minimal question answering. This is due to the fact that people do not usually like answering such surveys. It was a good quick quantitative metric, but it did not give a deeper understanding of the problem. The interview and my own experience both gave me the depth I was looking for.
Pain Points
control the ability to
appear online or offline when they want to.
stories, and that “we
have instagram for that”.
Persona
Noura
"I love art. I am using my skills to start my career early even though I am still a student."
Goals
- I want to combine all my work in one application without needing multiple applications to contact clients through.
- I need to have personal times when I appear unavailable to my clients.
Frustrations
- I can't send high quality images or files.
- Sometimes I forget how to turn off the active status and have to look it up.
Wifreframes
Prototype
The prototype of a popup notifications pane at the right side of the system. The look of the notification pane within the system was removed for copyright reasons. Click on the image below to see the full design.
Usability Study
This was limited to 2 participants who tried this prototype and gave us their insights from using it. Note, however, that they were told that some buttons are not clickable and that it is not a feature.
Findings
