top of page

APP MESSAGE CENTER
REDESIGN

Role

Design Researcher/UX Designer

Highlights

Innovate boldly/Accurate insights

Duration

03/2023-04/2023

BACKGROUND

Message center enables seamless information exchange, fostering direct value transmission between users and the platform.

However, the user engagement data has shown that the experience of message center need to be improved.

Frame 427321902.png

Design Research

Firstly, we need to do know more about users' feedback of message center.I conducted user

interview,invited 6 people who matched the User Portrait of POIZON app.

 

I gave them a "task" to recall their using memory:open message center and find a piece of message whatever you like.

My insights were as follows:

Frame 427321744.png

Problem 1. Can't reach valuable message smoothly

There are basically 2 kinds of users of POIZON app:Social users and Shopping users.

Neither of them thought it not easy to reach the kind of messages they cared about. 

For Shopping type users:Too many "rubbish information"!

Over 10+ different commercial message boxes.Users felt like walking into a cheap shop full of advertisements.

On the one hand, it reduced the efficiency for users' information searching, on the other hand, trust decreased as well.

Frame 427322047.png
Frame 427321902.png
commercial
message boxes

For Social type users:Cumbersome operation!

In the old version, the social module was placed on the second level,and divided into

3 independent tabs.

Users need to tap 2-3 times every time they wanted to read interactive messages.

image 283.png
image 284.png
Frame 427322045.png

Problem 2. Can't refuse what they don't want autonomously

Frame 427321902.png

2. Negative operation

was not perfect

e.g.Invisible

1. Forced to accept the 

sticky content

Design insight:Users should be able to reach what they want quickly,  refuse they don't want autonomously. 

Sketching

Direction 1#​ Divide messages into 2 main tabs:

Pros:Clean categories.

Cons:The priority of social module is lower.

         Sill ​cumbersome operation.

012 系统消息.png

Pros:Clean categories.

Cons:The priority of social module is lower.

         Complex filtering logic/display form.

012 系统消息.png

Direction 2#​ Fixed 3-4 top quick links

Pros:Sceen efficiency.

Cons:Prone to business disputes/Sill ​cumbersome operation.

🤔Although the 2 directions have some their pros, neither of them can solve the main problem.

Direction 3#​ All messages tiled + global filter

Pros:No matter what user you are, you can quickly see the types of messages you care about.

Cons:Visual cluttering.

012 系统消息.png
012 系统消息-1.png

💪Although the Direction 3 has its cons, it can solve main pain points effectively.

After judged and weighed the pros and cons of all design proposals, the tiled one was

believed the effective one.Therefore,  we decides to polish it. 

Design Output

Before​

Can't reach valuable message smoothly

social users

💬

shopping users

🛒

​High user effort.Users have to tap 2-4 times to check all messages.
Psychological discrepancy:every tab only a few content.
image 283.png
消息少.png
消息少.png

After

Tiled layout+follow the timeline,valuable information display naturally

In the new version, all messages are tiled, following the timeline. Both social type & shopping type users are able to reach messages as soon as possible, besides, are surrounded with active & friendly platform atmosphere.

social users

💬

001 平铺消息:正常态.png
Untitled 10.gif

✨All be clear at a glance

Reach messages at a second

shopping users

🛒

-Message boxes reduced, trust improved.

-Different colors are given for different services, more distinguishable.

-Although no social interactions, won't feel lost & embarrassed.

Group 75037.png
012 系统消息.png

10+

5

Message boxes

Message boxes

Frame 427321998.png

Before

Can't refuse what they don't want autonomously

Frame 427321902.png

2. Negative operation

was imperfect

e.g.Invisible/Stick/...

1. Forced to accept the 

sticky content

Remove system prioritization, empower users

After

-No more sticky boxes set by system, users can control every message box basing according to their own habits and needs.​

-Improve the negative functions, supporting users avid what they don't need.

044 用户手动取消置顶.png

Wait...Think about risks:

visual cluttering & extreme cases

1.Data facts

Data shows that the number of social messages still is tiny, so there won't be tons of messages.

2.Design polish

Polish the UI of new version, make sure it look nice whatever the situation is.

3.Dark lunch

10% dark lunch fist, observe users feedback.

Design results: Created a more convenient & friendly experience of message center.

+0.23%

New user retention

+5.78%

User interactions

+12.65%

CES

Step1. Close relationship

Shortcomings

Accounting for the limited time, there stiil things to be improved.For example,UI level,the color of messages boxes is too close and lack of logic, need to be polished.

012 系统消息.png
bottom of page