An application that aggregates communication apps like Whatsapp, iMessage, Facebook, Emails, Slack, etc on a single platform, helping end users to better manage their messages and notifications, thereby reducing the possibility of missing important updates.
UI/UX Designer in a team of 3
Annoyed by the amount of messages & notifications you get per day? Want a way to mute certain messages from one app but keep others on? Tired of missing important messages & notifications everyday due to overload of notifications? Well, Head gives you the solution to these problems. A unified messaging & notifications platform that integrates important apps like whatsapp, facebook, iMessage, WeChat and others to keep users in sync with all their apps.
We followed a design thinking approach to solve our problem and came up with the following process. By designing in this order, we believe we can make a succesful application that can be implemented for use.
We began the research by conducting interviews and surveys to gather data. We wanted to know how many people are bothered by reguarly missing important updates. After gathering data we conducted a competitive analysis of the applications that run on a similar concept such as IM+, Rambox and Franz to understand the scope of the existing solutions which were in our problem space
The pain points were:
1. Missing important notifications and messages due to Information Overload
2. Difficulty in collaborating and communicating over multiple platforms
3. Switching between different applications
4. Figuring out which app to use
To overcome these issues, my team and I designed a desktop app for addressing these pain points.
Based on our research and competitive analysis we cerated 3 personas that embodied the archetypes of our user groups. Each persona had a different occupation. For example we considered 1 working professionals, one student with an on-campus job and one more working professional.
With the design requirements in mind, we brainstormed for ideas and built an Affinity Map. Using the affinity map we voted for ideas, forming an idea cluster. Based on the idea cluster we built the scenario flows.
After going through the possible interfaces we decided to create a desktop application based on the results obtained from our research work. We built the Information Architecture for our application
We then created the paper prototypes based on the IA to quickly test the general usability and weed out confusing elements. This is conducted by requiring users to execute a list of
instructions regarding the several tasks with little to no help. Then, using the feedback from the usability test, we outlined the wireframes of the entire app to
analyze the flow of interaction of the app.
Due to the high volume of features in the app, I haven't shown all our sketches. The prototype below is for a user- Sam, who has received notifications and messages from Communication (Whatsapp, iMessage) and Collaboration (Google Drive, Slack) apps. The user journey has been shown in this low-fidelity prototype
Based on our usability tests results, we created the wireframes for our design. The wireframes helped us deisgn the hi-fidelity prototype. Due to the high volume of features in our design, I've only highlighted a few of the wireframes.