HEAD-UNIFIED MESSAGING PLATFORM

Description

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.

Role

UI/UX Designer in a team of 3

Tools
Problem

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.

Process

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.

output
Research

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

output
Pain Points

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.

Synthesis

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.

output output output
Ideation

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.

output output output

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

output output
Sketching

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

output output output output
Wireframing

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.

output output output output
More about this project coming soon!