Anews

Duration

Apr 2021 - Jun 2021 (2 mo)

Advisor

Sean Su

Team

Andrew Chen, Mischa Yeh, Ben Yu

Implementation

Figma, XD, Illustrator, Photoshop

Keywords

Viewer, User experience, User interface, Layout design, Mobile web, Wireframe, Prototype

Try it!

Background

The users’ company is applying “Stigmergy“ in their management and uses Asana and Slack as their communication apps. For Asana, the users will note everything, including discussions or conflicts, on it so that all the workers could be synced timely. As for Slack, it allows the users to have a short discussion and receive notifications from Asana.

However, since the company grows rapidly, there are at least 500 notifications in a day for each worker. And, the notifications from Asana in Slack are often repetitive and lack organization. Therefore, all the workers spend tons of time digesting the messages, causing the employee efficiency to significantly decrease.

Issue: How to guide the users to digest the messages in a clear and efficient way?

User Story

08:00 Wake up in the morning and receive a notification about how many messages waiting to be read today

09:00 Commute to work and digest the messages by sorting them to read or saved to read later

10:00 Get to the office and deal with the messages in saved to read later

Data structure

The messages(green nodes) noted in Asana are stored in a tree form.
The messages are related to its neighbor(gray area) and siblings(orange arrows).
The messages’ levels are essential for views to locate themselves.

->Provide a layout with a clear hierarchy mark and reveal the neighbor and siblings in a single page