用户选择框设计思路

最近新项目要用到选择人员，于是重新在新项目中设计了一版选人框。

效果图如下：

功能部分

一个选人框主要有以下几个展示部分：

1. 人员组织树
2. 已选节点信息
3. 操作工具栏

    

---

这三大部分再细分下各自应有的基础功能：

人员展示部分：

• 用户信息展示
• 选中节点的标识
• 对于人员的快速定位功能

1）用户成员展示

将人员用树形直接列出，是最直接、最便捷的方式。因为树形下，很方便查看组织结构，某位用户属于哪个部门，同级员工信息，这些都很清楚。

2）选中节点标识

现在很多的选择树，都前置或后置“复选框”来作为选中状态的标识，这种做法的好处，一是具有明显标识状态，二是引导用户，此节点可直接点击。

前置选择标识：微信的后置选中标识：