According to the user's inherent habits to design

The habit of intrinsic manipulation comes from every aspect, the most notable of which is the cultivation of the user from the most conventional controls. In the design process, if you think about the http://www.aliyun.com/zixun/aggregation/12218.html of these regular controls "> usage, it will help you with usability." The thought of optimizing your buddy selector before you can share it with you:

Original version

Users are using this 1, click "Choose a Friend", found that the expanded Drop-down menu has a friend list appear, 2, in the Friends list to check the need for the best friend (if necessary to do appropriate counter-election operation); 3, the real experience, you will find the 3rd step, suddenly overwhelmed. Do not know how the operation should proceed.

If you think about it, you will find

1. Next steps (gifts, sharing ...) has been blocked by the lower floating layer;

2, need to put the surface, but how to collect;

3. If you put it away, my choice of operation will be saved.

Think carefully, users in this place need to pay the brain, the root cause is in the design process of two user habits of the control (Drop-down menu, dialog box) did the integration, but the integration is not perfect, resulting in users can not rely on the inherent habit to complete the task.

Problem analysis

1, first

Before the user clicks "Choose a friend" and picks a friend, the design of this place conveys to the user the feeling of operating a droplist (Pull-down menu). But the user is accustomed to the Drop-down menu is a radio, select a menu will automatically pick up.

2, and then

The user begins to focus on the dropdown layer to select a friend. Because the check Drop-down menu is not closed, users automatically use the dialog control's usage habits to apply this surfacing. The use of dialog box must be the user after the operation is completed need to trigger the action to close the dialog box. Our design does not provide such an operation, so the user will begin to create confusion.

Solution direction:

1, as far as possible weakening droplist type;

2, in the surfacing layer to increase the operation of the floating layer.

Final Solution

Source: http://isux.tencent.com