Sketch of UI reconstruction for Weibo collection photos

Weibo group photos(Developed by Harbin Institute of Social computing and information retrieval)AlgorithmGroup computing is performed on Weibo users' fans, and the user's fans are automatically divided into several groups. Users can also manually modify the grouping results and adjust the wrong grouping, then, group members are taken and shared to Weibo. Therefore, the UI attaches great importance to group adjustment and photo sharing.

The original UI has not been completed, and the current UI is discussed in the group.

The original UI design draft is as follows:

Handwriting drawing

Actual execution draft:

Group Overview page

Group photo Interface

Weibo sharing interface

The existing UI problems are not discussed when the interface is still rough:

The current UI cannot motivate users to group interactions.
The page depth is too deep, causing users to ignore many features
The fish tank on the group photos page is slightly ambiguous and cannot reflect the meaning of photography.

Rebuilding the UI sketch, for example:

Use the penpencil software as follows:

Reconstruction considerations:

Reduce the page depth, so that all functions can be integrated into one page, and try to be as concise as possible
In the drag operation, use the mouse shape as a prompt.
Add a highlighted effect to the target container by dragging it to remind the user to drag the target location

Additional considerations:

As there may be a large number of people outside the group on the Right, some users with a large number of fans may present hundreds of users, so the filtering policy must be considered. For the screening of Weibo users, you can consider the gender, region, user name, and other factors. Here, the user name seems more reasonable, according to the first letter of the user name, if it is Chinese, according to the first letter of the user name. In this way, you can easily browse the list, load user profile data in a distributed manner, and increase the loading speed. Therefore, add a letter filter.

WelcomeMy blogDiscussion